// JavaScript Document
var HighlandArray = new Array(3);
var AccessoriesArray = new Array(4);
var BusinessArray = new Array(3);
var CasualArray = new Array(3);


//-----------------------------------------------------------------------------------------------------------
function HighlandWearLoad() 
{	
	for (i = 0; i < 3; ++i)
	  HighlandArray[i] = new Array (12);

	//Page 1
	HighlandArray[0][0] = "../Images/page1_red.png";
    HighlandArray[0][1] = "../Images/page2_grey.png";
    HighlandArray[0][2] = "../Images/page3_grey.png";
	
	HighlandArray[0][3] = "../Images/HighlandWear/pic1.png";
    HighlandArray[0][4] = "../Images/HighlandWear/pic2.png";
    HighlandArray[0][5] = "../Images/HighlandWear/pic3.png";
	
	HighlandArray[0][6] = "<p>Charcoal Grey with Chalk Strip<br>Bright Shirt and Tie<br>[Front]</p>";
    HighlandArray[0][7] = "<p>Bow TieStrip<br>White Shirt and Tie<br>[Front]</p>";
    HighlandArray[0][8] = "<p>Jacket and Jumper Combo<br>Ummmmm...<br>[Front]</p>";
	
	HighlandArray[0][9] = "£100";
    HighlandArray[0][10] = "£110";
    HighlandArray[0][11] = "£120";
	
		
	//Page 2
	HighlandArray[1][0] = "../Images/page1_grey.png";
    HighlandArray[1][1] = "../Images/page2_red.png";
    HighlandArray[1][2] = "../Images/page3_grey.png";
	
	HighlandArray[1][3] = "../Images/HighlandWear/pic4.png";
    HighlandArray[1][4] = "../Images/HighlandWear/pic5.png";
    HighlandArray[1][5] = "../Images/HighlandWear/pic6.png";
	
	HighlandArray[1][6] = "<p>Blimey!!<br>32DDs<br>[Front]</p>";
    HighlandArray[1][7] = "<p>WOW!<br>Sporty 32B<br>[Front]</p>";
    HighlandArray[1][8] = "<p>Crikey!<br>Perfect 32B<br>[Front]</p>";
	
	HighlandArray[1][9] = "£130";
    HighlandArray[1][10] = "£140";
    HighlandArray[1][11] = "£150";
	
	
	//Page 3
	HighlandArray[2][0] = "../Images/page1_grey.png";
    HighlandArray[2][1] = "../Images/page2_grey.png";
    HighlandArray[2][2] = "../Images/page3_red.png";		

	HighlandArray[2][3] = "../Images/HighlandWear/pic2.png";
    HighlandArray[2][4] = "../Images/HighlandWear/pic1.png";
    HighlandArray[2][5] = "../Images/HighlandWear/pic4.png";
	
	HighlandArray[2][6] = "this is new text";
    HighlandArray[2][7] = "text";
    HighlandArray[2][8] = "text";
	
	HighlandArray[2][9] = "£500";
    HighlandArray[2][10] = "£170";
    HighlandArray[2][11] = "£180";
}

//-----------------------------------------------------------------------------------------------------------
function ChangeHighlandWear(pageNo) 
{ 
  //update page numbers
  tmp = document.getElementById("page1");
  tmp.src = HighlandArray[pageNo-1][0];

  tmp = document.getElementById("page2");
  tmp.src = HighlandArray[pageNo-1][1];

  tmp = document.getElementById("page3");
  tmp.src = HighlandArray[pageNo-1][2];
  
  //update images
  tmp = document.getElementById("image1");
  tmp.src = HighlandArray[pageNo-1][3];

  tmp = document.getElementById("image2");
  tmp.src = HighlandArray[pageNo-1][4];

  tmp = document.getElementById("image3");
  tmp.src = HighlandArray[pageNo-1][5];  
  
  //update descriptions
  tmp = document.getElementById("description1");
  tmp.innerHTML = HighlandArray[pageNo-1][6];

  tmp = document.getElementById("description2");
  tmp.innerHTML = HighlandArray[pageNo-1][7];

  tmp = document.getElementById("description3");
  tmp.innerHTML = HighlandArray[pageNo-1][8];    
    
  //update prices
  tmp = document.getElementById("price1");
  tmp.innerHTML = HighlandArray[pageNo-1][9];

  tmp = document.getElementById("price2");
  tmp.innerHTML = HighlandArray[pageNo-1][10];

  tmp = document.getElementById("price3");
  tmp.innerHTML = HighlandArray[pageNo-1][11];    
}


//-----------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------
function AccessoriesLoad() 
{	
	for (i = 0; i < 4; ++i)
	  AccessoriesArray[i] = new Array (13);

	//Page 1
	AccessoriesArray[0][0] = "../Images/page1_red.png";
    AccessoriesArray[0][1] = "../Images/page2_grey.png";
    AccessoriesArray[0][2] = "../Images/page3_grey.png";
    AccessoriesArray[0][3] = "../Images/page4_grey.png";		

	AccessoriesArray[0][4] = "../Images/Accessories/Cuff_Links_Blue.jpg";
    AccessoriesArray[0][5] = "../Images/Accessories/Cuff_Links_Black.jpg";
    AccessoriesArray[0][6] = "../Images/Accessories/Cuff_LinksCol.jpg";
	
	AccessoriesArray[0][7] = "<p>Blue Masonic Cufflinks<br>Mens masonic short and tails outifts to buy</p>";
    AccessoriesArray[0][8] = "<p>Black Masonic Cufflinks<br>Mens masonic short and tails outifts to buy</p>";
    AccessoriesArray[0][9] = "<p>Sinlge Pair of Cufflinks</p>";
	
	AccessoriesArray[0][10] = "£14.50";
    AccessoriesArray[0][11] = "£14.50";
    AccessoriesArray[0][12] = "£14.50 - £35";
	
		
	//Page 2
	AccessoriesArray[1][0] = "../Images/page1_grey.png";
    AccessoriesArray[1][1] = "../Images/page2_red.png";
    AccessoriesArray[1][2] = "../Images/page3_grey.png";
    AccessoriesArray[1][3] = "../Images/page4_grey.png";
	
	AccessoriesArray[1][4] = "../Images/Accessories/Accessories_Tie1.png";
    AccessoriesArray[1][5] = "../Images/Accessories/Accessories_Tie2.png";
    AccessoriesArray[1][6] = "../Images/Accessories/Accessories_Tie3.png";
	
	AccessoriesArray[1][7] = "<p>Silkworm Ties<br>Over 100 in stock pure silk many colours and designs</p>";
    AccessoriesArray[1][8] = "<p>Silkworm Ties<br>Over 100 in stock pure silk many colours and designs</p>";
    AccessoriesArray[1][9] = "<p>Silkworm Ties<br>Over 100 in stock pure silk many colours and designs</p>";
	
	AccessoriesArray[1][10] = "£19.50 - £29.50";
    AccessoriesArray[1][11] = "£19.50 - £29.50";
    AccessoriesArray[1][12] = "£19.50 - £29.50";
	
	
	//Page 3
	AccessoriesArray[2][0] = "../Images/page1_grey.png";
    AccessoriesArray[2][1] = "../Images/page2_grey.png";
    AccessoriesArray[2][2] = "../Images/page3_red.png";
    AccessoriesArray[2][3] = "../Images/page4_grey.png";			

	AccessoriesArray[2][4] = "../Images/Accessories/Accessories_Tie4.png";
    AccessoriesArray[2][5] = "../Images/Accessories/Chatham2.jpg";
    AccessoriesArray[2][6] = "../Images/Accessories/Chatham.jpg";
	
	AccessoriesArray[2][7] = "<p>Silkworm Ties<br>Over 100 in stock pure silk many colours and designs</p>";
    AccessoriesArray[2][8] = "<p>Chatham Dark Brown Deck Shoes sizes from 7-12 avaiable in half sizes</p>";
    AccessoriesArray[2][9] = "<p>Chatham American Hide Shoes sizes from 7-12 avaiable in half sizes</p>";
	
	AccessoriesArray[2][10] = "£19.50 - £29.50";
    AccessoriesArray[2][11] = "£79";
    AccessoriesArray[2][12] = "£79";
	
	
	//Page 4
	AccessoriesArray[3][0] = "../Images/page1_grey.png";
    AccessoriesArray[3][1] = "../Images/page2_grey.png";
    AccessoriesArray[3][2] = "../Images/page3_grey.png";
    AccessoriesArray[3][3] = "../Images/page4_red.png";	
	
	AccessoriesArray[3][4] = "../Images/Accessories/Accessories_MasonicWhiteGloves.png";
	AccessoriesArray[3][5] = "../Images/Accessories/Accessories_brownLeatherGloves.png";
    AccessoriesArray[3][6] = "../Images/Accessories/Accessories_JockeyClassics3.png";
 
	AccessoriesArray[3][7] = "<p>White Gloves for masonic and evening wear size Small to<br>X-Large</p>";
    AccessoriesArray[3][8] = "<p>Dents Leather Gloves in black or brown sizes Small to X-Large</p>";
    AccessoriesArray[3][9] = "Classic Jockey vests from 32-60 chest and briefs from 32 to 58";
	
	AccessoriesArray[3][10] = "£9.50";
    AccessoriesArray[3][11] = "£29.50";
    AccessoriesArray[3][12] = "£8";	
	
}

//-----------------------------------------------------------------------------------------------------------
function ChangeAccessories(pageNo) 
{ 
  //update page numbers
  tmp = document.getElementById("page1");
  tmp.src = AccessoriesArray[pageNo-1][0];

  tmp = document.getElementById("page2");
  tmp.src = AccessoriesArray[pageNo-1][1];

  tmp = document.getElementById("page3");
  tmp.src = AccessoriesArray[pageNo-1][2];
  
   tmp = document.getElementById("page4");
  tmp.src = AccessoriesArray[pageNo-1][3];
  
  //update images
  tmp = document.getElementById("image1");
  tmp.src = AccessoriesArray[pageNo-1][4];

  tmp = document.getElementById("image2");
  tmp.src = AccessoriesArray[pageNo-1][5];

  tmp = document.getElementById("image3");
  tmp.src = AccessoriesArray[pageNo-1][6];  
  
  //update descriptions
  tmp = document.getElementById("description1");
  tmp.innerHTML = AccessoriesArray[pageNo-1][7];

  tmp = document.getElementById("description2");
  tmp.innerHTML = AccessoriesArray[pageNo-1][8];

  tmp = document.getElementById("description3");
  tmp.innerHTML = AccessoriesArray[pageNo-1][9];    
    
  //update prices
  tmp = document.getElementById("price1");
  tmp.innerHTML = AccessoriesArray[pageNo-1][10];

  tmp = document.getElementById("price2");
  tmp.innerHTML = AccessoriesArray[pageNo-1][11];

  tmp = document.getElementById("price3");
  tmp.innerHTML = AccessoriesArray[pageNo-1][12];    
}


//-----------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------
function BusinessLoad() 
{	
	for (i = 0; i < 3; ++i)
	  BusinessArray[i] = new Array (12);

	//Page 1
	BusinessArray[0][0] = "../Images/page1_red.png";
    BusinessArray[0][1] = "../Images/page2_grey.png";
    BusinessArray[0][2] = "../Images/page3_grey.png";
	
	BusinessArray[0][3] = "../Images/BusinessSuits/Business_Suit.png";
    BusinessArray[0][4] = "../Images/BusinessSuits/grensons.png";
    BusinessArray[0][5] = "../Images/BusinessSuits/Business_BlueSuit_LightBlueShirt.png";
	
	BusinessArray[0][6] = "<p>Wool mix Sports Jackets from<br>36 chest to 54</p>";
    BusinessArray[0][7] = "<p>Grenson leather shoes hand made in England brogues available in sizes 6-12 F and G fittings</p>";
    BusinessArray[0][8] = "<p>classic navy blazer in sizes 36-60 chest, also available in black, green, royal blue and red</p>";
	
	BusinessArray[0][9] = "£135";
    BusinessArray[0][10] = "£135";
    BusinessArray[0][11] = "£129";
	
	//Page 2
	BusinessArray[1][0] = "../Images/page1_grey.png";
    BusinessArray[1][1] = "../Images/page2_red.png";
    BusinessArray[1][2] = "../Images/page3_grey.png";
	
	BusinessArray[1][3] = "../Images/BusinessSuits/AzorShoes.png";
    BusinessArray[1][4] = "../Images/BusinessSuits/Business_YellowWaistcoatJacket.png";
    BusinessArray[1][5] = "../Images/BusinessSuits/Business_YellowWaistcoat.png";
	
	BusinessArray[1][6] = "<p>Azor Classic style brown shoe in sizes 7-12</p>";
    BusinessArray[1][7] = "<p>Gurteen Esquire Country Jacket pure wool sizes 36-54</p>";
    BusinessArray[1][8] = "<p>Gurteen Esquire waistcoats pure wool various colours sizes 40-50</p>";
	
	BusinessArray[1][9] = "£69.50";
    BusinessArray[1][10] = "£195";
    BusinessArray[1][11] = "£55";
	
	
	//Page 3
	BusinessArray[2][0] = "../Images/page1_grey.png";
    BusinessArray[2][1] = "../Images/page2_grey.png";
    BusinessArray[2][2] = "../Images/page3_red.png";		

	BusinessArray[2][3] = "../Images/BusinessSuits/Business_BeigeTrousers.png";
    BusinessArray[2][4] = "../Images/BusinessSuits/Business_CottonTrousers.png";
    BusinessArray[2][5] = "../Images/BusinessSuits/Business_LightBrownTrousers.png";
	
	BusinessArray[2][6] = "<p>7 colours of washable Gurteen trousers always available wool mix 30-56 waist</p>";
    BusinessArray[2][7] = "<p>Formal 100% brushed cotton Chino other colours avaiable in sizes 32-56 waist</p>";
    BusinessArray[2][8] = "<p>Casual Chinos, 7 colours to choose from, perfect for cruises or summer wear sizes 32-54 waist</p>";
	
	BusinessArray[2][9] = "£59";
    BusinessArray[2][10] = "£65";
    BusinessArray[2][11] = "£55-£65";
	
	ChangeBusiness(1);
}


//-----------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------
function CasualLoad() 
{	
	for (i = 0; i < 3; ++i)
	  CasualArray[i] = new Array (12);

	//Page 1
	CasualArray[0][0] = "../Images/page1_red.png";
    CasualArray[0][1] = "../Images/page2_grey.png";
    CasualArray[0][2] = "../Images/page3_grey.png";
	
	CasualArray[0][3] = "../Images/Casual/Casual_GabricciTShirtBlu.png";
    CasualArray[0][4] = "../Images/Casual/Casual_GabricciTShirtBroYel.png";
    CasualArray[0][5] = "../Images/Casual/Casual_GabricciTShirtRed.png";
	
	CasualArray[0][6] = "<p>Gabicci short sleeved shirt.<br>Sizes from small to 4XL</p>";
    CasualArray[0][7] = "<p>Gabicci short sleeved. Worn smart or casual. Cotton and polyester for comfort and durabilty</p>";
    CasualArray[0][8] = "<p>Gabicci short sleeved shirt</p>";
	
	CasualArray[0][9] = "£35";
    CasualArray[0][10] = "£35";
    CasualArray[0][11] = "£35";
	
		
	//Page 2
	CasualArray[1][0] = "../Images/page1_grey.png";
    CasualArray[1][1] = "../Images/page2_red.png";
    CasualArray[1][2] = "../Images/page3_grey.png";
	
	CasualArray[1][3] = "../Images/Casual/Business_GreySuit.png";
	CasualArray[1][4] = "../Images/Casual/Business_Suit2.png";
	CasualArray[1][5] = "../Images/Casual/Casual_LinenJacket.png";    
	
	CasualArray[1][6] = "<p>Cruise Jackets. 9 designs and colours avaialbe up to 52'' chest</p>";
    CasualArray[1][7] = "<p>Tweed Jackets always in stock.<br>Pure wool or wool mix</p>";
    CasualArray[1][8] = "<p>Buggy lined light weight Jackets, ideal for summer. New range now in stock</p>";
	
	CasualArray[1][9] = "£135";
    CasualArray[1][10] = "£125";
    CasualArray[1][11] = "£115";
	
	
	//Page 3
	CasualArray[2][0] = "../Images/page1_grey.png";
    CasualArray[2][1] = "../Images/page2_grey.png";
    CasualArray[2][2] = "../Images/page3_red.png";		

	CasualArray[2][3] = "../Images/Casual/Casual_HagarJacket.png";
    CasualArray[2][4] = "../Images/Casual/Casual_Chatham.jpg";
    CasualArray[2][5] = "../Images/Casual/Casual_ChathamMarineBlueTShirt.png";
	
	CasualArray[2][6] = "<p>Light Weight Wind and Waterprof Jackets in 3 colours up to size 3XL</p>";
    CasualArray[2][7] = "<p>Chatham Deck Shoes<br>2 styles avaiable in size 7-12 half sizes also in stock</p>";
    CasualArray[2][8] = "<p>Pure cotton Chatham Marine Polos. Blue and red up to size 2XL</p>";
	
	CasualArray[2][9] = "£59.50 - £79.50";
    CasualArray[2][10] = "£79";
    CasualArray[2][11] = "£55";
	
	ChangeCasual(1);
}

//-----------------------------------------------------------------------------------------------------------
function ChangeCasual(pageNo) 
{ 
  //update page numbers
  tmp = document.getElementById("page1");
  tmp.src = CasualArray[pageNo-1][0];

  tmp = document.getElementById("page2");
  tmp.src = CasualArray[pageNo-1][1];

  tmp = document.getElementById("page3");
  tmp.src = CasualArray[pageNo-1][2];
  
  //update images
  tmp = document.getElementById("image1");
  tmp.src = CasualArray[pageNo-1][3];

  tmp = document.getElementById("image2");
  tmp.src = CasualArray[pageNo-1][4];

  tmp = document.getElementById("image3");
  tmp.src = CasualArray[pageNo-1][5];  
  
  //update descriptions
  tmp = document.getElementById("description1");
  tmp.innerHTML = CasualArray[pageNo-1][6];

  tmp = document.getElementById("description2");
  tmp.innerHTML = CasualArray[pageNo-1][7];

  tmp = document.getElementById("description3");
  tmp.innerHTML = CasualArray[pageNo-1][8];    
    
  //update prices
  tmp = document.getElementById("price1");
  tmp.innerHTML = CasualArray[pageNo-1][9];

  tmp = document.getElementById("price2");
  tmp.innerHTML = CasualArray[pageNo-1][10];

  tmp = document.getElementById("price3");
  tmp.innerHTML = CasualArray[pageNo-1][11];    
}



//-----------------------------------------------------------------------------------------------------------
function ChangeBusiness(pageNo) 
{ 
  //update page numbers
  tmp = document.getElementById("page1");
  tmp.src = BusinessArray[pageNo-1][0];

  tmp = document.getElementById("page2");
  tmp.src = BusinessArray[pageNo-1][1];

  tmp = document.getElementById("page3");
  tmp.src = BusinessArray[pageNo-1][2];
  
  //update images
  tmp = document.getElementById("image1");
  tmp.src = BusinessArray[pageNo-1][3];

  tmp = document.getElementById("image2");
  tmp.src = BusinessArray[pageNo-1][4];

  tmp = document.getElementById("image3");
  tmp.src = BusinessArray[pageNo-1][5];  
  
  //update descriptions
  tmp = document.getElementById("description1");
  tmp.innerHTML = BusinessArray[pageNo-1][6];

  tmp = document.getElementById("description2");
  tmp.innerHTML = BusinessArray[pageNo-1][7];

  tmp = document.getElementById("description3");
  tmp.innerHTML = BusinessArray[pageNo-1][8];    
    
  //update prices
  tmp = document.getElementById("price1");
  tmp.innerHTML = BusinessArray[pageNo-1][9];

  tmp = document.getElementById("price2");
  tmp.innerHTML = BusinessArray[pageNo-1][10];

  tmp = document.getElementById("price3");
  tmp.innerHTML = BusinessArray[pageNo-1][11];    
}



//-----------------------------------------------------------------------------------------------------------
function Mouse() 
{
  document.body.style.cursor = 'hand';
//  document.body.style.cursor = 'wait';  
}
//-----------------------------------------------------------------------------------------------------------
function MouseOut() 
{
  document.body.style.cursor = 'default';
}