// JavaScript Document

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}

var http = createRequestObject();

function sndReq(action,imgID) {

	swapImages(imgID);
    http.open('get', 'pfind.php?flavor=' + action);
    http.onreadystatechange = handleResponse;
    http.send(null);
}

function handleResponse() {
    if(http.readyState == 4){
        var response = http.responseText;

		document.getElementById("ProductListing").innerHTML = response;
    }
}
function swapImages(imgID){
	clearScrollImageState();
	
	switch(imgID){
		case "prod1image":
			document.getElementById("prod1image").src = "Images/button/finderVanillaCrunch_on.gif";
			break;
		case "prod2image":
			document.getElementById("prod2image").src = "Images/button/finderCrunchCrisp_on.gif";		
			break;
		case "prod3image":
		    document.getElementById("prod3image").src = "Images/button/finderVanillaDkChoc_on.gif";		
			break;
		case "prod4image":
			document.getElementById("prod4image").src = "Images/button/finderVanillaChocSnack_on.gif";		
			break;									
	}
	
}
function clearScrollImageState(){
	document.getElementById("prod1image").src = "Images/button/finderVanillaCrunch_off.gif";
	document.getElementById("prod2image").src = "Images/button/finderCrunchCrisp_off.gif";
	document.getElementById("prod3image").src = "Images/button/finderVanillaDkChoc_off.gif";
	document.getElementById("prod4image").src = "Images/button/finderVanillaChocSnack_off.gif";
}
				
	$('scroller_loading').style.display = 'none'; 
	 theScroller = new Scroller($H({
						
	0: [ {url: "#", title: "test", Image: "<div class='scrollerProduct'><a href='#' onclick=\"javascript:sndReq(1,'prod1image'); return false;\"><img id='prod1image' src='Images/button/finderVanillaCrunch_off.gif' alt=\"Artificially flavored Vanilla with NESTL&Eacute; CRUNCH Coating\" ></a></div><div class='scrollerProduct'><a href='#' onclick=\"javascript:sndReq(2,'prod2image'); return false;\"><img id='prod2image' src='Images/button/finderCrunchCrisp_off.jpg' alt=\"NESTL&#201; CRUNCH Crisp and BUTTERFINGER Crisp snack pack\" ></a></div>"}],
							
	1: [ {url: "#", title: "test", Image: "<div class='scrollerProduct'><a href='#' onclick=\"javascript:sndReq(3,'prod3image'); return false;\"><img id='prod3image' src='Images/button/finderVanillaDkChoc_off.gif' alt=\"Artificially flavored Vanilla with Dark Chocolatey Coating\" ></a></div><div class='scrollerProduct'><a href='#' onclick=\"javascript:sndReq(4,'prod4image'); return false;\"><img id='prod4image' src='Images/button/finderVanillaChocSnack_off.jpg' alt=\"Artificially flavored Vanilla and Chocolate snack pack\" ></a></div>"}]}));
	 sndReq(1);					
	 document.getElementById("prod1image").src = "Images/button/finderVanillaCrunch_on.gif";