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;

  //alert('here');

	//var Image0 = new Image();
   //Image0.src = "images/online_bg2.jpg";
   //var Image101 = new Image();
   //Image101.src = "images/dance-logo.jpg";
   
   	//var Image0 = new Image();
   //Image0.src = "images/new_yar_bg.jpg";
   //var Image101 = new Image();
   //Image101.src = "images/new_yar_logo.jpg";
   var Image102 = new Image();
   Image102.src = "images/dotty.gif";
      var Image103 = new Image();
   Image103.src = "images/dance_floor_bg.jpg";
  
   var Image1 = new Image();
   Image1.src = "images/id_fs1.jpg";
   var Image2 = new Image();
   Image2.src = "images/id_fs2.jpg";
   var Image3 = new Image();
   Image3.src = "images/id_fs3.jpg";
   
   
   var Image4 = new Image();
   Image4.src = "images/id_pw1.jpg";
   var Image5 = new Image();
   Image5.src = "images/id_pw2.jpg";
   var Image6 = new Image();
   Image6.src = "images/id_pw3.jpg";
   
   var Image7 = new Image();
   Image7.src = "images/id_sr1.jpg";
   var Image8 = new Image();
   Image8.src = "images/id_sr2.jpg";
   
   var Image9 = new Image();
   Image9.src = "images/id_gc1.jpg";
   var Image10 = new Image();
   Image10.src = "images/id_gc2.jpg";
   var Image11 = new Image();
   Image11.src = "images/id_gc3.jpg";

     
   var Image12 = new Image();
   Image12.src = "images/id_is1.jpg";
   var Image13 = new Image();
   Image13.src = "images/id_is2.jpg";
   var Image14 = new Image();
   Image14.src = "images/id_is3.jpg";
   
   var Image15 = new Image();
   Image15.src = "images/id_hp0.jpg";
   var Image16 = new Image();
   Image16.src = "images/id_hp1.jpg";
   var Image17 = new Image();
   Image17.src = "images/id_hp2.jpg";
   var Image18 = new Image();
   Image18.src = "images/id_hp3.jpg";
   
   var Image19 = new Image();
   Image19.src = "images/print/pr_sf1.jpg";
   var Image20 = new Image();
   Image20.src = "images/print/pr_sf2.jpg";
   var Image21 = new Image();
   Image21.src = "images/print/pr_sf3.jpg";
   
   var Image22 = new Image();
   Image22.src = "images/print/pr_cc1.jpg";
   var Image23 = new Image();
   Image23.src = "images/print/pr_cc2.jpg";
   
   var Image24 = new Image();
   Image24.src = "images/print/pr_pw1.jpg";
   var Image25 = new Image();
   Image25.src = "images/print/pr_pw2.jpg";
   
   var Image26 = new Image();
   Image26.src = "images/print/pr_dm1.jpg";
   var Image27 = new Image();
   Image27.src = "images/print/pr_dm2.jpg";
   var Image28 = new Image();
   Image28.src = "images/print/pr_dm3.jpg";
   
   var Image29 = new Image();
   Image29.src = "images/print/pr_ad1.jpg";
//      var Image29 = new Image();
  // Image29.src = "images/print/pr_ad2.jpg";
  //  var Image30 = new Image();
  // Image30.src = "images/print/pr_ad3.jpg";
   
   var Image31 = new Image();
   Image31.src = "images/web/ws_ad1.jpg";
   var Image32 = new Image();
   Image32.src = "images/web/ws_ad2.jpg";
   var Image33 = new Image();
   Image33.src = "images/web/ws_ad3.jpg";
   
      var Image34 = new Image();
   Image34.src = "images/web/ws_sr1.jpg";
   var Image35 = new Image();
   Image35.src = "images/web/ws_sr2.jpg";
   
//         var Image36 = new Image();
  // Image36.src = "images/web/ws_cs1.jpg";
   //var Image37 = new Image();
   //Image37.src = "images/web/ws_cs2.jpg";
   
   var Image38 = new Image();
   Image38.src = "images/id_fp1.jpg";
   var Image39 = new Image();
   Image39.src = "images/print/pr_fp1.jpg";
   var Image40 = new Image();
   Image40.src = "images/print/pr_fp2.jpg";
   var Image41 = new Image();
   Image41.src = "images/print/pr_fp3.jpg";

   var Image42 = new Image();
   Image42.src = "images/print/pr_rv1.jpg";
   var Image43 = new Image();
   Image43.src = "images/print/pr_rv2.jpg";
   var Image44 = new Image();
   Image44.src = "images/print/pr_rv3.jpg";
   var Image45 = new Image();
   Image45.src = "images/print/pr_rv4.jpg";
    var Image46 = new Image();
   Image46.src = "images/print/pr_rv5.jpg";
   var Image47 = new Image();
   Image47.src = "images/print/pr_rv6.jpg";
   
   var Image48 = new Image();
   Image48.src = "images/web/ws_ev1.jpg";
   var Image49 = new Image();
   Image49.src = "images/web/ws_ev2.jpg";
   var Image50 = new Image();
   Image50.src = "images/web/ws_ev3.jpg";
   
   var Image51 = new Image();
   Image51.src = "images/web/ws_fp1.jpg";
    var Image52 = new Image();
   Image52.src = "images/web/ws_fp2.jpg";
   var Image53 = new Image();
   Image53.src = "images/web/ws_fp3.jpg";
   
	var Image54 = new Image();
   Image54.src = "images/web/ws_dt1.jpg";
	var Image55 = new Image();
   Image55.src = "images/web/ws_dt2.jpg";
   var Image56 = new Image();
   Image56.src = "images/web/ws_dt3.jpg";
   
   	var Image57 = new Image();
   Image57.src = "images/web/ws_nd1.jpg";
	var Image58 = new Image();
   Image58.src = "images/web/ws_nd2.jpg";
   var Image59 = new Image();
   Image59.src = "images/web/ws_nd3.jpg";
   
      	var Image60 = new Image();
   Image60.src = "images/web/ws_dm1.jpg";
	var Image61 = new Image();
   Image61.src = "images/web/ws_dm2.jpg";
   var Image62 = new Image();
   Image62.src = "images/web/ws_dm3.jpg";
   
      var Image63 = new Image();
   Image63.src = "images/print/pr_ec1.jpg";
	   var Image64 = new Image();
   Image64.src = "images/id_fp2.jpg";
   	   var Image65 = new Image();
   Image65.src = "images/id_fp3.jpg";
   

//function LoadImage(obj)
//{
//  document.getElementById('work').src = eval("Image"+obj+".src");

//}

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 = (427 - 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++
}
/*function hideInfo(id){
	// if some content is showing, hide it
	  for(var x=0;x<counter;x++)
        {
		document.getElementById('contentinfo_' + content_on_array[x]).style.display = 'none';
	}
	// show the right content
	document.getElementById('contentinfo_' + id).style.display = 'block';
	// which content is now showing?
	content_on = id;
	content_on_array[counter] = id;
	counter++
}*/