var pix = new Array();
var nPix=12;
var nSets = 3;
var timePreFirstFade=3;
var intSecsBwFades=4;

pix[0]=new Image();
pix[0].src="../graphics/spinvis.gif"; 
pix[1]=new Image();
pix[2]=new Image();
pix[3]=new Image();
pix[4]=new Image();
pix[5]=new Image();
pix[6]=new Image();
pix[7]=new Image();
pix[8]=new Image();
pix[9]=new Image();
pix[10]=new Image();
pix[11]=new Image();
pix[12]=new Image();


function loadPics() 
	{
	pix[1].src="../graphics/faders/fader_about_1.jpg";
	pix[2].src="../graphics/faders/fader_products_1.jpg";
	pix[3].src="../graphics/faders/fader_services_1.jpg";
	pix[4].src="../graphics/faders/fader_kamilin_1.jpg";

	pix[5].src="../graphics/faders/fader_about_2.jpg";
	pix[6].src="../graphics/faders/fader_products_2.jpg";
	pix[7].src="../graphics/faders/fader_services_2.jpg";
	pix[8].src="../graphics/faders/fader_kamilin_2.jpg";

	pix[9].src="../graphics/faders/fader_about_3.jpg";
	pix[10].src="../graphics/faders/fader_products_3.jpg";
	pix[11].src="../graphics/faders/fader_services_3.jpg";
	pix[12].src="../graphics/faders/fader_kamilin_3.jpg";

	}

var thisSet = 2; // first set to change to is 2
var pass=0; // incremented in FadeFourPanels, so for first set only, pass = 2 on first cycle (ie skips topleft)
var whichTopLeft=5;
var whichTopRight=6;
var whichBottomLeft=7;
var whichBottomRight=8;
var openingScreen=true;
var nLoaded;
var i;
var target;

function FadeFourPanels() 
	{
         // no images, so quit
         if (!document.images)
            return

         // check if all loaded: if not, wait 1 sec & look again
         nLoaded = 0
         for (i=1;i<nPix+1;i++)
           if (pix[i].complete == true)
              nLoaded++
         if (nLoaded < nPix)
            { 
            setTimeout("FadeFourPanels()", 1000);
            return;
            }
         // opening screen, so wait timePreFirstFade secs before starting
         if (openingScreen==true)
            {
            openingScreen=false;
            setTimeout("FadeFourPanels()",timePreFirstFade*1000);
            return;
            }

         // increment pass
         if (pass < 4)
            pass++
         else
		   {
		    pass = 1
            if (thisSet < nSets) // new cycle so increment thisSet
              thisSet++
            else
              thisSet=1
		    }
			
            if (pass == 1) {
               target = 2
			}
            else if (pass == 2) {
               target = 4
			}
			else if (pass == 3) {
               target = 1
			}
            else { // (pass == 4)
               target = 3
			}

         if (document.all)
            {
            if (target == 1) {
               panel_1.filters.blendTrans.apply()
               panel_2.filters.blendTrans.apply() 
			   }
            else if (target == 2) {
                   panel_2.filters.blendTrans.apply()
                   panel_1.filters.blendTrans.apply()
				   }
            else if (target == 3) {
                   panel_3.filters.blendTrans.apply()
                   panel_4.filters.blendTrans.apply()
				   }
            else  { // (target == 4)
                    panel_4.filters.blendTrans.apply()
                   panel_3.filters.blendTrans.apply()
				   }
            }

         if (target == 1) { // topleft's turn
		    whichTopLeft = 0
            whichTopRight = (thisSet-1)*4 + 2;		  
            document.images.panel_1.src=pix[whichTopLeft].src
            document.images.panel_2.src=pix[whichTopRight].src
         }
         else if (target == 2) { // topright's turn
		      whichTopRight = 0
              whichTopLeft = (thisSet-1)*4 + 1;		  
              document.images.panel_2.src=pix[whichTopRight].src
              document.images.panel_1.src=pix[whichTopLeft].src
              }
         else if (target == 3) { // bottomright's turn
		      whichBottomRight = 0
		      whichBottomLeft = (thisSet-1)*4 + 4;		  
		      document.images.panel_3.src=pix[whichBottomRight].src
		      document.images.panel_4.src=pix[whichBottomLeft].src
		      }
		 else  { // (target == 4) bottomright's turn
		      whichBottomLeft = 0
		      whichBottomRight = (thisSet-1)*4 + 3;		  
		      document.images.panel_4.src=pix[whichBottomLeft].src
		      document.images.panel_3.src=pix[whichBottomRight].src
		 }

         if (document.all)
            {
            if (target == 1) {
               panel_1.filters.blendTrans.play()
               panel_2.filters.blendTrans.play() 
			   }
            else if (target == 2) {
                   panel_2.filters.blendTrans.play()
                   panel_1.filters.blendTrans.play()
				   }
            else if (target == 3) {
                   panel_3.filters.blendTrans.play()
                   panel_4.filters.blendTrans.play()
				   }
            else  { // (target == 4)
                    panel_4.filters.blendTrans.play()
                   panel_3.filters.blendTrans.play()
				   }
            }

         //  timeout
         setTimeout("FadeFourPanels()", intSecsBwFades*1000)

	}