<!-- //hide script from old browsers
var hacksafari = (navigator.appVersion.indexOf("Safari") != -1);

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		menu_slice_01_over = newImage("images/menu_slice_01-over.gif");
		menu_slice_02_over = newImage("images/menu_slice_02-over.gif");
		menu_slice_03_over = newImage("images/menu_slice_03-over.gif");
		menu_slice_04_over = newImage("images/menu_slice_04-over.gif");
		menu_slice_05_over = newImage("images/menu_slice_05-over.gif");
		menu_slice_06_over = newImage("images/menu_slice_06-over.gif");

		sub_bg_1 = newImage("images/sub/sub1.gif");
		sub_bg_2 = newImage("images/sub/sub2.gif");
		sub_bg_4 = newImage("images/sub/sub4.gif");
		sub_bg_5 = newImage("images/sub/sub5.gif");

		preloadFlag = true;
	}
}
function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}
function menuon(n){
	document["menu_0"+n].src = "images/menu_slice_0"+n+"-over.gif";

	var d = document.getElementById("drop"+n);
	for (var i = 1; i<=6; i++) {
		if (document.getElementById('drop'+i)) {
			document.getElementById('drop'+i).style.display='none';
			document.getElementById('drop'+i).style.left=-5000;
		}
	}
	document.getElementById('closer').style.display='block';
	if (d) {
		if(hacksafari){
			var leftarr = [0,123,334,506,610,715];
			d.style.display='block';
			if (window.innerWidth>811){
				d.style.left = leftarr[n-1]+(window.innerWidth-811)/2;
			}else{
				d.style.left = leftarr[n-1];
			}
			//alert("window.innerWidth:"+window.innerWidth+" document.body.clientWidth:"+document.body.clientWidth+" document.documentElement.clientWidth:"+document.documentElement.clientWidth);
		}else{
			d.style.display='block';
			d.style.left=0;
		}
	}

}
function menuclear(){
	for (var i = 1; i<=6; i++) {
		if (document.getElementById('drop'+i)) {
			document.getElementById('drop'+i).style.display='none';
			document.getElementById('drop'+i).style.left=-5000;
		}
	}
	document.getElementById('closer').style.display='none';
}
function menuoff(n,fix){
	if (fix!=1){
		document["menu_0"+n].src = "images/menu_slice_0"+n+".gif";
	}
}
function suboff(mn,n){
		document["sub"+mn+"_"+n].src = "images/sub/sub"+mn+"_off_0"+(n+1)+".gif";
}
function subon(mn,n){
		document["sub"+mn+"_"+n].src = "images/sub/sub"+mn+"_on_0"+(n+1)+".gif";
}

function buildMenu(mn){
	var imgroot="images/menu_slice_0";
	var linksarr =['#','#','projects.html','#','#','contacts.html'];
	var labelsarr = ['About the VCS','Programs & Methodologies','Projects & Registries','Documents','Verification','Contact us'];
	var widthsarr =[123,211,172,110,112,96];
	var subsarr =['sub1','sub2','','sub4','sub5',''];
	htmlStr = "";

	//Apologies for the table but its the easiest way to center a floating div
	htmlStr+="<div id=\"closer\" onmouseover=\"menuclear();\"></div>";
	htmlStr+="<div id=\"containertable\"><div id=\"menu\" align=\"center\"><table border=\"0\" width=\"834\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\"><tr><td align=\"center\"><div align=\"center\">";
	var s;
	for (s=1;s<7;s++){
		var fix = 1;
		var forceon="";
		if (s != mn){
			fix = 0;
		}else{
			forceon="-over";
		}
		htmlStr+="<div class=\"buttonbox\" style=\"width:"+widthsarr[s-1] +"px\"><a href=\""+linksarr[s-1]+"\" onmouseover=\"menuon("+s+"); return true;\" onmouseout=\"menuoff("+s+","+fix+"); return true;\"><img name=\"menu_0"+
		 s  +"\" src=\"images/menu_slice_0"+ s + forceon +".gif\" height=\"20\" border=\"0\" alt=\""+labelsarr[s-1]+"\"></a>";
		if (subsarr[s-1]!=''){
			htmlStr+=buildDrop(s)
		}
		htmlStr+="</div>"
	}
	htmlStr+="</div></td></tr></table></div></div>";

	document.write(htmlStr);
	//alert(htmlStr);
}

var preloadarr = [];
var linksarr = [];
var labelsarr = [];
var imgwidthsarr = [];
var imgheightsarr = [];

// NOTE: Height for the whole dropdown is set in the CSS!

//sub1
	linksarr[1] = ['about.html','founders.html','board.html','staff.html','advisory.html','supporters.html','faq.html','offsetting.html','news.html','links.html'];
	labelsarr[1] = ['About the VCS','Founders','VCS Board','VCS Staff','Advisory Groups','Supporters','Frequently Asked Questions','Offsetting Explained','News','Useful Links'];
	imgwidthsarr[1] = 120;
	imgheightsarr[1]= [24,20,20,20,20,20,32,32,20,28];

//sub2
	linksarr[2] = ['programs.html','methodologies.html','afl.html'];
	labelsarr[2] = ['VCS Programs','Methodologies','Agriculture, Forestry & Land Use'];
	imgwidthsarr[2] = 210;
	imgheightsarr[2]= [20,20,34];

//sub4
	linksarr[4] = ['policydocs.html','policyannounce.html','faq.html'];
	labelsarr[4] = ['Policy Documents','Policy Announcments','Frequently Asked Questions'];
	imgwidthsarr[4] = 110;
	imgheightsarr[4]= [36,36,32];

//sub5

	linksarr[5] = ['validators.html','sectoral_scopes.html'];
	labelsarr[5] = ['VCS Validation/Verification Bodies','Validation/Verification Sectoral Scopes'];
	imgwidthsarr[5] = 152;
	imgheightsarr[5]= [36,36];

function buildDrop(mn){


	//build html for drop
	if (hacksafari){
		htmlStr = "<div class=\"dropsafari\" id=\"drop"+mn+"\"><div id=\"sub"+mn+"\">";
	}else{
		htmlStr = "<div class=\"drop\" id=\"drop"+mn+"\"><div id=\"sub"+mn+"\">";
	}
		//insert submenu
		var n;
		for (n=0; n<linksarr[mn].length; n++){
			htmlStr+="<a class=\"sublink\" href=\""+ linksarr[mn][n] +"\">";

			htmlStr+="<img src=\"images/sub/sub"+mn+"_off_0"+(n+1)+".gif\"";
			htmlStr+=" height=\""+imgheightsarr[mn][n]+"\"";
			htmlStr+=" width=\""+imgwidthsarr[mn]+"\"";
			htmlStr+=" alt=\""+labelsarr[mn][n]+"\"";
			htmlStr+=" name=\"sub"+ mn +"_"+n+"\"";
			htmlStr+=" onmouseover=\"subon("+mn+","+n+"); return true;\" onmouseout=\"suboff("+mn+","+n+"); return true;\"";
			htmlStr+=" border=\"0\">";

			htmlStr+="</a>";

			//preload
			//preloadarr.push(newImage("images/sub/sub"+mn+"_off_0"+(n+1)+".gif"));
			preloadarr.push(newImage("images/sub/sub"+mn+"_on_0"+(n+1)+".gif"));
			//eval("var preimg_"+mn+"_"+n) = newImage("images/sub/sub"+mn+"_on_0"+(n+1)+".gif");
		}
	htmlStr+="</div></div>";
	return htmlStr;
}
preloadImages();

// end hiding script from old browsers -->
