﻿//Product Slideshow Copyright 2010 Net2Business, llc

var trucklist=new Array( 
					  );
var truckdetail=new Array(	
						 );

var truckcount=5;		
var truckptr=0;	
var bannerset=1;		  

var trucks=new Array( );
var delay=20;
					  					  
var trucktop=0;		
var maxfeatured=5;		
var path='/store/products/thumbs/';  		

function clip(s)
{
 var a=new Array();
 var b=new Array();
 a=s.split('*');
 b=a[0].split('$');
 return b[0];
}

function parsefeatured(s)
{
 var lines=new Array();
 var i;
 
 lines =s.split("~");
 
 for (i=0;i<lines.length;i++)
 {

  details=lines[i].split("^");
  trucklist[truckptr]=new Object();
  trucklist[truckptr].name=clip(details[2]);
  trucklist[truckptr].idx=details[0];  
  trucklist[truckptr].image=details[1];  
  truckptr++;
 }

 loadlist();
 // document.getElementById('showdetail').innerHTML=trucks[3].name;
 //document.getElementById('highlight').src='/store/products/large/p'+trucks[3].image+'.jpg';
 //highlighttarget=trucks[3].idx;

}

function loadlist()
{
 var i;
 var j=0;
 var k;
 var p;
 

 i=trucktop;

 
 while(j<maxfeatured+1)
 {
  trucks[j]=trucklist[i];

   j++;
  i++;
  if (i >= truckptr) {i=0}
 }
 
 for (k=0;k<maxfeatured;k++)
 {
  document.getElementById('vp'+(4-k)).src=path+'p'+trucks[k].image+'.jpg';
  document.getElementById('tp'+(4-k)).src=path+'p'+trucks[k+1].image+'.jpg';
 }
 offset=5;
 for (k=0;k<=maxfeatured;k++)
 {
  p= document.getElementById('d'+(offset-k));
  if (p)
  {p.innerHTML='<a class="subcatlink" href="/cgi/redir.pl?item='+trucks[k].idx+'">'+trucks[k].name+'</a>';
  }
 }
 
 
 trucktop++;

 if (trucktop >= truckptr)
 {trucktop=0; }
}

function slider(id2,count,step,start)
{
    var p;
    var i;
    p=document.getElementById(id2);
    //alert('Start:'+start+' Count: '+count +' Step: '+step);
	 
	 if (count <= 20 )
	 {
     p.style.left=(start+count*step)+'px';	 
	  setTimeout("slider('"+id2+"',"+(count+1)+','+step+','+start+')',delay);
	 }
	else
	{
	     p.style.left=(1+start+count*step)+'px';
 //document.getElementById('showdetail').innerHTML=trucks[3].name;
 //document.getElementById('highlight').src='/store/products/large/p'+trucks[3].image+'.jpg';
  //highlighttarget=trucks[3].idx;
	     
/*	      for (i=0;i<maxfeatured-1;i++)
           {
           document.getElementById('tp'+(i+1)).src=document.getElementById('vp'+(i+1)).src;
           }
*/
	}

}

function rotate(idx)
{
 
 var p2=document.getElementById('v'+idx);
 var obj=getXY(document.getElementById('t'+idx));
 var nextobj=getXY(document.getElementById('t'+(idx+1)));
 var dist=Math.round(nextobj.x-obj.x);
 var i;
 
 p2.style.left=(obj.x)+'px';
 p2.style.top=(obj.y);

p2.style.top=(parseInt(obj.y)+3)+'px';

 p2.style.visibility='visible';
 slider('v'+idx,0,dist/20,obj.x);


}

function rotatelast(idx)
{
 
 var vlast='v'+(maxfeatured-1);
// var p2=document.getElementById(vlast);
 var p2=document.getElementById('v0');
 var cover= document.getElementById('vblank');
 var obj=getXY(document.getElementById('t1'));
 var nextobj=getXY(document.getElementById('t0'));
 var dist=Math.abs(nextobj.x-obj.x);
 
 cover.style.top=obj.y+'px';
 cover.style.left= (nextobj.x - dist)+'px';
 cover.style.visibility='visible';

 p2.style.left=(nextobj.x - dist)+'px';
 p2.style.top=(obj.y);
p2.style.top=(parseInt(obj.y)+3)+'px';
 p2.style.visibility='visible';
 slider(vlast,0,dist/20,nextobj.x-dist);
}


function getXY(obj)
 {
  if (!obj){return {"x":0,"y":0};}
   var xy={"x":obj.offsetLeft,"y":obj.offsetTop}
   var parent=getXY(obj.offsetParent);
   for (var key in parent) {
      xy[key]+=parent[key];
   }

   return xy;
}

function getwidth()

{
        var x = 0;

        if (self.innerHeight)
        { return self.innerWidth;     }
        else 
         if (document.documentElement && document.documentElement.clientHeight)
         {return  document.documentElement.clientWidth;}
        else 
         if (document.body)
          {return document.body.clientWidth;}
}

function setcenter()
{
 var p;
 var w;
 var winw;
 var chrome=14;
 var s=new String;
 
 p=document.getElementById('featured');
 w=parseInt(p.style.width);
 winw=Math.round (getwidth());
 p.style.left=Math.round((winw -w)/2)+'px';
 p.style.left=Math.round(winw -(w+50))+'px'; 
 p.style.visibility='visible';

 
 s=navigator.userAgent;
 if (s.match(/Firefox/i))
 {chrome=30;}
}

function cycle()
{
  for (i=0;i<maxfeatured-1;i++)
 {
   rotate(i);
 }
 rotatelast(i);
 loadlist();
 
}




