var sub_on = '1'; // just a marker
var content_on = false; // just a marker
var first_time = true; // long story

var content_on_array = new Array();
var counter = 0;

   var Image1 = new Image();
   Image1.src = "../images/prop1/image1.jpg";
   var Image2 = new Image();
   Image2.src = "../images/prop1/image2.jpg";
   var Image3 = new Image();
   Image3.src = "../images/prop1/image3.jpg";
   var Image4 = new Image();
   Image4.src = "../images/prop1/image4.jpg";

   var Image5 = new Image();
   Image5.src = "../images/prop2/image1.jpg";
   var Image6 = new Image();
   Image6.src = "../images/prop2/image2.jpg";
   var Image7 = new Image();
   Image7.src = "../images/prop2/image3.jpg";
   var Image8 = new Image();
   Image8.src = "../images/prop2/image4.jpg";  
      var Image9 = new Image();
   Image9.src = "../images/prop2/image5.jpg";  
   
   var Image10 = new Image();
   Image10.src = "../images/prop3/image1.jpg";
   var Image11 = new Image();
   Image11.src = "../images/prop3/image2.jpg";
   var Image12 = new Image();
   Image12.src = "../images/prop3/image3.jpg";
   var Image13 = new Image();
   Image13.src = "../images/prop3/image4.jpg";  
   var Image14 = new Image();
   Image14.src = "../images/prop3/image5.jpg";  
   
   var Image15 = new Image();
   Image15.src = "../images/prop4/image1.jpg";
   var Image16 = new Image();
   Image16.src = "../images/prop4/image2.jpg";
   var Image17 = new Image();
   Image17.src = "../images/prop4/image3.jpg";
   var Image18 = new Image();
   Image18.src = "../images/prop4/image4.jpg";  
   var Image19 = new Image();
   Image19.src = "../images/prop4/image5.jpg";  
   
   var Image20 = new Image();
   Image20.src = "../images/prop5/image1.jpg";
   var Image21 = new Image();
   Image21.src = "../images/prop5/image2.jpg";
   var Image22 = new Image();
   Image22.src = "../images/prop5/image3.jpg";
   var Image23 = new Image();
   Image23.src = "../images/prop5/image5.jpg";  
   var Image24 = new Image();
   Image24.src = "../images/prop5/image6.jpg";  
   
   var Image25 = new Image();
   Image25.src = "../images/prop6/image1.jpg";
   var Image26 = new Image();
   Image26.src = "../images/prop6/image2.jpg";
   var Image27 = new Image();
   Image27.src = "../images/prop6/image3.jpg";
   var Image28 = new Image();
   Image28.src = "../images/prop6/image4.jpg";  
   var Image29 = new Image();
   Image29.src = "../images/prop6/image5.jpg";
   var Image30 = new Image();
   Image30.src = "../images/prop6/image6.jpg";
   var Image31 = new Image();
   Image31.src = "../images/prop6/image7.jpg";  
   var Image32 = new Image();
   Image32.src = "../images/prop6/image8.jpg";  
   
   var Image33 = new Image();
   Image33.src = "../images/prop7/image1.jpg";
   var Image34 = new Image();
   Image34.src = "../images/prop7/image2.jpg";
   var Image35 = new Image();
   Image35.src = "../images/prop7/image3.jpg";
   var Image36 = new Image();
   Image36.src = "../images/prop7/image4.jpg";  
   var Image37 = new Image();
   Image37.src = "../images/prop7/image5.jpg";
   var Image38 = new Image();
   Image38.src = "../images/prop7/image6.jpg";
   var Image39 = new Image();
   Image39.src = "../images/prop7/image7.jpg";
   var Image40 = new Image();
   Image40.src = "../images/prop7/image8.jpg";
   var Image41 = new Image();
   Image41.src = "../images/prop7/image9.jpg";  
   var Image42 = new Image();
   Image42.src = "../images/prop7/image10.jpg";  


function LoadImage( img )
{ 
   document.getElementById('work').src = eval("Image"+img+".src");
  
   //Need to do this here as height will change when we change the source
   var imgHeight = document.getElementById('work').height;
   var vOffset = (470 - imgHeight) / 2;
   document.getElementById('work').style.marginTop = vOffset;
}



function showDontHide(id){
// show the right content
	document.getElementById('content_' + id).style.display = 'block';
	// which content is now showing?
	content_on_array[counter] = id;
        counter++;      
}
function showSub(id){
	
        for(var x=0;x<counter;x++)
        {
		document.getElementById('content_' + content_on_array[x]).style.display = 'none';
	    }
	

     // hide the last sub nav
	document.getElementById('sub_nav_' + sub_on).style.display = 'none';
	// show the new sub
	document.getElementById('sub_nav_' + id).style.display = 'block';
	// long story, but we only need to do
	// this bit the first time
	if(first_time || id == 1)
	{
	    //alert("here"+id);
		document.getElementById('sub_nav_' + id).style.visibility = 'visible';
		first_time = false;
	}
	// which sub nav is now on?
	sub_on = id;
}

function Hide(id)
{

		document.getElementById('content_' +id).style.display = 'none';

}

function showContent(id){
	// if some content is showing, hide it
	  for(var x=0;x<counter;x++)
        {
		document.getElementById('content_' + content_on_array[x]).style.display = 'none';
	}
	// show the right content
	document.getElementById('content_' + id).style.display = 'block';
	// which content is now showing?
	content_on = id;
	content_on_array[counter] = id;
	counter++
}


/*
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('.submenurechts{display: none;}\n')
document.write('\n')
}
*/
function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementsByTagName("span");
		if(el.style.display != "block"){
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu" || ar[i].className=="submenurechts")
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}