window.onload = function()
{
	// fix for goolge calendar
      if (document.getElementById('calendar') != null) {
          $('calendar').hide();
     	    $('calendar').style.position = 'static';
      }
    var pageNames = ['home',
		         'villas',
                     'presidential',
    			   'crown',
    			   'penthouse',
    			   'suite',
    			   'junior',
    			   'amenities',
    			   'rates',
    			   'dining',
    			   'excursions',
    			   'activities',
    			   'booking',
    			   'calendar',
    			   'location',
    			   'gallery',
    			   'faq',
    			   'contact',
                     ];
    $A(pageNames).each(function(pageName){
        if($('nav_'+pageName)){ Event.observe('nav_'+pageName,'click', function(e){activatePage(pageName,e);}.bind(this)); }
    }.bind(this));
    activatePage = function (targetPage,e){
        if (e && Event.element(e).hasClassName('activeBtn'))
        {
            Event.stop(e);
        }
        else 
        {
            if (targetPage== 'presidential' || targetPage == 'crown' ||
                targetPage == 'penthouse' || targetPage == 'suite' ||
                targetPage == 'junior') {
	          activePage = 'villas'; 
		    location.hash='#' + targetPage;
            }

		else {
            // non villa section 
            location.hash='#' + targetPage;
            activePage = targetPage;
		}
            if($('nav_'+targetPage) && $('nav_'+targetPage).hasClassName('navButton'))
            {
                // Find the navButton that is active and make it inactive
                var activeBtn = $('navigation').getElementsByClassName('activeBtn');
                if(activeBtn.length)
                {
                    var btn = activeBtn[0];
                    $(btn).removeClassName('activeBtn');
                    $(btn).addClassName('navButton');
                    $(btn).style.color = '#000';
                }


                // Find the section that is visible and hide it
                var sections = $('content').getElementsByClassName('section');
                var section = $A(sections).find(function(section){ return section.visible()==true; });
                if (section) { $(section).hide(); }
                //change navButton
                //new Effect.Pulsate($(ele), {duration: 1, from: 0.3, pulses: 1});
                // new Effect.BlindDown($(activePage),{duration:2});
                $(activePage).show();
                $('nav_'+targetPage).style.color = '#FFF';
                $('nav_'+targetPage).removeClassName('navButton');
                $('nav_'+targetPage).addClassName('activeBtn');
            
            }
if (targetPage != activePage )
{	var section = $('villas').getElementsByClassName('activeVilla');
			if(section.length)
			{
				$(section[0]).removeClassName('activeVilla');
			}
			var sections = $('villas').getElementsByClassName('villa_section');
			var section = $A(sections).find(function(section){ return section.visible()==true; });
			if (section) { $(section).hide(); }

			$('villa_'+targetPage).show();
			var links = $('villas').getElementsByClassName('accom');
			var link = $A(links).find(function(link){ return link.getAttribute('title')==targetPage; });
			$(link).addClassName('activeVilla');



}
        }
    };
    // If trying to access a hash page
    if (location.hash)
    {
        var page = location.hash.substr('1');
        if (page.charAt(0) == 'q')
        {
            activatePage('faq');
        }
        else
        {
            activatePage(page);
        }
    }
    Event.observe('container','click', function(e) {
		var ele = Event.element(e);
		if($(ele).hasClassName('accom'))
		{
			var section = $('villas').getElementsByClassName('activeVilla');
			if(section.length)
			{
				$(section[0]).removeClassName('activeVilla');
			}
			var sections = $('villas').getElementsByClassName('villa_section');
			var section = $A(sections).find(function(section){ return section.visible()==true; });
			if (section) { $(section).hide(); }
			$('villa_'+ele.title).show();
			ele.addClassName('activeVilla');
		
		}
		else if($(ele).hasClassName('imageThumb'))
		{
			new Effect.Fade($('photoAlbum').down('.imageHolder'), {afterFinish:function() {
				$('photoAlbum').down('.imageHolder').down('img').src = $(ele).getAttribute('src');
				new Effect.Appear($('photoAlbum').down('.imageHolder'));
			}.bind(this)});
		}
		
		else if($(ele).hasClassName('vipAmenities'))
		{
			var offset = Position.cumulativeOffset($(ele));
			var dim = $(ele).getDimensions();
			$('vipHolder').style.left = offset[0]+'px';
			$('vipHolder').style.top = offset[1]+30+'px';
			new Effect.Appear($('vipHolder'));
		}
		else if($(ele).hasClassName('closeVipHolder'))
		{
			new Effect.Fade($('vipHolder'));
		}
		else if($(ele).hasClassName('gallery_link'))
		{
			var gallery = $('content').getElementsByClassName('activeGallery');
			if(gallery.length)
			{
				$(gallery[0]).removeClassName('activeGallery');
			}
			var sections = $('jgal').getElementsByClassName('gallery_section');
			var section = $A(sections).find(function(section){ return section.visible()==true; });
			if (section) { $(section).hide(); }
			$('gallery_'+ele.title).show();
			ele.addClassName('activeGallery');
		}
	}.bind(this));
	Event.observe('container','mouseover', function(e) {
		var ele = Event.element(e);
		if($(ele).hasClassName('navButton'))
		{
			$(ele).style.backgroundImage = 'url(images/palmThumb_silver.jpg)';
			$(ele).style.backgroundColor = '#C0C0C0';
			//    if($(ele).next('ul')){ 
					//new Effect.BlindDown($(ele).next('ul')); 
			//		$(ele).next('ul').show();
			//	}
		}
	}.bind(this));
	Event.observe('navigation','mouseout', function(e) {
		var ele = Event.element(e);
		if($(ele).hasClassName('navButton'))
		{
			$(ele).style.backgroundImage = 'url(images/palmThumb.jpg)';
			$(ele).style.backgroundColor = '#87CEFA';
			//	if($(ele).next('ul')){ 
					//new Effect.BlindUp($(ele).next('ul'));
			//		$(ele).next('ul').hide();
			//	}
		}
		else if($(ele).hasClassName('activeBtn'))
		{
			$(ele).style.backgroundImage = 'url(images/palmThumb.jpg)';
			$(ele).style.backgroundColor = '#87CEFA';
		}
	}.bind(this));
}