/* 
Simple JQuery menu.
*/
var isSubNavOpen=false
var actualData=""
function hideSubnav(data){
	$('#subCategory').slideUp('slow', function() {
    // Animation complete.
	document.getElementById("historyLineContent").style.display=""
	if(actualData!=data){showSubNav(data);}
   });
}
function showSubNav(data){
	if(isSubNavOpen){
		//document.getElementById("subCategory").innerHTML=""
		hideSubnav(data);
		isSubNavOpen=false;
		hideAllMenuItem();
		return
	}
	document.getElementById("subCategory").innerHTML=data
	$('#subCategory').slideDown('slow', function() {
    // Animation complete.
	isSubNavOpen=true
	actualData=data
	//alert("done")
   });
}
function updateSubNav(subID,ocVal){
	url='/action/subCategory.asp?subID='+subID+'&ocVal='+ocVal
	$.ajax({
	  url: url,
	  success: function(data) {
		html=data
		showSubNav(data)
	  }
	});
}
//////// ACCODIAN END /////////

//////// CHANGE IMG MENU ///////
var lastClickElement=0
function mouseOverImg(obj,img){
	if(lastClickElement==obj){return}
	document.getElementById(obj).src = img;
}
function activeImg(obj,img){
	if(lastClickElement!=obj && lastClickElement!=0){
		document.getElementById(lastClickElement).src = document.getElementById(lastClickElement).src.replace('_Active','')
	}
	lastClickElement=obj
	hideAllMenuItem()
	document.getElementById(obj).src = img;
	//document.getElementById("historyLine").innerHTML=""
	//document.getElementById("historyLineContent").style.display="none"
}
function mouseOutImg(obj,img){
	if(lastClickElement==obj){return}
	document.getElementById(obj).src = img;
}
function hideAllMenuItem(){
	allMenuItem=document.getElementById("accmenu").getElementsByTagName("img")
	for(i=0;i<allMenuItem.length;i++){
		itemName=allMenuItem.item(i).id
		document.getElementById(itemName).src=document.getElementById(itemName).src.replace('_active','')
	}
}
//////// CHANGE IMG MENU END ////////

//////// ROLL MENU /////////
var topMovePx=0
function rollForward(moveThisPx){
	topMovePx=topMovePx-(moveThisPx*78)
	document.getElementById("nextButton-div").style.height=125+"px"
	document.getElementById("nextButton-div").style.display="none"
	document.getElementById("prevButton-div").style.display=""
	document.getElementById("subCategory").innerHTML=""
	$('#accmenu').animate({left:topMovePx}, { queue:false, duration:500});
}
function rollBackward(moveThisPx){
	topMovePx=topMovePx+(moveThisPx*78)
	document.getElementById("nextButton-div").style.height=120+"px"
	document.getElementById("nextButton-div").style.display=""
	document.getElementById("prevButton-div").style.display="none"
	document.getElementById("subCategory").innerHTML=""
	$('#accmenu').animate({left:topMovePx}, { queue:false, duration:500});
}
////// ROLL MENU END //////////

////// ROLL PICTURES //////////
var movePx=0
function rollPictureForward(){
	movePx=movePx-520
	if(movePx<=(-1040)){movePx=(-1040)}
	$('#zoomPicture').animate({left: movePx}, { queue:false, duration:500});
}
function rollPictureBackward(){
	movePx=movePx+520
	if(movePx>0){movePx=0}
	$('#zoomPicture').animate({left: movePx}, { queue:false, duration:500});
}
function rollPicturePx(rollPx){
	movePx=rollPx
	$('#zoomPicture').animate({left: movePx}, { queue:false, duration:500});
}
////// ROLL PICTURES //////////