// preload rollover images

if (document.images) {

  var pic1 = new Image(); 
  pic1.src="images/nav/home_on.png"; 

  var pic2= new Image(); 
  pic2.src="images/nav/story_on.png"; 
  
  var pic3= new Image(); 
  pic3.src="images/nav/products_on.png"; 
 
  var pic4= new Image(); 
  pic4.src="images/nav/tv_on.png";   
  
  var pic5= new Image(); 
  pic5.src="images/nav/wtb_on.png"; 
  
  var vid1= new Image(); 
  vid1.src="images/tv-spot1_on.jpg"; 
  
  var vid2= new Image(); 
  vid2.src="images/tv-spot2_on.jpg"; 
  
}

 function lightup(imgName) {
	if(document.images) {
		imgOn=eval(imgName + ".src");
		document[imgName].src= imgOn;
	}
 }

function turnoff(imgName) {
	if(document.images) {
		document[imgName].src = document[imgName].src.replace(/_on.png/g, ".png");
	}
 }
 
 function turnoff2(imgName) {
	if(document.images) {
		document[imgName].src = document[imgName].src.replace(/_on.jpg/g, ".jpg");
	}
 }
 
  function resizeWin(newLoc, newWidth, newHeight) {
         newWin = open("",newLoc,"scrollbars=no,resizable=yes,status=no,height=" + newHeight + ",width=" + newWidth);
 }
 
 
 window.onload=InitializePage;

function InitializePage()
{
var myarray = new Array();
myarray[0] = new Array(2);
myarray[0][0] = 'fusion-cherry.gif';
myarray[0][1] = 'ProductDetail.aspx?product=21611';

myarray[1] = new Array(2);
myarray[1][0] = 'fusion-strawberry.gif';
myarray[1][1] = 'ProductDetail.aspx?product=21691';

myarray[2] = new Array(2);
myarray[2][0] = 'blackberry.gif';
myarray[2][1] = 'ProductDetail.aspx?product=12270';

myarray[3] = new Array(2);
myarray[3][0] = 'strawberry.gif';
myarray[3][1] = 'ProductDetail.aspx?product=349';

myarray[4] = new Array(2);
myarray[4][0] = 'apple-cina.gif';
myarray[4][1] = 'ProductDetail.aspx?product=336';

myarray[5] = new Array(2);
myarray[5][0] = 'blueberry.gif';
myarray[5][1] = 'ProductDetail.aspx?product=340';

myarray[6] = new Array(2);
myarray[6][0] = 'mixed-berry.gif';
myarray[6][1] = 'ProductDetail.aspx?product=346';

myarray[7] = new Array(2);
myarray[7][0] = 'raspberry.gif';
myarray[7][1] = 'ProductDetail.aspx?product=347';

myarray[8] = new Array(2);
myarray[8][0] = 'cherry.gif';
myarray[8][1] = 'ProductDetail.aspx?product=344';

myarray[9] = new Array(2);
myarray[9][0] = 'strawberry-yog.gif';
myarray[9][1] = 'ProductDetail.aspx?product=360';



if (myarray!=null)
	var image = new Array(2);
	
	{for (i=0; i<myarray.length; i++)
		{
		TDElement=document.createElement("TD");
		image=myarray[i];
		TDElement.innerHTML="<a href='" + image[i,1] + "'><IMG border='0' src='Thumbnails/"+image[i,0]+"'></a>"
		document.getElementById('ImageContainer').appendChild(TDElement)		
		}
	}

setIDs();
attachEventhandlers();
}


// ::::::::::::::::::::::::
// ::: Event Handlers ::
// ::::::::::::::::::::::::


// Attach event handlers to all images within container
function attachEventhandlers()
{
ContainerElement=document.getElementById('ImageContainer')
TDCol=ContainerElement.getElementsByTagName('TD');

if (TDCol!=null)
	{for (l=0; l<TDCol.length; l++)
		{
		IMGCol=TDCol.item(l).getElementsByTagName("IMG");
		IMGCol.item(0).style.cursor="pointer"
		IMGCol.item(0).setAttribute('id',"Image"+l)

		}
	}
}

// Set ID's for all table cells
function setIDs()
{
ContainerElement=document.getElementById('ImageContainer')
TDCol=ContainerElement.getElementsByTagName('TD');
if (TDCol!=null)
	{	for (i=0; i<TDCol.length; i++)
			{TDCol.item(i).setAttribute('id',i)}
	}
}

// :::::::::::::::::::::::::
// ::: Scroll Functions ::
// :::::::::::::::::::::::::

function moveLeft()
{
ContainerElement=document.getElementById("ImageContainer");
firstTD=document.getElementById("0");
dupfirstTD=firstTD.cloneNode(false)
dupfirstTD.innerHTML=firstTD.innerHTML
ContainerElement.removeChild(firstTD);
ContainerElement.appendChild(dupfirstTD);
setIDs();attachEventhandlers();
}

function moveRight()
{
lastTD=document.getElementById(TDCol.length-1);
duplastTD=lastTD.cloneNode(false)
duplastTD.innerHTML=lastTD.innerHTML
firstTD=document.getElementById("0");
ContainerElement=document.getElementById("ImageContainer");
ContainerElement.insertBefore(duplastTD,firstTD);
ContainerElement.removeChild(lastTD);
setIDs();attachEventhandlers();
}



function imgSwap(oImg)
{
   var strOver  = "_on"    // image to be used with mouse over
   var strOff = "_off"     // normal image
   var strImg = oImg.src
   if (strImg.indexOf(strOver) != -1) 
      oImg.src = strImg.replace(strOver,strOff)
   else
      oImg.src = strImg.replace(strOff,strOver)
}


//VIDEO!!!
function setVideo(type,width,height) {
	if(isObject('jcplayer')){
      replaceSwfWithEmptyDiv('jcplayer');
    }
	if (width == null || height == null) {
		createCookie('tvspotngwidth','350',1);
		createCookie('tvspotngheight','258',1);
	} else {
		createCookie('tvspotngwidth',width,1);
		createCookie('tvspotngheight',height,1);
	}
	var spot = readCookie("tvspotng");
	if( spot != null) {
        flashvars.videoURL = spot + type + '.mp4'; 
		flashvars.startPhotoSource = spot + 'high.jpg';
		
	} else {
		flashvars.videoURL = 'klnb0032_' + type + '.mp4';  
		flashvars.startPhotoSource = 'klnb0032_' + 'high.jpg';
		
	}
	
		flashvars.autoPlay = "true";
        swfobject.embedSWF("jcplayer.swf","jcplayer", readCookie("tvspotngwidth"), readCookie("tvspotngheight"), "9.0.0", "expressInstall.swf", flashvars, params, attributes);
}


function isObject(targetID){
	
   var isFound = false;
   var el = document.getElementById(targetID);
   if(el && (el.nodeName === "OBJECT" || el.nodeName === "EMBED")){
      isFound = true;
   }

   return isFound;
}

function replaceSwfWithEmptyDiv(targetID){
   var el = document.getElementById(targetID);
   if(el){
      var div = document.createElement("div");
      el.parentNode.insertBefore(div, el);
      swfobject.removeSWF(targetID);
      div.setAttribute("id", targetID);
   }
}

function createCookie(name,value,days)
{
      if (days)
      {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
      } else {
            var expires = "";
      }
      document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++)
      {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
}
function eraseCookie(name)
{
      createCookie(name,"",-1);
}