var wineOverStateKeyword = "Over";
var classNameKeyword = "wine-desc";

function collapseAllWineDesc(){
	var textBoxesArray = getTextBoxes();
	for(i=0; i < textBoxesArray.length; i++){
		textBoxesArray[i].style.display = "none";
	}
	
}

/* return an array of DIV tags with a classname of classNameKeyword */
function getTextBoxes(x) {
	var textBoxes = document.getElementsByTagName("DIV");
	var filteredTextBoxes = new Array();
	for(i=0; i < textBoxes.length; i++){
		if(textBoxes[i].className == classNameKeyword){
			filteredTextBoxes[filteredTextBoxes.length] = textBoxes[i];
		}
	}
	return filteredTextBoxes;
}

function showText(x) {
	getTextBoxes()[x].style.display = "block";
}

/* rollover functions */
function wcOver(x,y) {
	fileExtension = x.src.substring(x.src.length-4,x.src.length);
	filePath = x.src.substring(0,x.src.length-4) + wineOverStateKeyword;
	x.src = filePath + fileExtension;
	collapseAllWineDesc();	
	//fixRenderBug()
	showText(y);
}
function wcOut(x) {
	fileExtension = x.src.substring(x.src.length-4,x.src.length);
	filePath = x.src.substring(0,x.src.length-(wineOverStateKeyword.length+4));
	x.src = filePath + fileExtension;
	/* hide all text then show first item by default */
	collapseAllWineDesc();
	//fixRenderBug();
	showText(0);
	
}

function fixRenderBug(){
	/* fix render bug in Moz based browsers */
	document.getElementById("content-2-col").style.display = "none";
	document.getElementById("content-2-col").style.display = "block";
}