﻿ 
  var slideShowSpeed = 3000
  var crossFadeDuration = 2

var Pic = new Array()
Pic[0] = 'Images/Traditional_pic/PS.jpg';
Pic[1] = 'Images/Traditional_pic/DS.jpg';
Pic[2] = 'Images/Traditional_pic/WC.jpg';
Pic[3] = 'Images/Traditional_pic/LP.jpg';
Pic[4] = 'Images/Traditional_pic/OP.jpg';



var O = new Array()
O[0] = 'PS';
O[1] = 'DS';
O[2] = 'WC';
O[3] = 'LP';
O[4] = 'OP';

var price = new Array()
price[0] = '<b>Leonardo\'s Pop</b>(from $109.85)';
price[1] = '<b>Pencil Sketch</b>(from $49.95)';
price[2] = '<b>DaVinci Sketch</b>(from $74.95)';
price[3] = '<b>WaterColor</b>(from $149.95)';
price[4] = '<b>Oil Painting</b>(from $299.95)';


var RedirectUrl = new Array()
RedirectUrl[0] = '/Pesonalized-Art/HandDrawn/Gift-38/pencil-sketch.html';
RedirectUrl[1] = '/Pesonalized-Art/HandDrawn/Gift-38/DaVinci-Sketch.html';
RedirectUrl[2] = '/Pesonalized-Art/HandDrawn/Gift-38/watercolor.html';
RedirectUrl[3] = '/Pesonalized-Art/HandDrawn/Gift-38/color-pencil.html';
RedirectUrl[4] = '/Pesonalized-Art/HandDrawn/Gift-38/oil-painting.html';

  var t;
  var j = 0;
  var p = Pic.length;
  var count = Pic.length;
  var preLoad = new Array();
  for (i = 0; i < p; i++)
  {
    preLoad[i] = new Image();
    preLoad[i].src = Pic[i];
  }
//  preLoad[0].src = Pic[0];
  var allCached = false;
  var firstTime = false;
  var photo = false;
  var start = true;  
  var restart = false;
  
  //p--产品　eg: PS WC
  function __SlideStart(p)
  {
        //alert(p);
        start = true;
        if(firstTime==false)
        {
            firstTime = true;
            t = setTimeout('runSlideShow('+ j + ')', 6000);
            for(var i = 0; i < O.length; i++)
            {
                if(O[i] == p)
                {
                    j = i;
                    preLoad[j].src = Pic[j];
                   // alert(j);
                    break;
                }
            }
        }

        if (j > (count-1))
   	    {
   	        j = 0;
   	    }

        preLoad[j].src = Pic[j];

        if(restart)
        {
//            runSlideShow(j);
            t = setTimeout('runSlideShow('+ j + ')', slideShowSpeed);
            restart = false;
        }
        //t = setTimeout('runSlideShow('+ j + ')', slideShowSpeed);
  }
  
  function runSlideShow(j)
  {
	    if(start)
	    {
             var SlideShow=document.getElementById("SlideShow");
        //     var PriceShow=document.getElementById("divPrice");
       	     if (document.all)
       	     {
                  SlideShow.style.filter="blendTrans(duration=3)";
                  SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
                  SlideShow.filters.blendTrans.Apply();
   	         }
   	         
       	     SlideShow.src = preLoad[j].src;

          //   PriceShow.innerHTML = price[j];
             
             CleardivStyle();
             SetdivStyle(j);
   	        if (document.all)
   	        {
                SlideShow.filters.blendTrans.Play();
   	        }
   	        j = j + 1;

   	        if (j > (count-1))
   	        {
   		        j=0;
		        allCached = true;
   	        }
	        if (allCached==false)
	        {
	            preLoad[j].src = Pic[j];
	        }

	        t = setTimeout('runSlideShow('+ j + ')', slideShowSpeed);
        }
  }
  
  function __SlideStop(p)
  {        
        start = false;
        clearTimeout(t);
        var SlideShow=document.getElementById("SlideShow");
        var path = "Images/Traditional_pic/"+p+".jpg";
        SlideShow.src = path;
        CleardivStyle();
        
        for(var i = 0; i< O.length; i++)
        {
            if(O[i] == p)
            {
                j = i ;
                preLoad[j].src = Pic[j];
            }
        }
        SetdivStyle(j);
        //var PriceShow=document.getElementById("divPrice");
        //PriceShow.innerHTML = price[j];
        j +=1;
        restart= true;

  }
          
  function CleardivStyle()
  {
      var l = O.length;
      for (var i = 0; i < l; i++)
      {
          var name = O[i];
//          document.getElementById('tb' + name).style.backgroundColor = "#f2ebd8";
//          document.getElementById('tb' + name).style.border= "3px solid #f2ebd8";
//          document.getElementById('z' + name).style.color= "#000000";
//          document.getElementById('j' + name).style.color= "#000000";
         document.getElementById('img' + name).style.display="none";
         document.getElementById('img' + name).style.paddingTop="0px";
         document.getElementById('tb' + name).style.display="block"
      }
  }
  function SetdivStyle(j)
  {
        var name = O[j];
//        document.getElementById('tb' + name).style.backgroundColor = "#ffffff";
//        document.getElementById('tb' + name).style.border= "3px solid #000000";
//        document.getElementById('z' + name).style.color= "#693600";
//        document.getElementById('j' + name).style.color= "#693600";
        document.getElementById('img' + name).style.display="block";
        document.getElementById('img' + name).style.paddingTop="2px";
        document.getElementById('tb' + name).style.display="none"
  }