/*!
 * http://jquery.malsup.com/cycle/basic.html
 */
$(document).ready(function() {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '512px'});
$('div.image_gallery').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'
});

// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay:                     2500,
numThumbs:                 15,
preloadAhead:              10,
enableTopPager:            true,
enableBottomPager:         true,
maxPagesToShow:            7,
imageContainerSel:         '#slideshow',
controlsContainerSel:      '#controls',
captionContainerSel:       '#caption',
loadingContainerSel:       '#loading',
renderSSControls:          true,
renderNavControls:         true,
playLinkText:              'Play Slideshow',
pauseLinkText:             'Pause Slideshow',
prevLinkText:              '‹ Previous Photo',
nextLinkText:              'Next Photo ›',
nextPageLinkText:          'Next ›',
prevPageLinkText:          '‹ Prev',
enableHistory:             false,
autoStart:                 false,
syncTransitions:           true,
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);
}
});
}
);


function selectCallback(s) 
{ 
 // This function gets called when selection changes 
if( s.selectedIndex == -1 ) return; 
var v = s.options[s.selectedIndex].value; 
location.href=v; 

} 
function attachBehaviors() 
{ 
 // Attach event handler to your select object 
 var s = document.getElementById("property_location_change"); 
 if( s ) 
 { 
 s.onchange = function(){selectCallback(s);}; 
 } 
 
 $('#basic-modal .basic').click(function (e) {
		$('#basic-modal-content').modal();
		
		  return false;
	});
} 
window.onload = attachBehaviors;