document.write("<link rel=\"StyleSheet\" href=\"css/vAndAJavascript.css\" type=\"text/css\" media=\"screen\" />");
if (navigator.userAgent.indexOf("Opera") < 0) {
	document.write('<style type="text/css">#sliderHolder #slider { position: absolute; }</style>');
} 

// Browser Detect. Returns a true or false value for supported browsers and sets up variables for them as well

function fnBrowser() {
	var ua = navigator.userAgent.toLowerCase();
	iepc = (((ua.indexOf("msie 6") != -1)||(ua.indexOf("msie 5.5") != -1))&&(ua.indexOf("windows") != -1))? "iepc":false;
	firefox = ua.indexOf("firefox") != -1 ? "firefox":false; // pc or mac
	ns8 = ua.indexOf("netscape/8") != -1 ? "netscape8":false; // firefox mode
	mozilla = ua.indexOf("gecko") != -1 ? "mozilla":false; 
	safari = ua.indexOf("safari") != -1 ? "safari":false;
	
	if (iepc||firefox||ns8||mozilla||safari) {
		return true;
	} else {
		return false;
	}
}
fnBrowser(); // run on load;


// Flash detect. boolean true/false if installed and version number accessed via flash.version
if (navigator.plugins && navigator.plugins.length) {
	for (x=0; x < navigator.plugins.length; x++) {
		if (navigator.plugins[x].name.indexOf('Shockwave Flash') != -1) {
			var flash = new Object();			
			flash.version = eval(navigator.plugins[x].description.split('Shockwave Flash ')[1].split('.')[0]);					
			break;
		}
	}
}
else if (window.ActiveXObject) {
	for (x = 2; x <= 20; x++) {
		try {
			oFlash = eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash." + x + "');");
			if(oFlash) {
				var flash = new Object();				
				flash.version = x;
			}
		}
		catch(e) {}
	}
}

/* Initalise vars for animations */
/* For fnSlider function */
var disableIn = false;

function fnStartStates() {	
	// configure page elements for animation	
	/* Show content */	
	document.getElementById("centering").style.display = "block";	
	olastSelected = document.getElementById("slide2");	
	if (document.getElementById("exhibitionHolder")) {	
		document.getElementById("wrapper").style.height = "auto";	
	}
}

function fnTextHeight(layerId) {
	 y = document.getElementById(layerId).offsetHeight;	
	 return y;
}

// Standard centered popup	
function fnPopup(sUrl, piWidth, piHeight) {
	var iWidth = piWidth;
	var iHeight = piHeight;
	iHeight += 154;
	iWidth += 214;
	var sScreenX = screen.width;
	var sScreenY = screen.height;
	var x = sScreenX - iWidth;
	var y = sScreenY - iHeight;
	var winLeft = x/2;
	var winTop =  y/2;	
	window.open(sUrl,"","width=" + iWidth + ",height="+ iHeight + ",scrollbars=no,left=" + winLeft + ",top=" + winTop);	
}

function fnPosY () {
	if (document.getElementById("tSize")) {
	if (document.getElementById("tSize").offsetWidth < 15)  {		
	// Vertical centering for site
	var iAveragePageHeight = 575;
	var iHeight;	
	if (self.innerHeight) {		
		iHeight = (self.innerHeight - iAveragePageHeight);	
	} else if (document.documentElement && document.documentElement.clientHeight) {		iHeight = (document.documentElement.clientHeight - iAveragePageHeight);
	} else if (document.body) {				
		iHeight = (document.body.clientHeight - iAveragePageHeight);
	} else  {		
		iHeight = (document.documentElement.offsetHeight - iAveragePageHeight);
	}		
	
	if (iHeight>0) {		
		document.body.style.paddingTop = iHeight/2+"px";
	} else {
		document.body.style.paddingTop = 0+"px";
	}
	} else {
		document.body.style.paddingTop = 0+"px";
	}
	}
}	

function fnTestTextSize() {		
	fnPosY();	
	if (document.getElementById("slider")) {		
		iTextHeight = fnTextHeight("measureText")		
		if(iTextHeight > 600) {
			document.getElementById("slider").style.height = iTextHeight+38+"px";			
			document.getElementById("sliderHolder").style.height = iTextHeight+38+"px";	
		} else {
			document.getElementById("slider").style.height = "574px";			
			document.getElementById("sliderHolder").style.height = "574px";	
		}	
	}
}
window.onkeyup = function() {		
	fnTestTextSize();	
}
document.onmousemove = function() {
	fnTestTextSize();		
}	
function fnSlider(targ,state,iStart,iEnd,firstRun) {	
	
	if (document.getElementById(targ)) { //does target exist?
	thistext = fnTextHeight("measureText");
		if (firstRun) { // start position of element to be animated
			document.getElementById(targ).style.left = iStart+"px";									
			document.getElementById(targ).style.height = "574px"
		}
	
		// get target
		var oMyTarget = document.getElementById(targ);
		
		// config
		var inertia = 7;
		var framerate = 50;		
		
		// if "in"
		if (state=="in" && !disableIn) {			
			var iCurrentPositionIn = eval(oMyTarget.style.left.split("px")[0]);			
			var iNextPositionOut = (iCurrentPositionIn - iCurrentPositionIn/inertia-1);			
			if(iNextPositionOut > iEnd) {				
				oMyTarget.style.left = iNextPositionOut+"px";		
				setTimeout("fnSlider('"+targ+"','"+state+"',"+iStart+","+iEnd+",false)",framerate);
			} else {
				oMyTarget.style.left = iEnd+"px";
				disableIn = true;		
				document.getElementById("wrapper").style.height = "auto";							
				if(thistext > 600) {				
					document.getElementById("slider").style.height = thistext+38+"px";			
					document.getElementById("sliderHolder").style.height = thistext+38+"px";										
				}					
			}
		}
	} 		
}


/* grabs content of a target and places it inside anothe target */
function fnSlide(target,targetContent) {		
	if(document.getElementById(target) && document.getElementById(targetContent)) {					
		var oTarg = document.getElementById(target);
		var sHTMLTarg = document.getElementById(targetContent);				
		
		if (targetContent.split("Gallery").length > 1) {				
			sThisStub = targetContent.split("Gallery")[0]+"Gallery";				
			document.getElementById(sThisStub+"1").style.display = "none";
			document.getElementById(sThisStub+"2").style.display = "none";
			document.getElementById(sThisStub+"3").style.display = "none";
			document.getElementById(sThisStub+"4").style.display = "none";
			document.getElementById(sThisStub+"5").style.display = "none";
			document.getElementById(sThisStub+"6").style.display = "none";
			document.getElementById(sThisStub+"7").style.display = "none";
			document.getElementById(sThisStub+"8").style.display = "none";
			document.getElementById(sThisStub+"9").style.display = "none";
			if(document.getElementById(sThisStub+"10")) {
				document.getElementById(sThisStub+"10").style.display = "none";
			}
			if(document.getElementById(sThisStub+"11")) {
				document.getElementById(sThisStub+"11").style.display = "none";
			}
			sHTMLTarg.style.display = "block";	
		} else {			
			if(olastSelected) {
				if (olastSelected != sHTMLTarg) {				
					olastSelected.style.display = "none";
				}	
			}
			sHTMLTarg.style.display = "block";	
			olastSelected = sHTMLTarg;
		}			
		
		// highlight menus		
		switch (sHTMLTarg.id) {
			case "slide1":					
				document.getElementById("wrapper").className="p1";		   
				document.getElementById("exMenu1").className="na";
				document.getElementById("exMenu2").className="na";
				document.getElementById("exMenu3").className="na";
				document.getElementById("exMenu4").className="na";		 			
	    	break 
			case "slide2":										
	    		document.getElementById("wrapper").className="p2";			
	    	break 			
			case "slide4":										
	    		document.getElementById("exMenu1").className="selected";
				document.getElementById("exMenu2").className="na";
				document.getElementById("exMenu3").className="na";
				document.getElementById("exMenu4").className="na";
				document.getElementById("slide4Target").innerHTML = "&nbsp;"
	    	break 
			case "slide5":										
	    		document.getElementById("exMenu1").className="na";
				document.getElementById("exMenu2").className="selected";
				document.getElementById("exMenu3").className="na";
				document.getElementById("exMenu4").className="na";
				document.getElementById("slide5Target").innerHTML = "&nbsp;"
	    	break
			case "slide6":										
	    		document.getElementById("exMenu1").className="na";
				document.getElementById("exMenu2").className="na";
				document.getElementById("exMenu3").className="selected";
				document.getElementById("exMenu4").className="na";
				document.getElementById("slide6Target").innerHTML = "&nbsp;"
	    	break
			case "slide7":										
	    		document.getElementById("exMenu1").className="na";
				document.getElementById("exMenu2").className="na";
				document.getElementById("exMenu3").className="na";
				document.getElementById("exMenu4").className="selected";
				document.getElementById("slide7Target").innerHTML = "&nbsp;"
	    	break	
			/*case "slide4Gallery1":	    		
				document.getElementById("slide4Gallery1Link").className="selected";
				document.getElementById("slide4Gallery2Link").className="na";
				document.getElementById("slide4Gallery3Link").className="na";
	    	break	
			case "slide4Gallery2":	    		
				document.getElementById("slide4Gallery1Link").className="na";
				document.getElementById("slide4Gallery2Link").className="selected";
				document.getElementById("slide4Gallery3Link").className="na";
	    	break	
			case "slide4Gallery3":	    		
				document.getElementById("slide4Gallery1Link").className="na";
				document.getElementById("slide4Gallery2Link").className="na";
				document.getElementById("slide4Gallery3Link").className="selected";
	    	break	
			case "slide5Gallery1":	    		
				document.getElementById("slide5Gallery1Link").className="selected";
				document.getElementById("slide5Gallery2Link").className="na";
				document.getElementById("slide5Gallery3Link").className="na";
	    	break	
			case "slide5Gallery2":	    		
				document.getElementById("slide5Gallery1Link").className="na";
				document.getElementById("slide5Gallery2Link").className="selected";
				document.getElementById("slide5Gallery3Link").className="na";
	    	break	
			case "slide5Gallery3":	    		
				document.getElementById("slide5Gallery1Link").className="na";
				document.getElementById("slide5Gallery2Link").className="na";
				document.getElementById("slide5Gallery3Link").className="selected";
	    	break	
			case "slide6Gallery1":	    		
				document.getElementById("slide6Gallery1Link").className="selected";
				document.getElementById("slide6Gallery2Link").className="na";
				document.getElementById("slide6Gallery3Link").className="na";
	    	break	
			case "slide6Gallery2":	    		
				document.getElementById("slide6Gallery1Link").className="na";
				document.getElementById("slide6Gallery2Link").className="selected";
				document.getElementById("slide6Gallery3Link").className="na";
	    	break	
			case "slide6Gallery3":	    		
				document.getElementById("slide6Gallery1Link").className="na";
				document.getElementById("slide6Gallery2Link").className="na";
				document.getElementById("slide6Gallery3Link").className="selected";
	    	break	
			case "slide7Gallery1":	    		
				document.getElementById("slide7Gallery1Link").className="selected";
				document.getElementById("slide7Gallery2Link").className="na";
				document.getElementById("slide7Gallery3Link").className="na";
	    	break	
			case "slide7Gallery2":	    		
				document.getElementById("slide7Gallery1Link").className="na";
				document.getElementById("slide7Gallery2Link").className="selected";
				document.getElementById("slide7Gallery3Link").className="na";
	    	break	
			case "slide7Gallery3":	    		
				document.getElementById("slide7Gallery1Link").className="na";
				document.getElementById("slide7Gallery2Link").className="na";
				document.getElementById("slide7Gallery3Link").className="selected";
	    	break	*/			
			case "evSlide1":	    		
				document.getElementById("wrapper").className="p1";	
	    	break	
			case "evSlide2":	    		
				document.getElementById("wrapper").className="p2";	
	    	break	
			case "evSlide3":	    		
				document.getElementById("wrapper").className="p3";	
	    	break			
			
				
		}
	}
}

function fnTimeline(source) {
	if(document.getElementById("timelineTarget") && document.getElementById(source)) {
		document.getElementById("timelineTarget").innerHTML = document.getElementById(source).innerHTML; 	
		document.getElementById("timelineNav").className = source;
		document.getElementById("timelineTarget").className = source=="y1989P2"? "text p2":"text p1";
	}
}

