<!--
var windowItem = 0;
var patioItem = 0;

 
 function preload()
 {
    if (document.images)
    {
      preload_image_object = new Image();
	  preload_image_object2 = new Image();
	  
      // set image url
      myData = new Array();
	  myData2 = new Array();
	  
      myData[0] = new Array();
	  myData[1] = new Array();
	  myData[2] = new Array();
	  myData[3] = new Array();
	  myData[4] = new Array();
	  myData[5] = new Array();
	  myData[6] = new Array();
	  myData[7] = new Array();
	  myData[8] = new Array();	  
	  myData[9] = new Array();
	  myData[10] = new Array();
	  myData[11] = new Array();
	  myData[12] = new Array();
	  myData[13] = new Array();
	  myData[14] = new Array(); 
	  myData[15] = new Array();
	  myData[16] = new Array();
	  myData[17] = new Array();
	  myData[18] = new Array();
	  
	  
	  myData2[0] = new Array();
	  myData2[1] = new Array();
	  myData2[2] = new Array();
	  myData2[3] = new Array();
	  myData2[4] = new Array();
	  myData2[5] = new Array();
	  myData2[6] = new Array();
	  myData2[7] = new Array();
	  myData2[8] = new Array();	  
	  myData2[9] = new Array();
	  myData2[10] = new Array();
	  myData2[11] = new Array();
	  myData2[12] = new Array();
	  myData2[13] = new Array();
	  myData2[14] = new Array(); 
	  myData2[15] = new Array();
	  myData2[16] = new Array();
	  myData2[17] = new Array();
	  myData2[18] = new Array();
	  
	  
	  
	  
	  
	  
	  	  
	  myData[0][0] = "images/window1.jpg";
	  myData[0][1] = "View from inside the house of a Baroness";
	  
	  myData[1][0] = "images/window2.jpg";
	  myData[1][1] = "Front view of an Ambassador #40";
	  
      myData[2][0] ="images/window3.jpg";
	  myData[2][1] = "Baroness awnings on numerous windows";
	  
	  
      myData[3][0] = "images/window4.jpg";
	  myData[3][1] = "Baroness awning with inside control";
	  
	  myData[4][0] = "images/window5.jpg";
	  myData[4][1] = "Baron awning fully retracted";
	  
	  myData[5][0] = "images/window6.jpg";
	  myData[5][1] = "Baron awning partially extended";
	  
	  myData[6][0] = "images/window7.jpg";
	  myData[6][1] = "Baron awning extended to middle position";
	  
	  myData[7][0] = "images/window8.jpg";
	  myData[7][1] = "Baron awning fully extended";
	  
	  myData[8][0] = "images/window9.jpg";
	  myData[8][1] = "Baroness extended to half position";
	  
	  myData[9][0] = "images/window10.jpg";
	  myData[9][1] = "Baroness fully extended";
	  
	  myData[10][0] = "images/window11.jpg";
	  myData[10][1] = "Three Baroness awnings over a door and two windows";
	  
	  myData[11][0] = "images/window12.jpg";
	  myData[11][1] = "Two stationary Traditional awnings";
	  
	  myData[12][0] = "images/window13.jpg";
	  myData[12][1] = "A baroness and a Marcesa Plus";
	  
	  myData[13][0] = "images/window14.jpg";
	  myData[13][1] = "Side view of a Diplomat #90";
	  
	  myData[14][0] = "images/window15.jpg";
	  myData[14][1] = "Detail view of standard tape lock on a Baroness awning";
	  
	  myData[15][0] = "images/window16.jpg";
	  myData[15][1] = "Detail view of a standard hood cover on Baroness awning";
	  
	  myData[16][0] = "images/window17.jpg";
	  myData[16][1] = "Marcesa Plus together with an Ambassador #40 & Duchess awnings";
	  
	  myData[17][0] = "images/window18.jpg";
	  myData[17][1] = "Duchess awning in a fully extended position";
	  
	  myData[18][0] = "images/window19.jpg";
	  myData[18][1] = "Ambassador #40 in a fully extended position ";
	  
	  //LOAD THE PATIO DATA
	  
	  myData2[0][0] = "images/patio1.jpg";
	  myData2[0][1] = "A Marcesa Plus complemented  by two baroness window awnings";
	  
	  myData2[1][0] = "images/patio2.jpg";
	  myData2[1][1] = "Marcesa Plus and 2 Baronesses fully retracted";
	  
      myData2[2][0] ="images/patio3.jpg";
	  myData2[2][1] = "Marcesa Plus with optional wind braces";
	  
	  
      myData2[3][0] = "images/patio4.jpg";
	  myData2[3][1] = "View from underneath a Marcesa Plus";
	  
	  myData2[4][0] = "images/patio5.jpg";
	  myData2[4][1] = "Side view of a Marcesa Plus";
	  
	  myData2[5][0] = "images/patio6.jpg";
	  myData2[5][1] = "Arms crossing over on a Classic Cross-Over";
	  
	  myData2[6][0] = "images/patio7.jpg";
	  myData2[6][1] = "Bracket view of a soffit mounted patio awning";
	  
	  myData2[7][0] = "images/patio8.jpg";
	  myData2[7][1] = "Classic Cross-Over with optional wind braces";
	  
	  myData2[8][0] = "images/patio9.jpg";
	  myData2[8][1] = "Arms crossing on a Classic Cross-Over";
	  
	  myData2[9][0] = "images/patio10.jpg";
	  myData2[9][1] = "Two Empress Marcesa's with two Baron awnings";
	  
	  myData2[10][0] = "images/patio11.jpg";
	  myData2[10][1] = "Marcesa Plus with optional wind braces";
	  
	  myData2[11][0] = "images/patio12.jpg";
	  myData2[11][1] = "Side view of a Marcesa Plus and Baroness";
	  
	  myData2[12][0] = "images/patio13.jpg";
	  myData2[12][1] = "Marcesa plus installed on custom wall brackets";
	  
	  myData2[13][0] = "images/patio14.jpg";
	  myData2[13][1] = "Empress Marcesa in retracted position";
	  
	  myData2[14][0] = "images/patio15.jpg";
	  myData2[14][1] = "Front profile bar of a Marcesa Plus and Empress Marcesa";
	  
	  myData2[15][0] = "images/patio16.jpg";
	  myData2[15][1] = "Side view of a Empress Marcesa";
	  
	  myData2[16][0] = "images/patio17.jpg";
	  myData2[16][1] = "Front view of a Marcesa Plus and a Duchess awning";
	  
	  myData2[17][0] = "images/patio18.jpg";
	  myData2[17][1] = "View from inside the house of a Marcesa Plus";
	  
	  myData2[18][0] = "images/patio19.jpg";
	  myData2[18][1] = "Marcesa Plus with optional Tilt Adjust ";
	  
	  
	  
	 
       var i = 0;
       for(i=0; i< myData.length; i++) 
         preload_image_object.src = myData[i][0];
	   for(i=0; i< myData2.length; i++) 
         preload_image_object2.src = myData2[i][0];
    }

  }     
  function moveWindowForward()
  {
  // SET THE MAIN WINDOW ITEM	
  	windowItem = getNextWindowItem(windowItem);
  
  	document.windowImage.src = myData[windowItem][0];
	
	//SET THE TEXT
	windowText.innerText = myData[windowItem][1];

	//SET THE BOTTOM IMAGES
	document.window1.src = myData[getNextWindowItem(windowItem)][0]
	document.window2.src = myData[getNextWindowItem(windowItem + 1)][0]
	document.window3.src = myData[getNextWindowItem(windowItem + 2)][0]
	document.window4.src = myData[getNextWindowItem(windowItem + 3)][0]
	
	//increment the windowItem
	windowItem++;
	
	return false;
  }
   function moveWindowBackward()
  {
  // SET THE MAIN WINDOW ITEM	
  	windowItem--;
	windowItem--;
  	windowItem = getPreviousWindowItem(windowItem);
  
  	document.windowImage.src = myData[windowItem][0];
	
	//SET THE TEXT
	windowText.innerText = myData[windowItem][1];

	//SET THE BOTTOM IMAGES
	document.window1.src = myData[getPreviousWindowItem(windowItem)][0]
	document.window2.src = myData[getNextWindowItem(windowItem + 1)][0]
	document.window3.src = myData[getNextWindowItem(windowItem + 2)][0]
	document.window4.src = myData[getNextWindowItem(windowItem + 3)][0]
	windowItem++;
	//decrement the windowItem
	
	
	return false;
  }

function getNextWindowItem(myVar)
{
	if (myVar >= myData.length)
		myVar = myVar - myData.length
		
	return myVar;
}
function getPreviousWindowItem(myVar)
{
	if (myVar < 0)
		myVar = myData.length + myVar;
		
	return myVar;
}

function loadWindow(myVar)
{
	
	windowItem = getWindowArrayItem(myVar.src)
	moveWindowForward();
	return false;
	
}
function getWindowArrayItem(myVar)
{
	for(i=0; i< myData.length; i++) 
     {
	   	if (myVar.indexOf(myData[i][0])!=-1)
		 	return i;
	}
}


// COP)Y FUNCTIONS FOR PATIO


function movePatioForward()
  {
  // SET THE MAIN WINDOW ITEM	
  	patioItem = getNextPatioItem(patioItem);
  
  	document.patioImage.src = myData2[patioItem][0];
	
	//SET THE TEXT
	patioText.innerText = myData2[patioItem][1];

	//SET THE BOTTOM IMAGES
	document.patio1.src = myData2[getNextPatioItem(patioItem)][0]
	document.patio2.src = myData2[getNextPatioItem(patioItem + 1)][0]
	document.patio3.src = myData2[getNextPatioItem(patioItem + 2)][0]
	document.patio4.src = myData2[getNextPatioItem(patioItem + 3)][0]
	
	//increment the windowItem
	patioItem++;
	
	return false;
  }
   function movePatioBackward()
  {
  // SET THE MAIN WINDOW ITEM	
  	patioItem--;
	patioItem--;
  	patioItem = getPreviousPatioItem(patioItem);
  
  	document.patioImage.src = myData2[patioItem][0];
	
	//SET THE TEXT
	patioText.innerText = myData2[patioItem][1];

	//SET THE BOTTOM IMAGES
	document.patio1.src = myData2[getPreviousPatioItem(patioItem)][0]
	document.patio2.src = myData2[getNextPatioItem(patioItem + 1)][0]
	document.patio3.src = myData2[getNextPatioItem(patioItem + 2)][0]
	document.patio4.src = myData2[getNextPatioItem(patioItem + 3)][0]
	patioItem++;
	//decrement the windowItem
	
	
	return false;
  }

function getNextPatioItem(myVar)
{
	if (myVar >= myData2.length)
		myVar = myVar - myData2.length
		
	return myVar;
}
function getPreviousPatioItem(myVar)
{
	if (myVar < 0)
		myVar = myData2.length + myVar;
		
	return myVar;
}

function loadPatio(myVar)
{
	
	patioItem = getPatioArrayItem(myVar.src)
	movePatioForward();
	return false;
	
}
function getPatioArrayItem(myVar)
{
	for(i=0; i< myData2.length; i++) 
     {
	   	if (myVar.indexOf(myData2[i][0])!=-1)
		 	return i;
	}
}




//-->