$(document).ready(function(){

	// global
	
	$("a.iframe").fancybox({
		'frameWidth'	: 600,
		'frameHeight'	: 500,
		'overlayOpacity'	:	0.8,
		'overlayColor'		:	'#000'
	});
	$("#contactform").validate();
	
	// home slideshow
	
	// home page slider rotation
	if (document.getElementById("home-swfFeatured")){
		$('#home-swfFeaturedNav').css({'display':'block'});
		$('#home-swfFeatured').cycle({ 
			fx:    'fade', 
			timeout:  5000,
			pager: '#home-swfFeaturedNav',
			slideExpr: '.homeSliderImg',
			before: onBefore
		});
	}


	// property grid
	
	if (document.getElementById("gridview")){
		
		$(".grid-col").click(function() {
			window.location = $(this).find("h3:first a:first").attr("href");
		});

  		$(".grid-col").hover(
    		function() {
      			$(this).addClass("hover");
    		},
    		function() {
      			$(this).removeClass("hover");
    		}
  		);
  	}

	// property detail : quick browse

	if (document.getElementById("panelview")){

		$('#globalbrowse').show();
		$('.scrollpane').jScrollHorizontalPane({
			scrollbarHeight:12,
			scrollbarMargin:0,
			reset:true,
			resize:false
			});
		$('.jScrollPaneContainer').hide();
		$('#panellink').click(function (e) {
			e.preventDefault();
			$('.jScrollPaneContainer').slideDown('normal');
			$('.btn-browsearea').hide();
			$('.btn-closearea').show();
			});
		$('#closelink').click(function (e) {
			e.preventDefault();
			$('.jScrollPaneContainer').slideUp('normal');
			$('.btn-browsearea').show();
			$('.btn-closearea').hide();
			});
	}
	
	// property : gallery
	
	if (document.getElementById("gallery")){
		$('#gallery').galleryView({
			panel_width: 400,
			panel_height: 300,
			frame_width: 50,
			frame_height: 38,
	  		transition_speed: 350,
	  		nav_theme: 'lutsen',
	 		easing: 'easeInOutQuad',
			transition_interval: 0,
			pointer_size: 5,
			frame_gap: 2
		});
	}
	
	// property media tabs
	
	if (document.getElementById("propertyWrapper")){
	
		if (document.getElementById("property-media")){
			$('#propGalLink').click(function () {
				// hide all divs
				$('.property-module').css({'visibility': 'hidden', 'display':'none'});
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('.propLink').removeClass('active');
				$('ul.media-nav li').removeClass('active');
				// set photos visible
				$('#property-media').css({'visibility': 'visible', 'display':'block'});
				$('#media-photos').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#propGalLink').addClass('active');
				$('#media-photosLI').addClass('active');
			})
		}
		if (document.getElementById("property-rates")){
			$('#propRatesLink').click(function () {
				// hide all divs
				$('.property-module').css({'visibility':'hidden', 'display':'none'});
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('.propLink').removeClass('active');
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#property-rates').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#propRatesLink').addClass('active');
				// set first rate as active
				$('#media-rate1LI').addClass('active');
				// display the first set of rates
				$('#prop-rates1').css({'visibility': 'visible', 'display':'block'});
			})
		}
		if (document.getElementById("property-specials")){
			$('#propSpecLink').click(function () {
				// hide all divs
				$('.property-module').css({'visibility':'hidden', 'display':'none'});
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('.propLink').removeClass('active');
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#property-specials').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#propSpecLink').addClass('active');
				// set first rate as active
				$('#media-spec1LI').addClass('active');
				// display the first set of rates
				$('#prop-spec1').css({'visibility': 'visible', 'display':'block'});
			})
		}
		// media tabs -- photos, video, google map
		if (document.getElementById("media-photos")){
			$('#media-photosLink').click(function () {
				//start slide show
				//$('#media-photos').cycle('resume');								   
				// hide all divs
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set photos visible
				$('#media-photos').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#media-photosLI').addClass('active');
			})
		}
		if (document.getElementById("media-video")){
			$('#media-videoLink').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');
				// hide all divs
				$('.media-module').css({'visibility':'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set video visible
				$('#media-video').css({'visibility':'visible', 'display':'block', 'top':'40px'});
				//set class as active
				$('#media-videoLI').addClass('active');
			})
		}
		if (document.getElementById("media-map")){
			$('#media-mapLink').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');
				// hide all divs
				$('.media-module').css({'visibility':'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set map visible
				$('#media-map').css({'visibility':'visible', 'display':'block', 'top':'40px'});
				//set class as active
				$('#media-mapLI').addClass('active');
			})
		}
		// rates sub tabs
		if (document.getElementById("prop-rates1")){
			$('#media-rate1').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');								   
				// hide all divs
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#prop-rates1').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#media-rate1LI').addClass('active');
			})
		}
		if (document.getElementById("prop-rates2")){
			$('#media-rate2').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');								   
				// hide all divs
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#prop-rates2').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#media-rate2LI').addClass('active');
			})
		}
		if (document.getElementById("prop-rates3")){
			$('#media-rate3').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');								   
				// hide all divs
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#prop-rates3').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#media-rate3LI').addClass('active');
			})
		}
		
		// specials sub tabs
		if (document.getElementById("prop-spec1")){
			$('#media-spec1').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');								   
				// hide all divs
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#prop-spec1').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#media-spec1LI').addClass('active');
			})
		}
		if (document.getElementById("prop-spec2")){
			$('#media-spec2').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');								   
				// hide all divs
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#prop-spec2').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#media-spec2LI').addClass('active');
			})
		}
		if (document.getElementById("prop-spec3")){
			$('#media-spec3').click(function () {
				//pause slide show
				//$('#media-photos').cycle('pause');								   
				// hide all divs
				$('.media-module').css({'visibility': 'hidden', 'display':'none'});
				// remove all active class
				$('ul.media-nav li').removeClass('active');
				// set rates visible
				$('#prop-spec3').css({'visibility': 'visible', 'display':'block'});
				//set class as active
				$('#media-spec3LI').addClass('active');
			})
		}
	}
	
	
	/* property new slideshow */
	
	if (document.getElementById("prop-slideshow")){
		$('#prop-slideshow').cycle({ 
			fx:    'fade', 
			timeout: 5000,
			next:	'#nbtn',
			prev:	'#pbtn'
		});
	}
	
	$('.gallery-img').hover(
		function() {
			$(this).find('img').fadeTo(150,0.2);
		},
		function() {
			$(this).find('img').fadeTo(150,1.0);
		}
	)
	
	$('.gallery-img').click(function() {
		$('#prop-slideshow').cycle('pause');
	})

	$('.rate-row ul').css({'float' : 'right'});
	$('.rate-title').css({'width' : '130px', 'margin-right' : '0'});
	
	var utabs = $('#unit-nav li');
		utabs.filter(':first').addClass('selected');
	
	var units = $('.unit-detail');
		units.hide().filter(':first').show();
    
    utabs.hover(
		function() {
			$(this).css({'cursor' : 'pointer'});
			$(this).addClass("hover");
		},
		function() {
			$(this).removeClass("hover");
		}
	);
	
	utabs.click( function() {
	
		var num = $(this).text();
			num = num.replace(' ', '');
		
		utabs.removeClass('selected');
		$(this).addClass('selected');
	
		units.hide().filter('#unit-' + num).show();
		
		// recall sIFR
		sIFR.replace( SerifaBold, {
		  selector: 'h3',
		  wmode: 'transparent',
		  css: [   '.sIFR-root { background-color: #FFFFFF; color: #433e39; leading: -1; }'
		      		,'a { text-decoration: none; }'
		      		,'a:link { color: #433e39; }'
		      		,'a:hover { color: #78512A; }'
			]
		});
		sIFR.replace( SerifaBold, {
		  selector: 'h4',
		  wmode: 'transparent',
		  css: [   '.sIFR-root { background-color: #FFFFFF; color: #433e39; leading: -1; }'
		      		,'a { text-decoration: none; }'
		      		,'a:link { color: #433e39; }'
		      		,'a:hover { color: #78512A; }'
			]
		});

	});
	
	$("a.gallery-img").fancybox({
		'overlayOpacity'	: '0.8',
		'overlayColor'		: '#000',
		'titlePosition' 	: 'inside',
		'titleFormat'		: formatTitle,
		'padding'			: 4
		

	});
	
	function formatTitle(title, currentArray, currentIndex, currentOpts) {
	    return '<div id="gallery-title"><span class="gtitle">' + (title && title.length ? '<b>' + title + '</b>' : '' ) + '</span>Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
	}

	
	
	$('.unit-detail').find('.rate-row').children('ul').find('li').hide();
	
	var unitCnt = $('.unit-detail').size();
	
	for (var i = 0; i < unitCnt; i++) {
	
		var currentUnit = $('.unit-detail').eq(i).attr('id');
		
		$('.unit-detail').eq(i).find('.rate-hdr li').removeClass('selected').filter(':first').addClass('selected');
		
		filterRates(currentUnit, 0);
		
	}
	
	$('.unit-detail .rate-hdr li').hover(
		function() {
			$(this).css({'cursor' : 'pointer'});
		},
		function() {

		}
	);
	
	$('.unit-detail .rate-hdr li').click(function(){
	
		var currentUnit = $(this).parent('ul').parent('div').parent('div.unit-detail').attr('id');
		var currentIndex = $(this).prevAll().length;
		
		$(this).parent('ul').children('li').removeClass('selected');
		$(this).addClass('selected');
		
		//alert(currentUnit+ ' ' +currentIndex);
		filterRates(currentUnit, currentIndex);
						
	})
	
	function filterRates(currentUnit, currentIndex) {
	
		var rowCnt = $('#'+currentUnit).find('.rate-row').size();
	
		//alert(currentUnit+ ' ' +currentIndex+ ' ' +rowCnt);
		
		for (var i = 0; i < rowCnt; i++) {
			$('#'+currentUnit).find('.rate-row').eq(i).children('ul').find('li').hide().filter('li:eq(' +currentIndex+ ')').show();
		}
	}
	
	
	
	if (document.getElementById('reserve-opts')) {
	
		$('a.btn-reserve').fancybox({
			'href'				: '#reservebox',
			'modal'				: true,
			'showCloseButton'	: false,
			'overlayColor'		: '#000',
			'overlayOpacity'	: 0.7,
			'padding'			: 5,
			'onCleanup'			: hideOpts
		});
		
		$('.rb-list li, .rb-empty').hover(
			function (){
				$(this).css({'cursor':'pointer'});
				$(this).addClass('hoverMe');
			},
			function (){
				$(this).removeClass('hoverMe');
			}
		)
		$('.rb-list li, .rb-empty').click(function() {
			$(this).find('input:radio[name=unitID]').attr('checked', true);
		});
		
		$('#proceedbtn').click(function(e) {
		
			e.preventDefault();
			
			var unitVal = $('input:radio[name=unitID]:checked').val();
			var unitURL = $('#proceedbtn').attr('href');
			var unitVar = $('input[name=parameterVar]').val();
			
			if(unitVal == 'default') {
				unitURL = unitURL;
			} else {
				unitURL = unitURL + '?' + unitVar + '=' + unitVal;
			}
			
			// show loader
			
			var loaderH = $('#reservebox').height();
			
			$('#reserve-load').css({ 'height' : loaderH });
			$('#reserve-load span').css({ 'padding-top' : loaderH/2 - 35 });
	
			$('#reserve-opts').hide();
			$('#reserve-load').show();
			
			// redirect page
			
			window.location.href = unitURL;
			
		});
		
	}
	
	function displayOpts() {
		$('input:radio[name=unitID]:last').attr('checked', true);
	}
	function hideOpts() {
		$('#reserve-opts').show();
		$('#reserve-load').hide();
	}
	
});

function onAfter() { 
    $('#exploreSliderText').html(this.title); 
}
function onBefore() { 
    $(this).css('visibility', 'visible'); 
}
