$(document).ready(function(){
	/***
	*Sets the scrollable browser. 
	*@return void
	*/
	
	/***
	*The width of the image that makes up one scrollable item
	*@var number itmWidth
	*/
	var itmWidth = 137;
	
	/***
	*Width of the visible pane
	*@var number itmWidth
	*/
	var paneWidth = 306;


	//Set news scroller/////////////////////////////////////////

	//Set width of browser div to overcome overflow
	var kids = $("#browserHomeNews").children();
	var len = kids.length;
	var totalWidth = itmWidth*Number(len);
	totalWidth += "px";
	$("#browserHomeNews").css("width", totalWidth);
	
	/***
	*Click and scroll images to the left
	*@return void
	*/
	$("#nextButtonNews").click(function(){
		//Disable if animation is already in progress
		if ($(':animated').length) {
			return false;
		}
		//Find left val
		var leftVal = $('#browserHomeNews').css('left');
		var pos = leftVal.search("p");
		var leftValNum = Number(leftVal.substr(0,pos));
		//Find total width
		var kids = $("#browserHomeNews").children(".scrollItem");
		var len = Number(kids.length);
		var totalWidth = itmWidth*len;
		var totalMovement = (totalWidth-paneWidth);
		var movementLeftOver = totalMovement-(leftValNum*-1);
		var newVal = 0;
		if(movementLeftOver > itmWidth){
			newVal = leftValNum-itmWidth;	
		}else{
			newVal = leftValNum-movementLeftOver;
		}
		newVal += "px";
		$("#browserHomeNews").animate( { left:newVal }, 1500);
		
	});
	
	/***
	*Click and scroll images to the right
	*@return void
	*/
	$("#prevButtonNews").click(function(){
		//Disable if animation is already in progress
		if ($(':animated').length) {
			return false;
		}
		//Find left val
		var leftVal = $('#browserHomeNews').css('left');
		var pos = leftVal.search("p");
		var leftValNum = Number(leftVal.substr(0,pos));
		if(leftValNum < 0){
			var newVal = 0;
			if(leftValNum >= -itmWidth){
				newVal = 0;
			}else{
				newVal = leftValNum+itmWidth;
			}
			newVal += "px";
			$("#browserHomeNews").animate( { left:newVal }, 1500);
		}
	});
	/////////////////////////////////////////////////////////////////////
	
	//Set events scroller/////////////////////////////////////////

	//Set width of browser div to overcome overflow
	var kids = $("#browserHomeEvents").children();
	var len = kids.length;
	var totalWidth = itmWidth*Number(len);
	totalWidth += "px";
	$("#browserHomeEvents").css("width", totalWidth);
	
	/***
	*Click and scroll images to the left
	*@return void
	*/
	$("#nextButtonEvents").click(function(){
		//Disable if animation is already in progress
		if ($(':animated').length) {
			return false;
		}
		//Find left val
		var leftVal = $('#browserHomeEvents').css('left');
		var pos = leftVal.search("p");
		var leftValNum = Number(leftVal.substr(0,pos));
		//Find total width
		var kids = $("#browserHomeEvents").children(".scrollItem");
		var len = Number(kids.length);
		var totalWidth = itmWidth*len;
		var totalMovement = (totalWidth-paneWidth);
		var movementLeftOver = totalMovement-(leftValNum*-1);
		var newVal = 0;
		if(movementLeftOver > itmWidth){
			newVal = leftValNum-itmWidth;	
		}else{
			newVal = leftValNum-movementLeftOver;
		}
		newVal += "px";
		$("#browserHomeEvents").animate( { left:newVal }, 1500);
		
	});
	
	/***
	*Click and scroll images to the right
	*@return void
	*/
	$("#prevButtonEvents").click(function(){
		//Disable if animation is already in progress
		if ($(':animated').length) {
			return false;
		}
		//Find left val
		var leftVal = $('#browserHomeEvents').css('left');
		var pos = leftVal.search("p");
		var leftValNum = Number(leftVal.substr(0,pos));
		if(leftValNum < 0){
			var newVal = 0;
			if(leftValNum >= -itmWidth){
				newVal = 0;
			}else{
				newVal = leftValNum+itmWidth;
			}
			newVal += "px";
			$("#browserHomeEvents").animate( { left:newVal }, 1500);
		}
	});
});

/***
*This creates a div to hover over a link. 
*@param element aElem : The link that has fired the event
*@param string text : HTML text that will make up the rollover
*@return void
*/
function showNews(aElem,text){
	//obtain elems
	var a = $(aElem);
	var offset = a.offset();
	var newTop = Number(offset.top);
	newTop += "px";
	var newLeft = Number(offset.left)+100;
	newLeft += "px";

	//Create div
	var hoverDiv = $(document.createElement("div"));
	hoverDiv.attr("class","newsOver");
	hoverDiv.html('<p class="newsOverText">'+text+'</p>');
	hoverDiv.css({top:newTop, left:newLeft});
	$("#homeContentContainer").append(hoverDiv);
}

/***
*Removes the div created by showArtist() 
*@param aElem : The link that has fired the event
*@return void
*/
function hideNews(aElem){
	$(".newsOver").remove();
}