/**********************************************************
*
*	HTML Output object
*
**********************************************************/

	var objHTML	= new Object;
	var strAlert = "";
	
	// START: selectTab
	objHTML.selectTab = function(myTab){
		
		var strHTML = "";
		var myMapID = "";
		var myMapImage = "";
		var myCoords = "";
			
		myMapID = "FarnhamCollegeMap";
		myMapImage = "virtualtourmap.jpg";
		myCoords01 = "185,215,13";
		myCoords02 = "194,244,13"; 
		myCoords03 = "234,245,13"; 
		myCoords04 = "283,254,13"; 
		myCoords05 = "150,242,13"; 
		myCoords06 = "292,182,13";
		myCoords07 = "143,146,13"; 
	
		strHTML += '<img id="zoomimage" src="Assets/Images/' + myMapImage + '" usemap="#' + myMapID + '" alt="Farnham College Map" title="Farnham College Map" />'
	
		strHTML += '<map name="' + myMapID + '" id="Map">'
		strHTML += '<area shape="circle" coords="' + myCoords01 + '" href="javascript:objHTML.hotSpotScreen(' + myTab + ', 1);" />'
		strHTML += '<area shape="circle" coords="' + myCoords02 + '" href="javascript:objHTML.hotSpotScreen(' + myTab + ', 2);" />'
		strHTML += '<area shape="circle" coords="' + myCoords03 + '" href="javascript:objHTML.hotSpotScreen(' + myTab + ', 3);" />'
		strHTML += '<area shape="circle" coords="' + myCoords04 + '" href="javascript:objHTML.hotSpotScreen(' + myTab + ', 4);" />'
		strHTML += '<area shape="circle" coords="' + myCoords05 + '" href="javascript:objHTML.hotSpotScreen(' + myTab + ', 5);" />'
		strHTML += '<area shape="circle" coords="' + myCoords06 + '" href="javascript:objHTML.hotSpotScreen(' + myTab + ', 6);" />'
		strHTML += '<area shape="circle" coords="' + myCoords07 + '" href="javascript:objHTML.hotSpotScreen(' + myTab + ', 7);" />'
		strHTML += '</map>'
		
		objBrowser.getObject("MainCampusMap").innerHTML = strHTML;
		objBrowser.getObject("zoomFlashPanel").innerHTML = '';			
		objBrowser.getObject("zoomImagePanel").innerHTML = '';
		objBrowser.getObject("zoomText").innerHTML = '';
		objBrowser.getObject("instructionText").innerHTML = 'To view a 360 panorama of a location, select a hotspot on the map.';
		
		objBrowser.getObject("MainCampusMap").style.display = "";
		objBrowser.getObject("Content").style.display = "none";
		objBrowser.getObject("zoomFlashPanel").style.display = "none";
		objBrowser.getObject("zoomImagePanel").style.display = "none";
		objBrowser.getObject("zoomText").style.display = "none";

	}	// END: resetScreen
	
	
	// START: hotSpotScreen
	objHTML.hotSpotScreen = function(myTab, myHotSpot) {
		
		objBrowser.getObject("MainCampusMap").style.display = "none";
		objBrowser.getObject("Content").style.display = "";
		objBrowser.getObject("zoomFlashPanel").style.display = "";
		objBrowser.getObject("zoomImagePanel").style.display = "";
		objBrowser.getObject("zoomText").style.display = "";
		
		var myHotSpotArrayStokePark = new Array();
		var myHotSpotArrayMerristWood = new Array();
		var myRefArray = new Array();
		var myHotSpotObj = new Object();
		
		//Farnham College HotSpots;
		myHotSpotObj.titleText	= "Restaurant: Interior";
		myHotSpotObj.text		= "A variety of food and drinks are available throughout the day from Revitalise to the tunes of the latest music videos and programmes. You can get healthy snacks, salads and drinks as well as hot food at lunch time.";
		myHotSpotObj.image 		= "fc01.jpg";
		myHotSpotObj.flashMovie = "fc01.swf";
		myHotSpotArrayStokePark.push(myHotSpotObj);
		
		var myHotSpotObj = new Object();
		myHotSpotObj.titleText	= "Learning Resource Centre: Interior";
		myHotSpotObj.text		= "The on-site LRC provides a wide range of resources including books, DVDs, journals and magazines. A variety of learning spaces are available and a friendly team of staff are on hand for advice.";
		myHotSpotObj.image 		= "fc02.jpg";
		myHotSpotObj.flashMovie = "fc02.swf";
		myHotSpotArrayStokePark.push(myHotSpotObj);

		var myHotSpotObj = new Object();
		myHotSpotObj.titleText	= "Food Area Mezzanine: Interior";
		myHotSpotObj.text		= "The Mezzanine overlooks the cafe and has pool and football tables and areas for chilling out.";
		myHotSpotObj.image 		= "fc03.jpg";
		myHotSpotObj.flashMovie = "fc03.swf";
		myHotSpotArrayStokePark.push(myHotSpotObj);
		
		var myHotSpotObj = new Object();
		myHotSpotObj.titleText	= "Main Reception: Interior";
		myHotSpotObj.text		= "Got a question or query or need to contact someone? Reception can help.";
		myHotSpotObj.image 		= "fc04.jpg";
		myHotSpotObj.flashMovie = "fc04.swf";
		myHotSpotArrayStokePark.push(myHotSpotObj);
		
		var myHotSpotObj = new Object();
		myHotSpotObj.titleText	= "Hair Salon: Interior";
		myHotSpotObj.text		= "Visit Salon Vision for contemporary haircuts, styles and colours by our very own students. For an appointment Tel: 01252 74 05 48.";
		myHotSpotObj.image 		= "fc05.jpg";
		myHotSpotObj.flashMovie = "fc05.swf";
		myHotSpotArrayStokePark.push(myHotSpotObj);

		var myHotSpotObj = new Object();
		myHotSpotObj.titleText	= "Mac Suite: Interior";
		myHotSpotObj.text		= "There is a very high student computer ratio, with over 270 computers all running industry standard software and loaded with e-learning materials. There are dedicated IT facilities for subject-specific courses as well as open-access areas, all of which are WIFI enabled. Specialist applications are also provided on Apple Macs.";
		myHotSpotObj.image 		= "fc06.jpg";
		myHotSpotObj.flashMovie = "fc06.swf";
		myHotSpotArrayStokePark.push(myHotSpotObj);

		var myHotSpotObj = new Object();
		myHotSpotObj.titleText	= "Rear Grounds: Exterior";
		myHotSpotObj.text		= "The College is surrounded by fields and outdoor sports facilities, including rugby and football pitches, tennis and netball courts. Students studying sports courses or participating in enrichment activities have access to high quality local facilities.";
		myHotSpotObj.image 		= "fc07.jpg";
		myHotSpotObj.flashMovie = "fc07.swf";
		myHotSpotArrayStokePark.push(myHotSpotObj);

		
			
		// build page
		objBrowser.getObject("MainCampusMap").innerHTML = '';
		
		if (myTab == 1) {
			myRefArray = myHotSpotArrayStokePark;
		} else {
			myRefArray = myHotSpotArrayMerristWood;
		}
		
		flsMovie2 = new FlashObject('', "Assets/Panoramas/" + myRefArray[myHotSpot-1].flashMovie, "flashMovie2", "320", "200", '', '');
		flsMovie2.write("zoomFlashPanel");	
		
		objBrowser.getObject("zoomImagePanel").innerHTML = '<img id="zoomimage" src="assets/images/' + myRefArray[myHotSpot-1].image + '" width="144" height="200" alt="College map enlarged." title="College map enlarged." />';
		objBrowser.getObject("zoomText").innerHTML = '<strong>' + myRefArray[myHotSpot-1].titleText + '</strong>' + '<br/>' + myRefArray[myHotSpot-1].text;			
		
		objBrowser.getObject("instructionText").innerHTML = '<a href="javascript:objHTML.selectTab(' + myTab + ');">Return to main College map</a>';			
	}	// END: hotSpotScreen