window.onload = init;

// Changes the colors of the main and sub nav            
function changeNav(){
    if(pageName == pageName){
        document.getElementById(pageName).className = "currentPage";
        document.getElementById("banner").src = "common/images/header_img_homePage100.gif";
    }
    
    var subNavSplit = subNav.substring(0,5);    
    if (subNav != "none" && subNavSplit != "inter"){
        document.getElementById(subNav).className = subNav + "Sel";
    }
    else if (subNav != "none" && subNavSplit == "inter")
    {
        document.getElementById(subNav).className = "interSel";
    }
}


// swaps product packaging for all the other pages
function swap(source) {
    if (document.images) {
        document.images['myImage'].src = source;
        }
    }

// swaps product packaging for the soy and linseed and flax page
function swap2(mySelectObj) {
    var swapParam = mySelectObj.options[mySelectObj.options.selectedIndex].text;
    var source = mySelectObj.options[mySelectObj.options.selectedIndex].value
    
   switch (swapParam) {
	   case 'USA':
		   document.getElementById('prodFlax_txt').style.display = "block";
		   document.getElementById('prodSoy_txt').style.display = "none";
		   
		   document.getElementById('hdnFlax').style.display = "block";
		   document.getElementById('hdnSoy').style.display = "none";
		   
		   document.getElementById('myImage').src = source;
	   break;
	   
	   default:
		   document.getElementById('prodSoy_txt').style.display = "block";
		   document.getElementById('prodFlax_txt').style.display = "none";
		   
		   document.getElementById('hdnFlax').style.display = "none";
		   document.getElementById('hdnSoy').style.display = "block";		   
		   
		   document.getElementById('myImage').src = source;
   }
   
}

// Shows the nutritional information
function showNut(divShow, divHide){
	document.getElementById(divHide).style.display = "none";		
	document.getElementById(divShow).style.display = "block";
} 

function hideNut(divShow, divHide){
	document.getElementById(divHide).style.display = "block";		
	document.getElementById(divShow).style.display = "none";
} 


// show ingredients

function showIng(id){
	document.getElementById("prodIng").style.display = "none";
	document.getElementById("prodNut").style.display = "none";
	document.getElementById("prodIngLrg").style.display = "block";
}

function hideIng(id){
	document.getElementById("prodIng").style.display = "block";
	document.getElementById("prodNut").style.display = "block";
	document.getElementById("prodIngLrg").style.display = "none";
}
	
// FAQ show / hide
function switchLayers(id) {
    myLyr = document.getElementById(id);
	myHdn = document.getElementById(id);
    if (myLyr.className == "contentOpen") {
        hideLayer(myLyr.id);
    } else {
        if (cur_lyr != "") hideLayer(cur_lyr);
        showLayer(myLyr.id);
        cur_lyr = myLyr.id;
		if (myLyr.className == "contentOpen") {
	
		}
    }
}

function showLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.className = "contentOpen";
} 


function hideLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.className = "contentClosed";
}

// This is to tell the hdn's to go on and off
function selHdn(id) {
	myHdn = document.getElementById(id);
    if (myHdn.className == "reSel") {
        offHdn(myHdn.id);
    } else {
        if (cur_hdn != "") offHdn(cur_hdn);
        onHdn(myHdn.id);
        cur_hdn = myHdn.id;
		if (myHdn.className == "reSel") {
	
		}
    }
}

function onHdn(id) {
  var hdn = getElemRefs(id);
  if (hdn && hdn.css) hdn.className = "reSel";
} 


function offHdn(id) {
  var hdn = getElemRefs(id);
  if (hdn && hdn.css) hdn.className = "reNone";
}
 


 
function getElemRefs(id) {
	var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? document.layers[id]: null;
	if (el) el.css = (el.className)? el.className: el;
	return el;
}




// Shows the serving suggestion image
function showImg(id){
    document.getElementById("receipeImg").src = "common/images/servingimages/" + id;
}

// external links
function externalLinks() {
 if (!document.getElementsByTagName) return;
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 }
}

// start scrolling div
function scrollStart(){	
scroller  = new jsScroller(document.getElementById("Scroller-1"), 335, 350);
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true);
}

function scrollSideStart(){	
scrollerSide  = new jsScrollerSide(document.getElementById("Scroller-1Side"), 335, 350);
scrollbarSide = new jsScrollbarSide (document.getElementById("Scrollbar-ContainerSide"), scrollerSide, true);
}
// end scrolling div		

// This is the initialisation code
function init(){
    if (scrollReq == "yes"){
		changeNav();
		externalLinks();
		scrollStart();
	}
	if (scrollSideReq == "yes")
    {
        scrollSideStart();
    }
	changeNav();
	externalLinks();
}