//$(document).ready(function() {
//    $('#ajaxheaderslideshow').cycle({
//		.before('<div id="myController">')
//		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
//		pager: '#myController',  // selector for element to use as pager container
//
//	});
//});

$(document).ready(function() {

	/* --------------------------------------------------------------------------------------------------- */
	/* FEATURED PROPERTIES                                                                                 */
	/* --------------------------------------------------------------------------------------------------- */
	
	var properties_ssed = false;
	
	$('.slideshow1').cycle({fx:'fade',speed:'slow',pause:true,pauseOnPagerHover:true,timeout:4000,pager:'.controls1'});
	$('#jFPlay1').toggle(function(){$('.slideshow1').cycle('pause');$(this).attr({"class": "jFlowPause"});},function(){$('.slideshow1').cycle('resume');$(this).attr({"class":"jFlowPlay"});}); 
    
    $('#bb__properties_a').click(function(){
		$('#ss__properties_b').hide(); 
		$('#ss__properties_a').show(); 
		$('#fadecontrols_b').hide(); 
		$('#fadecontrols_a').show(); 
	 	$('#bb__properties_b').removeClass('selected');
		$('#bb__properties_a').addClass('selected');
		return false;
	});
    $('#bb__properties_b').click(function(){
		$('#ss__properties_a').hide(); 
		$('#ss__properties_b').show(); 
		$('#fadecontrols_a').hide(); 
		$('#fadecontrols_b').show(); 
		$('#bb__properties_a').removeClass('selected');
		$('#bb__properties_b').addClass('selected');
		if(!properties_ssed){
			$('.slideshow2').cycle({fx:'fade',speed:'slow',pause:true,pauseOnPagerHover:true,timeout:4000,pager:'.controls2'});
			$('#jFPlay2').toggle(function(){$('.slideshow2').cycle('pause');$(this).attr({"class": "jFlowPause"});},function(){$('.slideshow2').cycle('resume');$(this).attr({"class":"jFlowPlay"});});
			properties_ssed = true;
		}
		return false;
	});

    /* --------------------------------------------------------------------------------------------------- */
	/* RECYCLE		                                                                                       */
	/* --------------------------------------------------------------------------------------------------- */
    
    // Below is just a test, you will need to do the same as above for all the slideshow sets...
    
    $('.slideshow3').cycle({fx:'fade',speed:'slow',pause:true,pauseOnPagerHover:true,timeout:4000,pager:'.controls3'});
	$('#jFPlay3').toggle(function(){$('.slideshow3').cycle('pause');$(this).attr({"class": "jFlowPause"});},function(){$('.slideshow3').cycle('resume');$(this).attr({"class":"jFlowPlay"});}); 

});