// displayLayer.js this script uses Document Object model Switch 

if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)>=4)
   {
     nav = "ns4";
     doc = "document";
     sty = "";
   }
else 
    if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion)>=4)
     {
      nav = "ie4";
      doc = "document.all";
      sty = ".style";
     }

var count = 0;

var x;
var y;
var pageSelected = "textImg1";
var done;

preLoad();

// createLayer();

function preLoad()
{ var done = 0;

  Image0 = new Image();
  Image0.src="../Image/kamenHead.gif";
  Image0.onLoad=checkNumOfImages();

  Image1 = new Image();
  Image1.src="../Image/k1.jpg";
  Image1.onLoad=checkNumOfImages();

  Image2 = new Image();
  Image2.src="../Image/k2.jpg";
  Image2.onLoad=checkNumOfImages();

  Image3 = new Image();
  Image3.src="../Image/k3.jpg";
  Image3.onLoad=checkNumOfImages();

  Image4 = new Image();
  Image4.src="../Image/k4.jpg";
  Image4.onLoad=checkNumOfImages();

  Image5 = new Image();
  Image5.src="../Image/k5.jpg";
  Image5.onLoad=checkNumOfImages();

  Image6 = new Image();
  Image6.src="../Image/k6.jpg";
  Image6.onLoad=checkNumOfImages();
  
  Image7 = new Image();
  Image7.src="../Image/k7.jpg";
  Image7.onLoad=checkNumOfImages();

  Image8 = new Image();
  Image8.src="../Image/k8.jpg";
  Image8.onLoad=checkNumOfImages();

  Image9 = new Image();
  Image9.src="../Image/k9.jpg";
  Image9.onLoad=checkNumOfImages();

  Image10 = new Image();
  Image10.src="../Image/k10.jpg";
  Image10.onLoad=checkNumOfImages();

  Image11 = new Image();
  Image11.src="../Image/k11.jpg";
  Image11.onLoad=checkNumOfImages();

  Image12 = new Image();
  Image12.src="../Image/k12.jpg";
  Image12.onLoad=checkNumOfImages();
  

  Image13 = new Image();
  Image13.src="../Image/k13.jpg";
  Image13.onLoad=checkNumOfImages();

  Image14 = new Image();
  Image14.src="../Image/k14.jpg";
  Image14.onLoad=checkNumOfImages();

  Image15 = new Image();
  Image15.src="../Image/k15.jpg";
  Image15.onLoad=checkNumOfImages();
 
  Image16 = new Image();
  Image16.src="../Image/k16.jpg";
  Image16.onLoad=checkNumOfImages();

  Image17 = new Image();
  Image17.src="../Image/k17_2.jpg";
  Image17.onLoad=checkNumOfImages();

  Image18 = new Image();
  Image18.src="../Image/k18.jpg";
  Image18.onLoad=checkNumOfImages();

  Image19 = new Image();
  Image19.src="../Image/k19.jpg";
  Image19.onLoad=checkNumOfImages();
 
  Image20 = new Image();
  Image20.src="../Image/k20.jpg";
  Image20.onLoad=checkNumOfImages();

  Image21 = new Image();
  Image21.src="../Image/k21.jpg";
  Image21.onLoad=checkNumOfImages();
}

function checkNumOfImages() {
	count=parseInt(count)+1;
      // alert(parseInt(count));
	if (parseInt(count) == 21){
             
      // alert("All pics are loaded");
      done = 1;
      createLayer();
      
    }
}


function moveLogo(e)
{ 
   // alert(done); 
 if (parseInt(done) == 1){
 
  x = e.x;
  // alert(x);
  headImage.left = parseInt(x - 30);
  headImage.top = 330;

  page=eval(pageSelected);

  if ((x  <= 80) )
     { picObject.picImg.src = Image1.src;
       // alert(pageSelected);
       page=eval(pageSelected);
       page.visibility = "hidden";
       textImg1.visibility = "visible";
       pageSelected = "textImg1";
       
     }
  if ((x >= 81) && (x <= 120))
     { picObject.picImg.src = Image2.src;
       page=eval(pageSelected);
       page.visibility = "hidden";
       textImg2.visibility = "visible";
       pageSelected = "textImg2";

     }
  if ((x >= 121) && (x <= 161))
     { picObject.picImg.src = Image3.src;

       page.visibility = "hidden";
       textImg3.visibility = "visible";
       pageSelected = "textImg3";

     }
  if ((x >= 162) && (x <= 200))
     { picObject.picImg.src = Image4.src;

       page.visibility = "hidden";
       textImg4.visibility = "visible";
       pageSelected = "textImg4";
}
  if ((x >= 201) && (x <= 240))
     { picObject.picImg.src = Image5.src;
       
       page.visibility = "hidden";
       textImg5.visibility = "visible";
       pageSelected = "textImg5";}

  if ((x >= 241) && (x <= 280))
     { picObject.picImg.src = Image6.src;
       page.visibility = "hidden";
       textImg6.visibility = "visible";
       pageSelected = "textImg6";}

  if ((x >= 281) && (x <= 320))
     { picObject.picImg.src = Image7.src;
       page.visibility = "hidden";
       textImg7.visibility = "visible";
       pageSelected = "textImg7";}

  if ((x >= 321) && (x <= 360))
     { picObject.picImg.src = Image8.src;
       page.visibility = "hidden";
       textImg8.visibility = "visible";
       pageSelected = "textImg8";}

  if ((x >= 361) && (x <= 400))
     { picObject.picImg.src = Image9.src;
       page.visibility = "hidden";
       textImg9.visibility = "visible";
       pageSelected = "textImg9";}

  if ((x >= 401) && (x <= 440))
     { picObject.picImg.src = Image10.src;
       page.visibility = "hidden";
       textImg10.visibility = "visible";
       pageSelected = "textImg10";}

  if ((x >= 441) && (x <= 480))
     { picObject.picImg.src = Image11.src;
       page.visibility = "hidden";
       textImg11.visibility = "visible";
       pageSelected = "textImg11";}

  if ((x >= 481) && (x <= 520))
     { picObject.picImg.src = Image12.src;
       page.visibility = "hidden";
       textImg12.visibility = "visible";
       pageSelected = "textImg12";}

  if ((x >= 521) && (x <= 560))
     { picObject.picImg.src = Image13.src;
       page.visibility = "hidden";
       textImg13.visibility = "visible";
       pageSelected = "textImg13";}

  if ((x >= 561) && (x <= 600))
     { picObject.picImg.src = Image14.src;
       page.visibility = "hidden";
       textImg14.visibility = "visible";
       pageSelected = "textImg14";}

  if ((x >= 601) && (x <= 640))
     { picObject.picImg.src = Image15.src;
       page.visibility = "hidden";
       textImg15.visibility = "visible";
       pageSelected = "textImg15";}

  if ((x >= 641) && (x <= 680))
     { picObject.picImg.src = Image16.src;
       page.visibility = "hidden";
       textImg16.visibility = "visible";
       pageSelected = "textImg16";}

  if ((x >= 681) && (x <=710))
     { picObject.picImg.src = Image17.src;
       page.visibility = "hidden";
       textImg17.visibility = "visible";
       pageSelected = "textImg17";}

  if ((x >= 711) && (x <=740))
     { picObject.picImg.src = Image18.src;
       page.visibility = "hidden";
       textImg18.visibility = "visible";
       pageSelected = "textImg18";}

  if ((x >= 741) && (x <=780))
     { picObject.picImg.src = Image19.src;
       page.visibility = "hidden";
       textImg19.visibility = "visible";
       pageSelected = "textImg19";}
  
  if ((x >= 781) && (x <=820))
     { picObject.picImg.src = Image20.src;
       page.visibility = "hidden";
       textImg20.visibility = "visible";
       pageSelected = "textImg20";}

  if ((x >= 821) && (x <=860))
     { picObject.picImg.src = Image21.src;
       page.visibility = "hidden";
       textImg21.visibility = "visible";
       pageSelected = "textImg21";}
 
  // picImage.left = 50;
  // picImage.top = 440;
  
   }
 }

function createLayer()
{ 
  
  // create image object within the layer named sliderLayer
  sliderImage = eval(doc + '["sliderLayer"]' + sty);
  
 // create layer object
  sliderObject = eval(doc + '["sliderLayer"]' + ".document");
  sliderImage.left =  30;
  sliderImage.top = 375;

 // create image object within the layer named headLayer
  headImage = eval(doc + '["headLayer"]' + sty);

 // create layer object
  headObject = eval(doc + '["headLayer"]' + ".document");
  headObject.logoImg.src = Image0.src;
  headImage.left = 30;
  headImage.top = 330;

  // create image object within the layer named showPicLayer
  picImage = eval(doc + '["showPicLayer"]' + sty);
  
 // create layer object
  picObject = eval(doc + '["showPicLayer"]' + ".document");
  picObject.picImg.src = Image1.src;
  picImage.left = 50;
  picImage.top = 440;

 // create text layer object
 textImg1 = eval(doc + '["kamen1"]' + sty);
 textObj1= eval(doc +'["kamen1"]' + ".document");
 
 textImg2 = eval(doc + '["kamen2"]' + sty);
 textObj2= eval(doc +'["kamen2"]' + ".document");
 
 textImg3 = eval(doc + '["kamen3"]' + sty);
 textObj3= eval(doc +'["kamen3"]' + ".document");

 textImg4 = eval(doc + '["kamen4"]' + sty);
 textObj4= eval(doc +'["kamen4"]' + ".document");

 textImg5 = eval(doc + '["kamen5"]' + sty);
 textObj5= eval(doc +'["kamen5"]' + ".document");

 textImg6 = eval(doc + '["kamen6"]' + sty);
 textObj6= eval(doc +'["kamen6"]' + ".document");

 textImg7 = eval(doc + '["kamen7"]' + sty);
 textObj7= eval(doc +'["kamen7"]' + ".document");

 textImg8 = eval(doc + '["kamen8"]' + sty);
 textObj8= eval(doc +'["kamen8"]' + ".document");

 textImg9 = eval(doc + '["kamen9"]' + sty);
 textObj9= eval(doc +'["kamen9"]' + ".document");

 textImg10 = eval(doc + '["kamen10"]' + sty);
 textObj10= eval(doc +'["kamen10"]' + ".document");

 textImg11 = eval(doc + '["kamen11"]' + sty);
 textObj11= eval(doc +'["kamen11"]' + ".document");

 textImg12 = eval(doc + '["kamen12"]' + sty);
 textObj12= eval(doc +'["kamen12"]' + ".document");

 textImg13 = eval(doc + '["kamen13"]' + sty);
 textObj13= eval(doc +'["kamen13"]' + ".document");

 textImg14 = eval(doc + '["kamen14"]' + sty);
 textObj14= eval(doc +'["kamen14"]' + ".document");

 textImg15 = eval(doc + '["kamen15"]' + sty);
 textObj15= eval(doc +'["kamen15"]' + ".document");

 textImg16 = eval(doc + '["kamen16"]' + sty);
 textObj16= eval(doc +'["kamen16"]' + ".document");

 textImg17 = eval(doc + '["kamen17"]' + sty);
 textObj17= eval(doc +'["kamen17"]' + ".document");

 textImg18 = eval(doc + '["kamen18"]' + sty);
 textObj18= eval(doc +'["kamen18"]' + ".document");

 textImg19 = eval(doc + '["kamen18"]' + sty);
 textObj19= eval(doc +'["kamen18"]' + ".document");

 textImg20 = eval(doc + '["kamen18"]' + sty);
 textObj20= eval(doc +'["kamen18"]' + ".document");

 textImg21 = eval(doc + '["kamen18"]' + sty);
 textObj21= eval(doc +'["kamen18"]' + ".document");

  // alert("layer created");

 }