// JavaScript Document
// MECA Proerties

//GLOBAL FUNCTIONS
	//detail page main image positioning
		function mainImgPosition(){
			var leftPosition = -(($('#main-image img').width() - 505) / 2);
			$('#main-image img').css('left',leftPosition);
		}
		
		
	

$(function(){
	
	//unwrap tables in unit availability!!
		$('.unit-listing, .unit-detail, .slide, .association-news').unwrap().unwrap().unwrap().unwrap();
	
	//navigation flexbox for ie + opera
		if($.browser.msie || $.browser.opera){
			var navWrap = $('#main-nav > li > a').wrapInner('<span></span');
			var navWidth = 0;
			
			navWrap.each(function(){
				navWidth += $(this).width();
			});
			
			var paddingTotal = 960 - navWidth;
			var paddingSide = parseInt((paddingTotal / navWrap.length));
				paddingSide /= 2;
			
			$('#main-nav > li > a').css({
				'padding-left': paddingSide + 1,
				'padding-right' : paddingSide - 1
			});
			
		}

		
					
	//navigation drop downs
					
		function navMouseover(){
			var subNavHeight = $('.sub-nav', this).outerHeight();
			$('> a', this).css('background', 'url(../images/nav-hover-bg.png) center bottom no-repeat');
			$('.sub-nav', this).slideDown(subNavHeight/2.5);
		}
		
		function navMouseout(){
			$('> a', this).css('background', 'none');
			$('.sub-nav', this).hide();
		}
		
		var hIConfig = {
			sensitivity: 20,
			timeout: 200,
			over: navMouseover,
			out: navMouseout	
		}
		
		$('#main-nav > li').has('.sub-nav').hoverIntent(hIConfig);
		
		/*$('#main-nav > li').has('.sub-nav').hover(function(){
			var subNavHeight = $('.sub-nav', this).outerHeight();
			$('> a', this).css('background', 'url(../images/nav-hover-bg.png) center bottom no-repeat');
			$('.sub-nav', this).slideDown(subNavHeight/2);
		}, function(){
			$('> a', this).css('background', 'none');
			$('.sub-nav', this).hide();
		});*/
		
		$('#main-nav > li').each(function(){
			
			var navBtnWidth = $(this).width();
			var subNavWidth = $('#main-nav > li > .sub-nav').outerWidth();
			var offsetPosition = (navBtnWidth - subNavWidth) / 2;
			$('.sub-nav', this).css({
				'right': offsetPosition,
				'left': offsetPosition
			});
			
			function rightMenuPosition(){
				if ($(window).width() < 1060){
					$('#main-nav > li:last-child > .sub-nav').css({
						'right' : '0',
						'left' : 'auto'
					});
				} else {
					$('#main-nav > li:last-child > .sub-nav').css({
						'right' : offsetPosition,
						'left' : offsetPosition
					});
				}
			}
			
			rightMenuPosition();
			$(window).resize(rightMenuPosition);
			
		});
		
		
	
		
	//featured property slider
		//vertical centering
		$('.slide .image-wrap img').load(function(){
			$(this).fadeIn(200);
			var slideImgHt = $(this).height();
			var slideImgOffset = -((slideImgHt - $('.slide .image-wrap').height()) / 2);
			$(this).css('top',slideImgOffset);
		});
		
		
	//simple slider
		$('#slider').simpleSlider();
		
		
	//image gallery
		//image fade ins...
		$('#image-gallery #main-image img').load(function(){
			$(this).css({
				'display' : 'block',
				'opacity' : '0'		
			});
			$(this).animate({
				'opacity' : '1'
			}, 200, function(){
				$(this).parent().css('background-image','none');
			});
		});
		
		$('#image-gallery .thumb img').load(function(){
			mainImgPosition();
			$(this).fadeIn(200);
		});
										
		// main image change
		$('.thumb').click(function(){
			var imgSrc = $('img', this).attr('src');
			$('#main-image img').attr('src',imgSrc);
			mainImgPosition();
		});
		
		//remove thumnails withoug images.
		$('.thumb img').each(function(){
			var srcLength = $(this).attr('src').length;
			if (srcLength <= 1){
				$(this).parent().remove();	
			}
		});
												
		//remove right margin on 3rd thumbnails
		$('.thumb:nth-child(3n)').css('margin','0 0 21px');
		
		//remove thumnail navigation if no thumb sections
		if ($('.thumb').length <= 12){
			$('#thumb-nav').hide();
		}
	
		//thumb sections
		while((thumbSection = $(':not(.thumb-section) > .thumb:lt(12)')).length){
				thumbSection.wrapAll('<div class="thumb-section clearfix"></div>');
		}
		
		$('.thumb-section:eq(0)').addClass('shown');
		
		var thumbSectionHt = $('.thumb-section:eq(0)').height();
		$('.thumb-section').each(function(){
			$(this).height(thumbSectionHt);
		});
		
		$('#thumb-nav .prev').click(function(){
			var prevContent = $('.thumb-section.shown').prev('.thumb-section').html();
			if (prevContent != null){
				$(this).queue(function(){
					$('.thumb-section.shown').prev('.thumb-section').addClass('shown');
					$('.thumb-section.shown:eq(1)').removeClass('shown');
					$(this).dequeue();
				});
			} else {
				$(this).queue(function(){
					$('.thumb-section:last').addClass('shown');
					$('.thumb-section:first').removeClass('shown');
					$(this).dequeue();
				});
			}
			return false;
		});
		
		$('#thumb-nav .next').click(function(){
			var nextContent = $('.thumb-section.shown').next('.thumb-section').html();
			if (nextContent != null){
				$(this).queue(function(){
					$('.thumb-section.shown').next('.thumb-section').addClass('shown');
					$('.thumb-section.shown:eq(0)').removeClass('shown');
					$(this).dequeue();
				});
			} else {
				$(this).queue(function(){
					$('.thumb-section:first').addClass('shown');
					$('.thumb-section:last').removeClass('shown');
					$(this).dequeue();
				});
			}
			return false;
		});
		
	//find & replace unit availability values
		$('.value').each(function(){
			var value = $(this).text();
			if (value == ''){
				$(this).html('&mdash;');	
			}
		});
		
	//online application
		//masked inputs
		$('.ssn').mask('999-99-9999');
		$('.phone').mask('(999) 999-9999');
		$('.date').mask('99/99/9999');
		
	//photo gallery
		$('.photo').fancybox({
			'centerOnScroll' : true,
			'transitionIn' : 'elastic',
			'transitionOut' : 'elastic'
		});
		
	//disable active link on association login tabs
		$('.association-tabs .active').click(function(){
			return false;
		});
	
	//application payment
		$('input[type="radio"].payment-choice').change(function(){
			var paymentChoice = $(this).val();
			if(paymentChoice == 'By Mail'){
				$('#pay-by-mail-panel').show();
				$('#pay-online-panel').hide();	
			}
			if(paymentChoice == 'Online'){
				$('#pay-online-panel').show();
				$('#pay-by-mail-panel').hide();	
			}
		});
		
	////application validation
//		$('#frmApplyOnline').validate({
//			rules: {
//				rmwebsvc_pudf_Pets: {
//					required: true
//				},
//				rmwebsvc_pudf_Application_Payment: {
//					required: true	
//				}
//			}
//		});
		
});