var slideShowSpeed = 3000
  var crossFadeDuration = 2

var Pic = new Array()
Pic[0] = '/Images/slide_picture/LP.jpg';
Pic[1] = '/Images/slide_picture/PS.jpg';
Pic[2] = '/Images/slide_picture/DS.jpg';
Pic[3] = '/Images/slide_picture/WC.jpg';
Pic[4] = '/Images/slide_picture/OP.jpg';
Pic[5] = '/Images/slide_picture/FS.jpg';
Pic[6] = '/Images/slide_picture/CA.jpg';
Pic[7] = '/Images/slide_picture/IM.jpg';
Pic[8] = '/Images/slide_picture/4P.jpg';


var O = new Array()
O[0] = 'LP';
O[1] = 'PS';
O[2] = 'DS';
O[3] = 'WC';
O[4] = 'OP';
O[5] = 'FS';
O[6] = 'CA';
O[7] = 'IM';
O[8] = '4P';


var price = new Array()
price[0] = '<b>Leonardo\'s Pop</b>&nbsp;(from $109.85)';
price[1] = '<b>Pencil Sketch</b>&nbsp;(from $49.95)';
price[2] = '<b>DaVinci Sketch</b>&nbsp;(from $74.95)';
price[3] = '<b>WaterColor</b>&nbsp;(from $149.95)';
price[4] = '<b>Oil Painting</b>&nbsp;(from $299.95)';
price[5] = '<b>Fantasies</b>&nbsp;(from $29.85)';
price[6] = '<b>Caricature</b>&nbsp;(from $19.90)';
price[7] = '<b>In Masterpieces</b>&nbsp;(from $39.85)';
price[8] = '<b>Warhol 4 Panels</b>&nbsp;(from $59.85)';


var RedirectUrl = new Array()
RedirectUrl[0] = '/Pesonalized-Art/Digital/leonardospop.html';
RedirectUrl[1] = '/Pesonalized-Art/HandDrawn/Pencil-Sketch.html';
RedirectUrl[2] = '/Pesonalized-Art/HandDrawn/davinci-sketch.html';
RedirectUrl[3] = '/Pesonalized-Art/HandDrawn/watercolor.html';
RedirectUrl[4] = '/Pesonalized-Art/HandDrawn/Oil-Painting.html';
RedirectUrl[5] = '/Pesonalized-Art/Digital/Gift-33/waterfall-hearts.html';
RedirectUrl[6] = '/CaricatureIndex.html';
RedirectUrl[7] = '/Gift/In-Masterpieces.html';
RedirectUrl[8] = '/Pesonalized-Art/Digital/andyspop4panels.html';
/**
RedirectUrl[0] = '/Digital.aspx?code=leonardospop&o_menu=PopArt';
RedirectUrl[1] = '/HandDrawn.aspx?code=pencilsketch&o_menu=PencilSktech';
RedirectUrl[2] = '/HandDrawn.aspx?code=davincisketch&o_menu=DaVinciSketch';
RedirectUrl[3] = '/HandDrawn.aspx?code=watercolor&o_menu=WaterColor';
RedirectUrl[4] = '/HandDrawn.aspx?code=oilpainting&o_menu=WaterColor';
RedirectUrl[5] = '/HandDrawn.aspx?code=waterfallhearts&o_menu=Fantasy';
RedirectUrl[6] = '/Digital.aspx?code=Caricature&o_menu=Caricature';
RedirectUrl[7] = '/Digital.aspx?code=InMasterpieces&o_menu=InMasterpieces';
RedirectUrl[8] = '/Digital.aspx?code=andyspop4panels&o_menu=PopArt';
**/


  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] + ".jpg";
  }

  var allCached = false;
  var firstTime = false;
  var photo = false;
  var start = true;  
  var restart = false;
  
  //p--²úÆ·¡¡eg: PS WC
  function __SlideStart(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];
                    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();
   	         }
   	         
   	         if(IsImageOk(preLoad[j]))
   	         {
       	         SlideShow.src = preLoad[j].src;

                 PriceShow.innerHTML = price[j];
                 
                 CleardivStyle();
                 SetdivStyle(j);
             }
             else
             {
                __SlideStop(O[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)
  {
        //alert('restart' + restart);
        start = false;
        clearTimeout(t);
        var SlideShow=document.getElementById("SlideShow");
        var path = "/Images/slide_picture/"+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;

  }
  var imgps="/Images/home/Pencil-Sketch.jpg";
  var imglp="/Images/home/Leonardo's-Pop.jpg";
  var imgds="/Images/home/DaVinci-Sketch.jpg";
  var imgwp="/Images/home/4-pop.JPG";
  var imgwc="/Images/home/Watercolor.jpg";
  var imgim="/Images/home/In-Masterpieces.jpg";
  var imgop="/Images/home/Oil-Painting.JPG";
  var imgca="/Images/home/Caricature.JPG";
  var imgfs="/Images/home/Waterfall-Hearts.jpg";
  
  var imgps_1="/Images/home/ps_1.jpg";
  var imglp_1="/Images/home/lp_1.jpg";
  var imgds_1="/Images/home/ds_1.jpg";
  var imgwp_1="/Images/home/wp_1.jpg";
  var imgwc_1="/Images/home/wc_1.jpg";
  var imgim_1="/Images/home/im_1.jpg";
  var imgop_1="/Images/home/op_1.jpg";
  var imgca_1="/Images/home/ca_1.jpg";
  var imgfs_1="/Images/home/fs_1.jpg";  
  
  function CleardivStyle()
  {
      var l = O.length;
      for (var i = 0; i < l; i++)
      {
          var name = O[i];
          var imgdiv=document.getElementById('img' + name);
          document.getElementById('div' + name).style.border = "3px solid #fff";
          document.getElementById('div' + name +"1").style.borderTop = "1px solid #fff";
          document.getElementById('div' + name +"1").style.borderLeft = "1px solid #fff";
          document.getElementById('a' + name).style.color="#000000";
          
          if(name=="LP")
          {
            imgdiv.src=imglp;
          }
          if(name=="PS")
          {
            imgdiv.src=imgps;
          }
          if(name=="DS")
          {
            imgdiv.src=imgds;
          }
          if(name=="WC")
          {
            imgdiv.src=imgwc;
          }
          if(name=="OP")
          {
            imgdiv.src=imgop;
          }
          if(name=="FS")
          {
            imgdiv.src=imgfs;
          }
          if(name=="CA")
          {
            imgdiv.src=imgca;
          }
          if(name=="IM")
          {
            imgdiv.src=imgim;
          }
          if(name=="4P")
          {
            imgdiv.src=imgwp;
          }
          
          
      }
  }
  function SetdivStyle(j)
  {
        var name = O[j];
        var imgdiv=document.getElementById('img' + name);
        document.getElementById('div' + name).style.border = "3px solid #000";
        document.getElementById('div' + name +"1").style.borderTop = "1px solid #c2c2c2";
        document.getElementById('div' + name +"1").style.borderLeft = "1px solid #c2c2c2";
        document.getElementById('a' + name).style.color = "#693600";
          if(name=="LP")
          {
            imgdiv.src=imglp_1;
          }
          if(name=="PS")
          {
            imgdiv.src=imgps_1;
          }
          if(name=="DS")
          {
            imgdiv.src=imgds_1;
          }
          if(name=="WC")
          {
            imgdiv.src=imgwc_1;
          }
          if(name=="OP")
          {
            imgdiv.src=imgop_1;
          }
          if(name=="FS")
          {
            imgdiv.src=imgfs_1;
          }
          if(name=="CA")
          {
            imgdiv.src=imgca_1;
          }
          if(name=="IM")
          {
            imgdiv.src=imgim_1;
          }
          if(name=="4P")
          {
            imgdiv.src=imgwp_1;
          }
  }
  
     function __mo(evr)
     {
        __SlideStop(evr);
     }
     function __mt(evr)
     {
        __SlideStart(evr);
     }
     function __SlideShowmo(o)
     {
        var path = o.src;
        var inde = path.lastIndexOf("/");
        var imgName = o.src.substr(inde+1,o.src.length);
        imgName = imgName.substr(0,2);
        __mo(imgName);
     }
     function __SlideShowmt(o)
     {
        var path = o.src;
        var inde = path.lastIndexOf("/");
        var imgName = o.src.substr(inde+1,o.src.length);
        imgName = imgName.substr(0,2);
        __mt(imgName);
        
     }
     function __SlideShowRedirect(o)
     {
        var _url;
        var path = o.src;
        var inde = path.lastIndexOf("/");
        var imgName = o.src.substr(inde+1,o.src.length);
        imgName = imgName.substr(0,2);
        
        for(var i = 0; i< O.length; i++)
        {
            if(O[i] == imgName)
            {
                _url = RedirectUrl[i];
                break;
            }
        }
        __Redirect(_url);
     }
     function __Redirect(o)
     {
        window.location.href=o;
     }
     
    function IsImageOk(img) 
    {
        // During the onload event, IE correctly identifies any images that
        // weren¡¯t downloaded as not complete. Others should too. Gecko-based
        // browsers act like NS4 in that they report this incorrectly.
        if (!img.complete) 
        {
            return false;
        }

        // However, they do have two very useful properties:naturalWidth and
        // naturalHeight. These give the true size of the image. If it failed
        // to load, either of these should be zero.
        if (typeof img.naturalWidth!= "undefined" && img.naturalWidth== 0) 
        {
            return false;
        }
        
        //alert(img.complete);
        // No other way of checking: assume it¡¯s ok.
        return true;
    }