function loadDiv(arg) {
    objRooms = document.getElementById("divRooms") ;
    objSpa = document.getElementById('divSpaCenter') ;
    objGallery = document.getElementById('divGallery') ;
    //objReservation = document.getElementById('divReservations') ;
    objRestaurant = document.getElementById('divRestaurant') ;
    objContactUs = document.getElementById('divContactUs') ;
	//objAboutTheProject = document.getElementById('divAboutTheProject') ;
    
    switch (arg) {
    case 1:
        objRooms.style.display = '' ;
        objSpa.style.display = 'none' ;
        objGallery.style.display = 'none' ;
        //objReservation.style.display = 'none' ;
		objRestaurant.style.display = 'none' ;
        objContactUs.style.display = 'none' ;
		//objAboutTheProject.style.display = 'none' ;
        break ;
    case 2:
        objRooms.style.display = 'none' ;
        objSpa.style.display = '' ;
        objGallery.style.display = 'none' ;
        //objReservation.style.display = 'none' ;
		objRestaurant.style.display = 'none' ;
        objContactUs.style.display = 'none' ;
		//objAboutTheProject.style.display = 'none' ;
        break ;
    case 3:
        objRooms.style.display = 'none' ;
        objSpa.style.display = 'none' ;
        objGallery.style.display = '' ;
        //objReservation.style.display = 'none' ;
		objRestaurant.style.display = 'none' ;
        objContactUs.style.display = 'none' ;
		//objAboutTheProject.style.display = 'none' ;
        break ;
    case 4:
        objRooms.style.display = 'none' ;
        objSpa.style.display = 'none' ;
        objGallery.style.display = 'none' ;
        //objRestaurant.style.display = '' ;
		objRestaurant.style.display = '' ;
        objContactUs.style.display = 'none' ;
		//objAboutTheProject.style.display = 'none' ;
        break ;
    case 5:
        objRooms.style.display = 'none' ;
        objSpa.style.display = 'none' ;
        objGallery.style.display = 'none' ;
        //objReservation.style.display = 'none' ;
		objRestaurant.style.display = 'none' ;
        objContactUs.style.display = '' ;
		//objAboutTheProject.style.display = 'none' ;
        break ;
	case 6:
        objRooms.style.display = 'none' ;
		objSpa.style.display = 'none' ;
		//objAboutTheProject.style.display = '' ;
        objGallery.style.display = 'none' ;
        //objReservation.style.display = 'none' ;
		objRestaurant.style.display = 'none' ;
        objContactUs.style.display = 'none' ;
        break ;
    default : break ;
    }
}
function getVisiblegalleryDivIndex (divs)
{
 for ( i = 1 ; i <= divs ; i ++ ) {
  divId = "gallery" + i ;
  objDiv = document.getElementById (divId) ;
  if ( objDiv.style.display != "none" ) return i ;
 }
 return false ;
}
function galleryNext (divs)
{
 currentIndex = getVisiblegalleryDivIndex (divs) ;
 if ( currentIndex == false ) {
  alert ("Can not find currentIndex") ;
  return ;
 }
 if ( currentIndex < divs ) nextIndex = currentIndex + 1 ;
 else nextIndex = 1 ;
 
 objHide = document.getElementById ("gallery" + currentIndex) ;
 objShow = document.getElementById ("gallery" + nextIndex) ;
 objHide.style.display = "none" ;
 objShow.style.display = "" ;
}
function galleryPrev (divs)
{
 currentIndex = getVisiblegalleryDivIndex (divs) ;
 if ( currentIndex == false ) {
  alert ("Can not find currentIndex") ;
  return ;
 }
 if ( currentIndex == 1 ) prevIndex = divs ;
 else prevIndex = currentIndex - 1 ;
 
 objHide = document.getElementById ("gallery" + currentIndex) ;
 objShow = document.getElementById ("gallery" + prevIndex) ;
 objHide.style.display = "none" ;
 objShow.style.display = "" ;
}
function loadPic(arg) {
    var ImageMain = document.getElementById('ImageMain') ;
    ImageMain.src = '/media/gallery/' + arg + '.jpg' ;

}