/**
 * @author grendel
 */
/* sienna properties code */
// used for google maps info window
		var contentString = '<form class="google_map_form" action="index.html" onsubmit="calcRoute();return false;">'+
							'<input onfocus="javascript: this.value=\'\';" type="text" id="start" value="From Here"/>'+
							'<input type="submit" value="Get Directions"/></form>';
$(document).ready(
	function(){
		
		
		// if javascript is enabled then dont show the static google map image
		$('.property_map').hide();
		$('#map_canvas').show();
		
		$('#login_username').focus();
		
		// gallery code
		// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '286px','max-height':'158px'});
				$('div.content').css('display', 'block');
				
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				try {
					// Initialize Advanced Galleriffic Gallery
					var gallery = $('#thumbs').galleriffic({
						delay: 2000,
						numThumbs: 6,
						preloadAhead: 6,
						enableTopPager: false,
						enableBottomPager: true,
						maxPagesToShow: 3,
						imageContainerSel: '#slideshow',
						controlsContainerSel: '#controls',
						loadingContainerSel: '#loading',
						renderSSControls: false,
						renderNavControls: true,
						playLinkText: 'Play Slides',
						pauseLinkText: 'Pause Slides',
						prevLinkText: '&lsaquo; Previous Photo',
						nextLinkText: 'Next Photo &rsaquo;',
						nextPageLinkText: '&rsaquo;&rsaquo;&rsaquo;',
						prevPageLinkText: '&lsaquo;&lsaquo;&lsaquo;',
						enableHistory: false,
						autoStart: false,
						syncTransitions: true,
						enableKeyboardNavigation: false,
						defaultTransitionDuration: 900,
						onSlideChange: function(prevIndex, nextIndex){
							// 'this' refers to the gallery, which is an extension of $('#thumbs')
							this.find('ul.thumbs').children().eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end().eq(nextIndex).fadeTo('fast', 1.0);
						},
						onPageTransitionOut: function(callback){
							this.fadeTo('fast', 0.0, callback);
						},
						onPageTransitionIn: function(){
							this.fadeTo('fast', 1.0);
						}
					});
				}
				catch(error){
					
				}
	}
);