var minY = -970;
	var maxY = 0;
	var scrollSize = 194;
	var upArrowDisabled = true;
	var downArrowDisabled = false;
	var messageHtml;

	function injectCloseButtonIntoItem(item) {
		$(item).append("<div class='closeButton' onclick='javacsript:closeItem(this.parentNode);'> </div>");
	}
	
	function injectReloadButtonIntoItem(item) {
		$(item).append("<div class='reloadButton' onclick='javacsript:reloadItem(this.parentNode);'> </div>");
	}
	function reloadItem(element) {
		$(element).children("div.reloadButton").remove();
		$(element).animate( { opacity: 0 }, 500, function() { 
			this.className = 'gridItemInv';
			injectCloseButtonIntoItem(this);
			$(this).appendTo("#gridPanel");
			var el = $("div.gridItemInv");
			el.removeClass().addClass('gridItem');
			el.animate({ opacity: 1 }, 500, function() { $(this).removeClass().addClass('gridItem'); } );
		} );
		
		
	}
	
	function closeItem(element) {
		$(element).children("div.closeButton").remove();
		$(element).animate( { opacity: 0 }, 500, function() { 
			this.className = 'gridItemInv';
			injectReloadButtonIntoItem(element);
			$(this).appendTo("#visitedPanel");
			var el = $("div.gridItemInv");
			el.removeClass().addClass('gridItem');
			el.animate({ opacity: 1 }, 500, function() { $(this).removeClass().addClass('gridItem'); } );
		} );
	}
	
	function scrollUp() {
		var dims = $("#leftPanel").css("top");
		var currenty = parseInt(dims);
		if(isNaN(currenty)) currenty = 0;
		var localScrollSize = scrollSize;
		if(currenty + scrollSize > maxY) {
			localScrollSize = maxY - currenty;
			upArrowDisabled = true;
		} else {
			upArrowDisabled = false;
		}
		downArrowDisabled = false;
		checkButtonStates();
		$("#leftPanel").stop().animate({top:"+=" + localScrollSize});
	}
	

	
	
	function scrollDown() {
		var dims = $("#leftPanel").css("top");
		var currenty = parseInt(dims);
		var localScrollSize = scrollSize;
		if(isNaN(currenty)) currenty = 0;
		if(currenty - scrollSize < minY) {
			localScrollSize = 0 - minY + currenty;
			downArrowDisabled = true;
		} else {
			downArrowDisabled = false;
		}
		upArrowDisabled = false;
		checkButtonStates();	
		$("#leftPanel").stop().animate({top:"-=" + localScrollSize});
	}
	function checkButtonStates() {
		var el = document.getElementById("ScrollerUpImage");
		if(upArrowDisabled) {
			el.src = "images/scrollerUpDisabled.gif";
		} else if( el.src.toLowerCase().indexOf("scrollerupdisabled.gif") > -1) {
			el.src = "images/scrollerUpNormal.gif";
		}
		el = document.getElementById("ScrollerDownImage");
		if(downArrowDisabled) {
			el.src = "images/scrollerDownDisabled.gif";
		} else if( el.src.toLowerCase().indexOf("scrollerdowndisabled.gif") > -1) {
			el.src = "images/scrollerDownNormal.gif";
		}
	}
	function alignToCurrentItem() {
		var locSplit = document.location.href.split('/');
		var pageAdd = locSplit[locSplit.length - 1];
		if(pageAdd.indexOf('?') > -1) {
			pageAdd = pageAdd.substr(0, pageAdd.indexOf('?'));
		}
		var counter = 0;
		var result = 0;
		$("#leftPanel").children().each( function() {
			if($(this).html().indexOf(pageAdd) > -1) {
				result = counter;
			}
			counter++;
		});
		var targetLoc = 97 * result;
		if(0 - targetLoc < minY) {
			downArrowDisabled = true;
			upArrowDisabled = false;
			targetLoc = 0 - minY;
		} else if(targetLoc != 0) {
			upArrowDisabled = false;
		} else {
			upArrowDisabled = true;
		}
		checkButtonStates();
		$("#leftPanel").stop().animate({top:"-=" + targetLoc});	
	}
	
	function swapImageForScrollDown(element, isOver) {
		if(element.src.toLowerCase().indexOf('disabled') != -1) return;
		if(isOver) {
			element.src = 'images/ScrollerDownOver.gif';
		} else {
			element.src = 'images/ScrollerDownNormal.gif';
		}
	}
	function swapImageForScrollUp(element, isOver) {
		if(element.src.toLowerCase().indexOf('disabled') != -1) return;
		if(isOver) {
			element.src = 'images/ScrollerUpOver.gif';
		} else {
			element.src = 'images/ScrollerUpNormal.gif';
		}
	}
	
	//ga tracking?
	function doFishLinkClick() {
		messageHtml = $("#fishTank").html();
		$("#whatsWithTheFish").dialog({
			autoOpen: true,
			title: 'What about the fish?',
			width: 850,
			beforeclose: function(event, ui) {return doDialogEffect()}
		});
	}
	
	function doDialogEffect() {
		var effect;
		var randomnumber=Math.floor(Math.random()*5) + 1;
		if(randomnumber == 1) {
			effect = "explode";
		} else if (randomnumber == 2) {
			effect = "puff";
		} else if (randomnumber == 3) {
			effect = "blind";
		} else if (randomnumber == 4) {
			effect = "fold";
		} else if (randomnumber > 4) {
			effect = "drop";
		}
		$("#whatsWithTheFish").parent().effect(effect, null, 1000, finishClose);
		return false;
	}
	
	function finishClose() {
		$("#whatsWithTheFish").remove();
		$("#fishTank").html(messageHtml);
		return false;
	}
	
	function doFishBlink() {
	}