if (navigator.userAgent.indexOf("Mac") >= 0){
	if(navigator.userAgent.indexOf("Firefox") >= 0) {
		var head = document.getElementsByTagName("head")[0];
		var cssPath = document.createElement("link");
		cssPath.rel = "stylesheet";
		cssPath.type = "text/css";
		cssPath.href = "/common/css/mac_fifox.css";
		cssPath.media = "all";
		
		head.appendChild(cssPath);
		
	}
}else if (navigator.userAgent.indexOf("Win") >= 0){
	if(navigator.userAgent.indexOf("Firefox") >= 0) {
		var head = document.getElementsByTagName("head")[0];
		var cssPath = document.createElement("link");
		cssPath.rel = "stylesheet";
		cssPath.type = "text/css";
		cssPath.href = "/common/css/win_fifox.css";
		cssPath.media = "all";
		
		head.appendChild(cssPath);
		
	}
}

dom.event.addEventListener(window,'load',ajax);

function ajax(){
	//open
    var triggerUpGradeHotel = document.getElementById('triggerUpGradeHotel');
    var triggerReccomHotel = document.getElementById('triggerReccomHotel');
    var triggerReccomRest = document.getElementById('triggerReccomRest');
    var triggerReccomFaci = document.getElementById('triggerReccomFaci');
    var trghotelService = document.getElementById('trghotelService');
    var trghotelService1 = document.getElementById('trghotelService1');
    var trghotelService2 = document.getElementById('trghotelService2');
    var trghotelService3 = document.getElementById('trghotelService3');
    var trghotelService4 = document.getElementById('trghotelService4');
	//close
    var closeUpGradeHotel = document.getElementById('closeupGradeHotel');
    var closeReccomHote = document.getElementById('closeReccomHote');
    var closereccomRest = document.getElementById('closereccomRest');
    var closereccomFaci = document.getElementById('closereccomFaci');
    var closehotelService = document.getElementById('closehotelService');
    var closehotelService1 = document.getElementById('closehotelService1');
    var closehotelService2 = document.getElementById('closehotelService2');
    var closehotelService3 = document.getElementById('closehotelService3');
    var closehotelService4 = document.getElementById('closehotelService4');
	//tab
    var trggeihin = document.getElementById('trggeihin');
    var trgeurope = document.getElementById('trgeurope');
    var trgdenbarg = document.getElementById('trgdenbarg');
    var trgams = document.getElementById('trgams');
    var trgforest = document.getElementById('trgforest');
	
    var sidetrri = document.getElementById('tp');
	
   dom.event.addEventListener(sidetrri,'mouseover',function(){
   sidech();
   }); 
 
	
   dom.event.addEventListener(sidetrri,'mouseout',function(){
   sidenav2();
   }); 
	
	//tab change
   dom.event.addEventListener(trggeihin,'click',function(){
   hotelCh(1);
   }); 
   dom.event.addEventListener(trgeurope,'click',function(){
   hotelCh(2);
   }); 
   dom.event.addEventListener(trgdenbarg,'click',function(){
   hotelCh(3);
   }); 
   dom.event.addEventListener(trgams,'click',function(){
   hotelCh(4);
   }); 
   dom.event.addEventListener(trgforest,'click',function(){
   hotelCh(5);
   }); 
   //display
   dom.event.addEventListener(triggerUpGradeHotel,'click',function(){
   fold_menu('upGradeHotel');
   }); 
   dom.event.addEventListener(triggerUpGradeHotel,'click',function(){
   fold_menu('upGradeHotel2');
   }); 
   
   dom.event.addEventListener(triggerReccomHotel,'click',function(){
   fold_menu('reccomHotel');
   }); 
   dom.event.addEventListener(triggerReccomRest,'click',function(){
   fold_menu('reccomRest');
   }); 
   dom.event.addEventListener(triggerReccomFaci,'click',function(){
   fold_menu('reccomFaci');
   }); 
   dom.event.addEventListener(trghotelService,'click',function(){
   fold_menu('hotelService');
   }); 
   dom.event.addEventListener(trghotelService1,'click',function(){
   fold_menu('hotelService1');
   }); 
   dom.event.addEventListener(trghotelService2,'click',function(){
   fold_menu('hotelService2');
   }); 
   dom.event.addEventListener(trghotelService3,'click',function(){
   fold_menu('hotelService3');
   }); 
   dom.event.addEventListener(trghotelService4,'click',function(){
   fold_menu('hotelService4');
   }); 
   //none
   dom.event.addEventListener(closeUpGradeHotel,'click',function(){
   close_menu('upGradeHotel');
   }); 
   dom.event.addEventListener(closeUpGradeHotel,'click',function(){
   close_menu('upGradeHotel2');
   }); 
   
   dom.event.addEventListener(closeReccomHote,'click',function(){
   close_menu('reccomHotel');
   }); 
   dom.event.addEventListener(closereccomRest,'click',function(){
   close_menu('reccomRest');
   }); 
   dom.event.addEventListener(closereccomFaci,'click',function(){
   close_menu('reccomFaci');
   });
   dom.event.addEventListener(closehotelService,'click',function(){
   close_menu('hotelService');
   });
   dom.event.addEventListener(closehotelService1,'click',function(){
   close_menu('hotelService1');
   });
   dom.event.addEventListener(closehotelService2,'click',function(){
   close_menu('hotelService2');
   });
   dom.event.addEventListener(closehotelService3,'click',function(){
   close_menu('hotelService3');
   });
   dom.event.addEventListener(closehotelService4,'click',function(){
   close_menu('hotelService4');
   });
}

function fold_menu(id){
    var id = document.getElementById(id);
    
    //if(id.style.display != "block"){
    id.style.display = "block";
    //}else{
    //    id.style.display = "none";
    //    }
}

function close_menu(id){
    var id = document.getElementById(id);
    
    //if(id.style.display != "block"){
    id.style.display = "none";
    //}else{
    //    id.style.display = "none";
    //    }
}

function folds_menu(id,h2id,ptable){
    var id = document.getElementById(id);
    var h2id = document.getElementById(h2id);
    var ptable = document.getElementById(ptable);
    
    if(id.style.display != "block"){
    id.style.display = "block";
    h2id.style.backgroundImage = "url(../common/common_images/open_arrow.gif)";
	ptable.style.borderBottom = "0";
	ptable.style.marginBottom = "0";
	id.style.marginTop = "-1px";
    }else{
        id.style.display = "none";
    h2id.style.backgroundImage = "url(../common/common_images/link_icon.gif)";
	ptable.style.borderBottom = "2px solid #999999";
	ptable.style.marginBottom = "";
	id.style.marginTop = "";
        }
}

//hotelChnage
var hotelflg = ""

function hotelCh(hotelflg){
		var geihin = document.getElementById("geihin");
		var europe = document.getElementById("europe");
		var denbarg = document.getElementById("denbarg");
		var ams = document.getElementById("ams");
		var forest = document.getElementById("forest");
		
		if(hotelflg == 1){
			geihin.style.display = "block";
			europe.style.display = "none";
			denbarg.style.display = "none";
			ams.style.display = "none";
			forest.style.display = "none";
		}else if(hotelflg == 2){
			geihin.style.display = "none";
			europe.style.display = "block";
			denbarg.style.display = "none";
			ams.style.display = "none";
			forest.style.display = "none";
		}else if(hotelflg == 3){
			geihin.style.display = "none";
			europe.style.display = "none";
			denbarg.style.display = "block";
			ams.style.display = "none";
			forest.style.display = "none";
		}else if(hotelflg == 4){
			geihin.style.display = "none";
			europe.style.display = "none";
			denbarg.style.display = "none";
			ams.style.display = "block";
			forest.style.display = "none";
		}else if(hotelflg == 5){
			geihin.style.display = "none";
			europe.style.display = "none";
			denbarg.style.display = "none";
			ams.style.display = "none";
			forest.style.display = "block";
		}
}

var newclass = "sideviclass2";
var removeclass = "sideviclass";

function sidech(){
	sidenav = document.getElementById("sidenavi");
	sidenav.className = newclass;
}
function sidenav2(){
	sidenav = document.getElementById("sidenavi");
	sidenav.className = removeclass;
}