var current_page;

var top_home = "HOME";
var top_aboutus = "ABOUT US";
var top_rent = "RENT";
var top_rooms = "ROOMS";
var top_facilities = "FACILITIES";
var top_location = "LOCATION";
var top_contact = "CONTACT";

function generateTopMenu(page) {
	current_page = page;

	var menu = "";
	var home = "";
	var aboutus = "";
	var rent = "";
	var rooms = "";
	var facilities = "";
	var location = "";
	var contact = "";

	menu += '<ul id="sddm">';
	try{
		if (current_page == top_home){
			home = '<font color="#FEE79F">HOME</font>';
		}else{
			home = 'HOME';
		}		
		if(current_page == top_aboutus){
			aboutus = '<font color="#FEE79F">ABOUT US</font>';
		}else{
			aboutus = 'ABOUT US';
		}
		if(current_page == top_rent){
			rent = '<font color="#FEE79F">RENT</font>';
		}else{
			rent = 'RENT';
		}
		if(current_page == top_rooms){
			rooms = '<font color="#FEE79F">ROOMS</font>';
		}else{
			rooms = 'ROOMS';
		}
		if(current_page == top_facilities){
			facilities = '<font color="#FEE79F">FACILITIES</font>';
		}else{
			facilities = 'FACILITIES';
		}
		if(current_page == top_location){
			location = '<font color="#FEE79F">LOCATION</font>';
		}else{
			location = 'LOCATION';
		}
		if(current_page == top_contact){
			contact = '<font color="#FEE79F">CONTACT</font>';
		}else{
			contact = 'CONTACT';
		}
		
		menu += '<ul id="sddm">';
		menu += '<li><a href="index.html">' + home + '</a> </li>';
		menu += '<li style="margin-top:4px">|</li>';
		menu += '<!--<li><a href="aboutus.html">ABOUT US</a> </li>-->';
		menu += '<li><a href="aboutus.html">' + aboutus + '</a>';
		//menu += '<li><a href="aboutus.html" onMouseOver="mopen(' + "'m2'" + ')" onMouseOut="mclosetime()">' + aboutus + '</a>';
		//menu += '<div id="m2" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
		//menu += '<a href="#">Our Living Environment</a>';
		//menu += '<a href="#">Our Management Team</a>';
		//menu += '<a href="#">Our Modern Decoration</a>';
		//menu += '</div>';
		menu += '</li>';
		menu += '<li style="margin-top:4px">|</li>';
		menu += '<!--<li><a href="rent.html">RENT</a> </li>-->';
		menu += '<li><a href="rent.html" onMouseOver="mopen(' + "'m3'" + ')" onMouseOut="mclosetime()">' + rent + '</a>';
		menu += '<div id="m3" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
		menu += '<a href="condition.html">Conditions</a>';
		//menu += '<a href="#">Enquiry</a>'; //for montly rent
		//menu += '<a href="#">Reservation</a> <!--Only for daily rent reservation....but i need to think about monthly as well (but the filled in reservation form and details is not confirmed unless these is an email from me confirming the reservation)-->';
		menu += '</div>';
		menu += '</li>';
		menu += '<li style="margin-top:4px">|</li>';
		menu += '<li><a href="room.html" onMouseOver="mopen(' + "'m4'" + ')" onMouseOut="mclosetime()">' + rooms + '</a>';
		menu += '<div id="m4" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
		menu += '<a href="floorplan.html">Floor Plan</a>';
		menu += '<a href="gallery.html">Gallery</a>';
		menu += '</div>';
		menu += '</li>';
		menu += '<li style="margin-top:4px">|</li>';
		menu += '<!--<li><a href="facility.html">FACILITIES</a> </li>-->';
		menu += '<li><a href="facility.html" onMouseOver="mopen(' + "'m5'" + ')" onMouseOut="mclosetime()">' + facilities + '</a>';
		menu += '<div id="m5" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
		//menu += '<a href="#">Mini Mart</a>';
		menu += '<a href="#">Coffee House</a>';
		menu += '<a href="#">Restaurant</a>';
		//menu += '<a href="#">Salon & Beauty</a>';
		//menu += '<a href="#">Thai Massage & Spa</a>';
		menu += '</div>';
		menu += '</li>';
		menu += '<li style="margin-top:4px">|</li>';
		menu += '<!--<li><a href="location.html">LOCATION</a> </li>-->';
		menu += '<li><a href="location.html" onMouseOver="mopen(' + "'m6'" + ')" onMouseOut="mclosetime()">' + location + '</a>';
		menu += '<div id="m6" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
		menu += '<a href="attractionshopping.html">Attractions & Shopping</a>';
		menu += '<a href="schooluniversity.html">Nearby Schools & Universities</a>';
		menu += '<!--interactive tour which uses flash to show all major nearby areas-->';
		menu += '</div>';
		menu += '</li>';
		menu += '<li style="margin-top:4px">|</li>';
		menu += '<!--<li><a href="contact.html">CONTACT</a> </li>-->';
		menu += '<li><a href="contact.html" onMouseOver="mopen(' + "'m7'" + ')" onMouseOut="mclosetime()">' + contact + '</a>';
		menu += '<div id="m7" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
		//menu += '<a href="#">Advertisement</a>';
		menu += '<a href="#">Brochure</a>';
		menu += '<a href="catalog/" target="_blank">Catalog</a>';
		//menu += '<a href="#">FAQs</a>';
		//menu += '<a href="#">Forum</a>';
		//menu += '<a href="#">Newsletter</a>  <!--electronic & interative newsletter as well as subscription-->';
		//menu += '<a href="#">Poll & Survey</a>';
		menu += '</div>';
		menu += '</li>';
		menu += '</ul>';
	}catch(e){
		return genericTopMenu();
	}
	return menu;
}

function genericTopMenu() {
	var menu = "";
	menu += '<ul id="sddm">';
	menu += '<li><a href="index.html">HOME</a> </li>';
	menu += '<li style="margin-top:4px">|</li>';
	menu += '<!--<li><a href="aboutus.html">ABOUT US</a> </li>-->';
	menu += '<li><a href="aboutus.html" onMouseOver="mopen(' + "'m2'" + ')" onMouseOut="mclosetime()">ABOUT US</a>';
	menu += '<div id="m2" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
	menu += '<a href="#">Our Living Environment</a>';
	menu += '<a href="#">Our Modern Decoration</a>';
	menu += '<a href="#">Our Management Team</a>';
	menu += '</div>';
	menu += '</li>';
	menu += '<li style="margin-top:4px">|</li>';
	menu += '<!--<li><a href="rent.html">RENT</a> </li>-->';
	menu += '<li><a href="rent.html" onMouseOver="mopen(' + "'m3'" + ')" onMouseOut="mclosetime()">RENT</a>';
	menu += '<div id="m3" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
	menu += '<a href="#">?Conditions?</a>';
	menu += '<a href="#">Reservation</a> <!--Only for daily rent reservation....but i need to think about monthly as well (but the filled in reservation form and details is not confirmed unless these is an email from me confirming the reservation)-->';
	menu += '</div>';
	menu += '</li>';
	menu += '<li style="margin-top:4px">|</li>';
	menu += '<li><a href="room.html" onMouseOver="mopen(' + "'m4'" + ')" onMouseOut="mclosetime()">ROOMS</a>';
	menu += '<div id="m4" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
	menu += '<a href="floorplan.html">Floor Plan</a>';
	menu += '<a href="gallery.html">Gallery</a>';
	menu += '</div>';
	menu += '</li>';
	menu += '<li style="margin-top:4px">|</li>';
	menu += '<!--<li><a href="facility.html">FACILITIES</a> </li>-->';
	menu += '<li><a href="facility.html" onMouseOver="mopen(' + "'m5'" + ')" onMouseOut="mclosetime()">FACILITIES</a>';
	menu += '<div id="m5" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
	menu += '<a href="#">Restaurant</a>';
	menu += '<a href="#">Thai Massage & Spa</a>';
	menu += '<a href="#">Salon & Beauty</a>';
	menu += '<a href="#">Mini Mart</a>';
	menu += '</div>';
	menu += '</li>';
	menu += '<li style="margin-top:4px">|</li>';
	menu += '<!--<li><a href="location.html">LOCATION</a> </li>-->';
	menu += '<li><a href="location.html" onMouseOver="mopen(' + "'m6'" + ')" onMouseOut="mclosetime()">LOCATION</a>';
	menu += '<div id="m6" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
	menu += '<a href="#">Attractions & Shopping</a>';
	menu += '<a href="#">Nearby Schools & Universities</a>';
	menu += '<!--interactive tour which uses flash to show all major nearby areas-->';
	menu += '</div>';
	menu += '</li>';
	menu += '<li style="margin-top:4px">|</li>';
	menu += '<!--<li><a href="contact.html">CONTACT</a> </li>-->';
	menu += '<li><a href="contact.html" onMouseOver="mopen(' + "'m7'" + ')" onMouseOut="mclosetime()">CONTACT</a>';
	menu += '<div id="m7" onMouseOver="mcancelclosetime()" onMouseOut="mclosetime()">';
	menu += '<a href="#">FAQs</a>';
	menu += '<a href="#">Forum</a>';
	menu += '<a href="#">e-Brochure</a>';
	menu += '<a href="#">e-Newsletter</a>  <!--electronic & interative newsletter as well as subscription-->';
	menu += '<a href="#">Poll & Survey</a>';
	menu += '<a href="#">Advertisement</a>';
	menu += '</div>';
	menu += '</li>';
	menu += '</ul>';
	return menu;
}