colrange = ["#ffffff","#ffffcc","#ffff99","#ffff00","#ffcc00","#ff9900","#ff6600","#ff3300","#ff0000","#dd0000","#bb0000","#990000","#770000","#550000","#330000","#000000","#330000","#550000","#770000","#990000","#bb0000","#dd0000","#ff0000","#ff3300","#ff6600","#ff9900","#ffcc00","#ffff00","#ffff00","#ffffcc","#ffffff"];

colbw = ["#ffffff","#000000","#ffffff","#000000","#ffffff"];
ct = 0;
showt=0; showp=0;

function flashit()
{
  document.getElementById("ptop").style.color=colrange[ct];

  if (ct >= (colrange.length-1))
  {
   t=setTimeout("flashit()",3000);
    ct = 0;
  }
  else
  {
    ct++;
    t=setTimeout("flashit()",75);
  }
}


///////////////////////////////////////

   var browser=navigator.appName;
   var b_version=navigator.appVersion;
   var bversion=parseFloat(b_version);
   if (browser=="Microsoft Internet Explorer")
   {
    if (bversion <= 4)
     isitie = 1;
    else
     isitie = 2;
   }
   else
    isitie = 0;

// distro is now inactive.
//distro = ["distro-1.png","distro-2.png","distro-3.png","distro-4.png"];
distro = ["t-dot.gif"];
dlink  = ["#1","#2","#3","#4"];


slink  = ["display-product.php?pc=Fish Bandit",
          "display-product.php?pc=Fish Bandit",
          "display-product.php?pc=Fish Bandit",
          "display-product.php?pc=Outlaw",
          "display-product.php?pc=Outlaw",
          "display-product.php?pc=Bandit",
          "display-product.php?pc=Bandit",
          "display-product.php?pc=Fish Bandit",
          "display-product.php?pc=Fish Bandit",
          "display-product.php?pc=Fish Bandit",
          "display-product.php?pc=Outlaw",
          "display-product.php?pc=KGT314",
          "display-product.php?pc=Amigo",
          "display-product.php?pc=Amigo",
          "display-product.php?pc=Amigo",
          "display-product.php?pc=KGT400",
          "display-product.php?pc=KFL805",
          "display-product.php?pc=KAC004",
          "display-product.php?pc=KAC909",
          "display-product.php?pc=FTB001",
          "display-product.php?pc=IFB001"];

sinfo  = ["Extreme Kayaks Fish Bandit Desert Camo",
          "Extreme Kayaks Fish Bandit Outback Camo (Top View)",
          "Extreme Kayaks Fish Bandit Outback Camo",
          "Extreme Kayaks Outlaw Outback Camo",
          "Extreme Kayaks Outlaw Desert Camo",
          "Extreme Kayaks Bandit Emerald",
          "Extreme Kayaks Bandit Wave",
          "Extreme Kayaks Fish Bandit Arctic Camo",
          "Extreme Kayaks Fish Bandit Jungle Camo",
          "Extreme Kayaks Fish Bandit Emerald (Top View)",
          "Extreme Kayaks Outlaw Jungle Camo (Top View)",
          "Surf to Summit GTS Elite Seat <span style='font-size:10px'>(Left with Dry Pack, Right with Fishing Pack)</span>",
          "Extreme Kayaks Amigo Tango. Shown fitted with two seats",
          "Extreme Kayaks Amigo Mango (Top View)",
          "Extreme Kayaks Amigo Stacks easily for storage or transporation",
          "Surf to Summit GTS Expedition Seat <span style='font-size:10px'>(Front, Rear Webbing &amp; Seat Closeup)</span>",
          "Surf to Summit Fishing Rod Leash.",
          "Surf to Summit J-Hook Boat Hangar. Can fold flat against the wall.",
          "Surf to Summit Webbing Boat Hangar.",
          "Surf to Summit Fishing Tackle Bag",
          "Surf to Summit Insulated Fishing Bag"];


var distrot     = 0;
var distropos   = 0;
var distrodelay = 2000;


var sc      = sinfo.length-1;				// set to length of description array -1 as counter used starts at 0 but length starts counting at 1
var t       = 0;					// timer
var pos     = 0;					// current position
var sdelay  = 1500;					// slideshow delay

var fn1  = 1;						// fade in value
var fn2  = 100;						// fade in value

function distrolink() { window.location=dlink[distropos]; }
function slidelink()  { if (slink[pos]) window.location=slink[pos];else window.location="#";}

iwid = 1;						// increment width

var lastused = 0;					// keep track of last value for quick and dirty comparison
var newsrc   = 0;					// what image is coming up next.
/////////////////////////////////////////
// function to show top slideshow
/////////////////////////////////////////
// now using random number to select products at random from list rather than standard stepping.

function sshow(status)
{
///////// for generic incrementation
  if (pos >= sc)
    pos = 0;
  else
    pos++;

///////////// for random
//  if (lastused == 0)					// trying this for on page load to force one image static first so constant click doesn't yield disparity
//   pos = 1;
//  else
//   pos=Math.floor(Math.random()*sc);
//  if (pos == lastused)				// if last value get another and hope it's not a dupe also.
//    pos=Math.floor(Math.random()*sc);
//  lastused = pos;

  newsrc = "banner/"+pos+".jpg";		// get new source location using fdata which is path structure
  document.images['prelo'].src = newsrc;

  iwid = 1;
//  growimg(newsrc);

  t=setTimeout("growimg()",sdelay);
//  t=setTimeout("fadeit('"+newsrc+"')",sdelay);
}

/////////////////////////////////////////
// function to expand image
/////////////////////////////////////////
function growimg()
{
  document.images['sshowimg'].src = newsrc;

//+" <span style=\"font-size:8px\"><I>"+pos+"</I></span>"
  if (sinfo[pos])
    document.getElementById('ssummary').innerHTML=sinfo[pos];
  else
    document.getElementById('ssummary').innerHTML="";
 
  document.images['sshowimg'].width = iwid;

 if (iwid <= 393)
 {
   iwid = iwid+30;
   if (iwid > 394) iwid=394;
   t = setTimeout("growimg()",5);
 }
 else
 {
   waitshow();
 }
}

/////////////////////////////////////////
// function to restart slideshow after pause
/////////////////////////////////////////
function waitshow()
{

if (iwid <= 393)				// trying this instead so if image not complete. continue.
 growimg();
else
  t = setTimeout("sshow()",sdelay);
}



/////////////////////////////////////////
// function to display distributor logos
/////////////////////////////////////////
function distroshow()
{
  if (distropos >= (distro.length-1))
    distropos = 0;
  else
    distropos++;

  var newsrca = "images/"+distro[distropos];		// get new source location using fdata which is path structure

  document.images['distro'].src = newsrca;
//iwid = 1;
//iheight=1;
//growimg();

  distrot = setTimeout("distroshow()",distrodelay);
}






function fadeit(newimage)
{
   delay = 25;
   fn1 = fn1 - 0.25;
   fn2 = fn2 - 25;

   document.images['sshowimg'].style.opacity =fn1;
   if (isitie)
      document.images['sshowimg'].style.filter = 'alpha(opacity='+fn2+')';

   if (fn2 >0)
      t=setTimeout("fadeit('"+newimage+"')",delay);
   else
   {
     document.images['sshowimg'].src = newimage;
     var pic=new Image();

    if (isitie == 1)
    {
      pic.onload  = function() {setTimeout("fadeitup()",delay);};
      pic.onerror = function() {setTimeout("fadeitup()",delay);};
      pic.src= newimage;
    }
    else
    {
     pic.src= newimage;
     if(pic.complete)
       fadeitup();
     else
       setTimeout("fadeit('"+newimage+"')",delay);
    }
   }
}
function fadeitup()
{
   delay = 25;
   fn1 = fn1 + 0.25;
   fn2 = fn2 + 25;

   document.images['sshowimg'].style.opacity =fn1;
   if (isitie)
      document.images['sshowimg'].style.filter = 'alpha(opacity='+fn2+')';

   if (fn2 < 100)
     t=setTimeout("fadeitup()",delay);
   else
     t=setTimeout("sshow()",sdelay);
}

function checkimgstatus(newimage)
{
  var pic=new Image(394,100);
  pic.src= newimage;

//  if(pic.complete)
//    setTimeout("fadeitup()",sdelay);
//  else
//    setTimeout("checkimgstatus('"+newimage+"')",sdelay);

  if(pic.complete)
   t=setTimeout("fadeitup()",sdelay);
  else
    t=setTimeout(checkimgstatus('"+newimage+"'),sdelay);
}



/////////////////// for adjusting product summary content
function summary(infob, details)
{
 document.getElementById(infob).innerHTML=details;
}


//////////////// java drop down menu
var timeout	= 2000;
var closetimer	= 0;
var ddmenuitem	= 0;
var submenu	= 0;


function mopen(id,insub)											// open hidden layer
{	
  mcancelclosetime();												// cancel close timer
  if(ddmenuitem && !insub) ddmenuitem.style.visibility = 'hidden';						// close old layer
  if(submenu) submenu.style.visibility = 'hidden';								// close old layer
  if(insub)
  {
    submenu = document.getElementById(id);									// get new layer and show it
    submenu.style.visibility = 'visible';
//    ddmenuitem.style.backgroundColor = '#55FFFF';
  }
  else
  {
    ddmenuitem = document.getElementById(id);									// get new layer and show it
    ddmenuitem.style.visibility = 'visible';
  }
}

function mclose() 												// close showed layer
{
  if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
  if(submenu)       submenu.style.visibility = 'hidden';
 }

function subcheck ()		{	if(submenu) submenu.style.visibility = 'hidden';}			// close old layer
function mclosetime()		{	closetimer = window.setTimeout(mclose, timeout);}			// go close timer
function mcancelclosetime()	{	if(closetimer)	{ window.clearTimeout(closetimer);closetimer = null;}}	// cancel close timer
document.onclick = mclose; 											// close layer when click-out


function backupmopen(id,insub)											// open hidden layer
{	
	mcancelclosetime();											// cancel close timer
	if(ddmenuitem && !insub) ddmenuitem.style.visibility = 'hidden';					// close old layer
	ddmenuitem = document.getElementById(id);								// get new layer and show it
	ddmenuitem.style.visibility = 'visible';
}