var bannerShowing = 0;
var fadingBanner = false;
var totalBanners = 0;
var hoveringButton = false;

function fadeNext(){
	if(totalBanners > 1){
		var next = ((bannerShowing + 1) % totalBanners);
		fadeBanner(next);
	}
}
function fadeBanner(id){
	if(totalBanners){
		var toShow = (id % totalBanners);
		
		if(!fadingBanner && !hoveringButton){
			fadingBanner = true;
			
			jQuery('#buttons a').parent().removeClass('at');
			jQuery('#button_'+toShow).addClass('at');
			
			jQuery('#banner_'+bannerShowing).fadeOut(400, function(){
				jQuery('#banner_'+toShow).fadeIn(400, function(){
					bannerShowing = toShow;
					fadingBanner = false;
				});
				
			});
		}
	}
}

jQuery(document).ready(function(){

	// Fade out Flash Message
	$('div#flashMessage.success').fadeIn().delay(3000).fadeOut('slow');	
	
	
	
	totalBanners = jQuery('#buttons a').length;
	
	jQuery('#banners .banner').not('#banner_'+bannerShowing).fadeOut('fast');
	
	jQuery('#button_'+bannerShowing).addClass('at');
	
	// Banners buttons:
	jQuery('#buttons a').click(function() {
		fadingBanner = false;
		hoveringButton = false;
		var toShow = parseInt( jQuery(this).parent().attr('id').replace(/button_/,'') );
		if(bannerShowing != toShow){
			fadeBanner(toShow);
		}
		return false;
	});
	
	jQuery('#buttons a').hover(function() {
		var toShow = parseInt( jQuery(this).parent().attr('id').replace(/button_/,'') );
		if(bannerShowing != toShow){
			fadeBanner(toShow);
		}
		hoveringButton = true;
	},function(){
		// do nothing on mouse out
		hoveringButton = false;
	});
	jQuery('#banners .banner').hover(function() {
		hoveringButton = true;
	},function(){
		// do nothing on mouse out
		hoveringButton = false;
	});
	
	setInterval('fadeNext();', 9000);
	
	jQuery('p.slider').each(function(){
		
		var $dollar = jQuery(this).find('.min').text().match(/\$/) ? 1: 0;
		var $percent = jQuery(this).find('.min').text().match(/\%/) ? 1 : 0;
		
		var $min = clean(jQuery(this).find('.min').text());
		var $max = clean(jQuery(this).find('.max').text());
		var $target = jQuery( "#" + jQuery(this).attr("rel") );
		var $val = clean( $target.val() );
		var $step = 1;
		
		if($dollar){
			$min = parseInt($min);
			$max = parseInt($max);
			$val = parseInt($val);
		}
		
		if($percent){
			$min = parseInt($min * 10000);
			$max = parseInt($max * 10000);
			$val = parseInt($val * 10000);
		}
		
		
		// Set up events
		var $slider = jQuery(this).find('.slider').slider({
			min: $min, max: $max, step: $step, value: $val,
			slide: function(event, ui){
				var value = ui.value;
				if(value < $min){
					value = $min;
				}
				if(value > $max){
					value = $max;
				}
				if($dollar){
					$target.val("$" + number_format( value, 2 ));
				}else if($percent){
					$target.val(number_format( ( value / 100.0 ), 2 ) + "%");
				}else{
					$target.val(ui.value);
				}
			},
			change: function(event, ui){
				var value = ui.value;
				if(value < $min){
					value = $min;
				}
				if(value > $max){
					value = $max;
				}
				if($dollar){
					$target.val("$" + number_format( value, 2 ));
				}else if($percent){
					$target.val(number_format( ( value / 100.0 ), 2 ) + "%");
				}else{
					$target.val(value);
				}
				calculate();
			}
		});
		
		$target.change(function(){
			var $v = clean( $target.val() );
			if($percent){
				var $vs = $target.val();
				var $vr = rate( $vs );
				$v = $vr * 10000;
				if($v.toFixed){
					$v = parseInt( $v.toFixed(0) );
				}
			}
			$v = parseInt($v);
			$slider.slider("value", $v );
			calculate();
		})
	});
	
	
	jQuery('.slideshow').jcarousel({
		auto: 4,
		wrap: 'circular',
		scroll: 1,
		animation: "slow"
	});
	
	$("a.fancybox").fancybox();

	
	jQuery('form.rate_form').submit(function(event){
		var id = jQuery(this).attr('id');
		var direct = jQuery('#'+id+'_direct');
		
		jQuery('.rate_form_direct').hide();
		jQuery('form.rate_form input[type=submit]').show();
		jQuery('form.rate_form a.close').hide();
		jQuery('tr.rate_row').removeClass('active');
		
		if(direct){
			jQuery(this).find('input[type=submit]').hide();
			jQuery(this).find('a.close').css('display', 'inline-block');
			jQuery('#'+id+'_heading').show();
			jQuery('#'+id+'_details').show();
			direct.show();
			jQuery('#'+id+'_disclaimer').show();
			jQuery(this).parents('tr.rate_row').addClass('active');
			event.preventDefault();
		}
	});
	
	
	
	
	// ### Zoomable Map{
	$('#map').zoomMap({
		'width'		: 310,
		'height'	: 310,
		'zoom'		: 17,
		'link'		: true,
		'location'	: '880 Harrow Street Winnipeg, Manitoba'
	});

	
	//"We've Moved" and similar Popup Cookie logic:		
	jQuery("#navigation").after('<div id="modal" style="display:none;"><h3>Vertuity Mortgage has moved. Our new address is</h3><p>880 Harrow Street,<br />Winnipeg, Manitoba, <br />Canada R3M 3Y7<br /><a href="/contact">View on Map</a></p><a href="#" class="close">X</a></div>');
	
	if( jQuery.cookie('popup_moved') != null ) {
		//Cookie is set. Do nothing.
	} else {
		// Cookie is NOT set. Display popup:
		jQuery("#modal").fadeIn('slow');
		jQuery("#nav_li_item_127").hide();
	}
	
	jQuery("#modal a.close").click(function(){
		jQuery.cookie('popup_moved', 'viewed', { expires: 3650 , path: '/' } );
		jQuery(this).parent().fadeOut();
		jQuery("#nav_li_item_127").fadeIn();
	});
	
		

	
});