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/forthcoming_detail1.jpg";
   var Image2 = new Image();
   Image2.src = "images/forthcoming_detail2.jpg";
   var Image3 = new Image();
   Image3.src = "images/forthcoming_detail3.jpg";
   var Image4 = new Image();
   Image4.src = "images/forthcoming_detail4.jpg";
   var Image5 = new Image();
   Image5.src = "images/forthcoming_detail5.jpg";
   var Image6 = new Image();
   Image6.src = "images/forthcoming_detail6.jpg";
   
   
   var Image7 = new Image();
   Image7.src = "images/press_detail1.jpg";
   var Image8 = new Image();
   Image8.src = "images/press_detail2.jpg";
   var Image9 = new Image();
   Image9.src = "images/press_detail3.jpg";
   var Image10 = new Image();
   Image10.src = "images/press_detail4.jpg";
   var Image11 = new Image();
   Image11.src = "images/press_detail5.jpg";
   var Image12 = new Image();
   Image12.src = "images/press_detail6.png";

    


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 = (323 - 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";
		}
	}
}