function flip(id,flagit) {
	if (document.getElementById(id) != null) {
		if (flagit=="1"){
			document.getElementById(id).style.visibility = "visible";
			document.getElementById(id).style.display = "block";
		} else if (flagit=="0") {
			document.getElementById(id).style.visibility = "hidden";
			document.getElementById(id).style.display = "none";
		}
	}
}

function backlight (id, flag, cn) {
	if (flag=="1"){
		var menu_change = document.getElementById(''+id+'');
		menu_change.className=cn;
	} else if (flag=="0") {
		var menu_change = document.getElementById(''+id+'');
		menu_change.className=cn;
		subMenuSet();
	}
}

// JavaScript Document For Toggle div
function toggleDiv(divName, divName2) {
    thisDiv = document.getElementById(divName);
	thisDiv2 = document.getElementById(divName2);
	if (thisDiv) {
		if (thisDiv.style.display == "none") {
			thisDiv.style.display = "block";
		} else {
			thisDiv.style.display = "none";
		}
	}
	if (thisDiv2) {
		if (thisDiv2.style.display == "block") {
			thisDiv2.style.display = "none";
		} else {
			thisDiv2.style.display = "block";
		}
	}
}
//////////////////////// js for region menu display /////////////////////////
function subMenuSet () {
								
		function exists(testVar){
			if (typeof(window[testVar]) != "undefined" & window[testVar] != ''){
				return true;
			}else{
				return false;
			}
		}
		
		if(! exists("activeNavClass")){
			var activeNavClass = 'navactive';
		}
		
		if(! exists("activeNavClassSub")){
			var activeNavClassSub = 'navactiveSub';
		}
		
		if(! exists("activeNavClassSubHighlight")){
			var activeNavClassSubHighlight = 'navactiveSubHighlight';
		}
		
		if(exists("activeNavID")){
			var identity=document.getElementById(activeNavID);
			identity.className=activeNavClass;
		}
		
		if(exists("activeNavIDSub")){
			var identity=document.getElementById(activeNavIDSub);
			identity.className=activeNavClassSub;
		}
			if(exists("activeNavIDSubHighlight")){
			var identity=document.getElementById(activeNavIDSubHighlight);
			identity.className=activeNavClassSubHighlight;
		}

}
/////////////////////////////
//// scripts and variables for browse multi-product widget
/////////////////////////////


function createProds () 
{
	if (window['prod_range'] != undefined)	
	{
		//
		for (var i=0; i<prod_range.length; i++) 
		{
			addNode( prod_range[i][0],prod_range[i][1],prod_range[i][2],prod_range[i][3] );
		}
		//
		var slider = document.getElementById('products');
		var sliderWidth = p_w * prod_range.length;
		slider.style.width = sliderWidth+'px';
	}
}

var gap = 0;
var p_w = 73;
var currInd = 0;

function switch_p (dir) {
	
	var slider = document.getElementById('products');
	if (dir){
		if (currInd > 0 ) {
			gap += p_w;	
			currInd--;
		}	
	}
	else {
		if (currInd < prod_range.length-2 ) {
			gap -= p_w;	
			currInd++;
		}
	}
	slider.style.left = gap+'px';

}

function addNode( pName, imgSrc, pLink, cn ){
	//
	var parentDiv=document.getElementById("products");
	//
	var newDiv=document.createElement("DIV");
	newDiv.className=cn;
	//
	var newLink=document.createElement("a");
	newLink.title=pName;
	newLink.href=pLink;
	
	var newImg=document.createElement("img");
	newImg.src=imgSrc;
	newImg.alt=pName;
	newImg.border='0';
	//
	//
	newLink.appendChild(newImg);
	newDiv.appendChild(newLink);
	//
	parentDiv.appendChild(newDiv);
}