productPicture = new Array();
productPicture[0] = "products/large/beans.png";
productPicture[1] = "products/large/grains.png";
productPicture[2] = "products/large/blends.png";

titleId = new Array();
titleId[0] = "home-player-title-beans";
titleId[1] = "home-player-title-grains";
titleId[2] = "home-player-title-blends";

textId = new Array();
textId[0] = "home-player-side-text-beans";
textId[1] = "home-player-side-text-grains";
textId[2] = "home-player-side-text-blends";

if (document.images) {
	preload_beans = new Image(); 
	preload_beans.src = productPicture[0];
	
	preload_rice = new Image(); 
	preload_rice.src = productPicture[1]; 
	
	preload_grains = new Image(); 
	preload_grains.src = productPicture[2]; 
	
	preload_blends = new Image(); 
	preload_blends.src = productPicture[3]; 
}

productImage = 0;

function cycleProductPictures() {
    if (productImage < 2) {
		productImage = productImage + 1;
	} else {
		productImage = 0;
	}
	
	document.getElementById('page-image1').src = document.getElementById('page-image2').src;
	document.getElementById('page-image2').className = "opaque00";
	document.getElementById('page-image2').src = productPicture[productImage];
	changeProducts(0);
	document.getElementById('page-image2').className = "opaque00";
	
	
	window.setTimeout("cycleProductPictures()", 6000);
	
}

function changeProducts(i) {
	document.getElementById('page-image2').className = "opaque0" + i;
	if (i < 10) {
		j = i + 1;
		setTimeout("changeProducts(" + j + ")", 50);
	}
}


activePlayer = 0;

function resetThumbSelection() {
	document.getElementById('home-player-thumbs-beans').className = "";
	document.getElementById('home-player-thumbs-grains').className = "";
	document.getElementById('home-player-thumbs-blends').className = "";
}


function selectBeans() {
	changeTexts(0);
	changePicture(0);
	resetThumbSelection();
	document.getElementById('home-player-thumbs-beans').className = "active-thumb";
	activePlayer = 0;
}

function selectGrains() {
	changeTexts(1);
	changePicture(1);
	resetThumbSelection();
	document.getElementById('home-player-thumbs-grains').className = "active-thumb";
	activePlayer = 1;
}

function selectBlends() {
	changeTexts(2);
	changePicture(2);
	resetThumbSelection();
	document.getElementById('home-player-thumbs-blends').className = "active-thumb";
	activePlayer = 2;
}

function changePicture(i) {
	document.getElementById('home-player-picture2').src = document.getElementById('home-player-picture1').src;
	document.getElementById('home-player-picture1').src = productPicture[i];
	hidePicture(10);
}

function hidePicture(j) {
	document.getElementById('home-player-picture2').className = "opaque0" + j;
	
	if (j > 0) {
		setTimeout("hidePicture(" + (j - 1) + ")", 50); 
	}
}

function changeTexts(i) {
	hideTitle(activePlayer, 9);
	hideText(activePlayer, 9);
	showTitle(i, 1);
	showText(i, 1);
}

function hideTitle(i, j) {
	document.getElementById(titleId[i]).className = "opaque0" + j;
	
	if (j > 0) {
		setTimeout("hideTitle(" + i + "," + (j - 1) + ")", 50); 
	}
}

function showTitle(i, j) {
	document.getElementById(titleId[i]).className = "opaque0" + j;
	
	if (j < 10) {
		setTimeout("showTitle(" + i + "," + (j + 1) + ")", 50); 
	}
}

function hideText(i, j) {
	document.getElementById(textId[i]).className = "opaque0" + j;
	
	if (j > 0) {
		setTimeout("hideText(" + i + "," + (j - 1) + ")", 50); 
	}
}

function showText(i, j) {
	document.getElementById(textId[i]).className = "opaque0" + j;
	
	if (j < 10) {
		setTimeout("showText(" + i + "," + (j + 1) + ")", 50); 
	}
}

function selectNext() {
	if (activePlayer == 0) {
		selectGrains();
	} else if (activePlayer == 1) {
		selectBlends();
	} else {
		selectBeans();
	}
}

function selectPrevious() {
	if (activePlayer == 0) {
		selectBlends();
	} else if (activePlayer == 1) {
		selectBeans();
	} else {
		selectGrains();
	}
}