/* Show description on hover */
function ShowDL (id)
{
	for (var v = 0; v < listDT.length; v++) {
		listDT[v].className = 'invisible';
		listDD[v].className = 'invisible';
	}
	document.getElementById(id + "-title").className = 'visible';
	document.getElementById(id + "-desc").className = 'visible';
}

/* Previous Button */
var handlePrevButtonState = function(type, args) {

	var enabling = args[0];
	var leftImage = args[1];
	if(enabling) {
		leftImage.src = "images/left-arrow.gif";	
	} else {
		leftImage.src = "images/left-arrow-disabled.gif";	
	}
	
};

/* Next Button */
var handleNextButtonState = function(type, args) {

	var enabling = args[0];
	var rightImage = args[1];
	
	if(enabling) {
		rightImage.src = "images/right-arrow.gif";
	} else {
		rightImage.src = "images/right-arrow-disabled.gif";
	}
	
};

/* Create carousel */
var carousel; // for ease of debugging; globals generally not a good idea
if (isdefined('page')) {
	page = page - 1;
	var slider = (page * 6) + 1;
} else {
	var slider = 1;
}

var pageLoad = function() 
{
	
	carousel = new YAHOO.extension.Carousel("more-cases", 
		{
			numVisible:        6,
			animationSpeed:    0.45,
			scrollInc:         6,
			navMargin:         15,
			prevElement:     "prev-arrow",
			nextElement:     "next-arrow",
			size:              30,
			firstVisible:		slider,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState
		}
	);
	
	listItems = document.getElementById("photo-grid").getElementsByTagName('li');
	listDT = document.getElementById("case-descriptions").getElementsByTagName('dt');
	listDD = document.getElementById("case-descriptions").getElementsByTagName('dd');
	for (var i = 0; i < listItems.length; i++) {
		listItems[i].onmouseover = function() { ShowDL(this.getAttribute("id")); this.className = 'hover';};
		listItems[i].onmouseout = function() { this.className = 'unhover';};
	}
};

YAHOO.util.Event.addListener(window, 'load', pageLoad);