$(document).ready(function(){
	
	QueryLoader.init();
		
	$('#about_body').jScrollPane();
	$('#raves_body').jScrollPane();
	
	$('#intro_bg').cycle({
        timeout: 5000,
        random: 1
    });

	$('#details_bg').cycle({
        timeout: 5000,
        random: 1
    });
    
    $('#weddings_bg').cycle({
        timeout: 5000,
        next:   '#weddings_next', 
    	prev:   '#weddings_prev',
    	delay: 5000,
    	after: WeddingOnAfter
    });
    
    $('#weddings_bg').cycle('pause');
    
    $('#portraits_bg').cycle({
        timeout: 5000,
        next:   '#portraits_next', 
    	prev:   '#portraits_prev',
    	delay: 5000,
    	random: 1,
    	after: PortraitOnAfter
    });
		
	$('#portraits_bg').cycle('pause');
		
		$("#wedding").hide();
		$("#portrait").hide();
		$("#other").hide();
		$("#details").hide();
		$("#packages").hide();
		$("#raves").hide();

		$("#event_type").change(function() {
			
			switch ($(this).val()) {
		
				case 'Wedding':
		
					$("#wedding").show();
					$("#portrait").hide();
					$("#other").hide();
					break;
				
				case 'Portrait':
		
					$("#portrait").show();
					$("#wedding").hide();
					$("#other").hide();
					break;
				
				case 'Other':
		
					$("#other").show();
					$("#portrait").hide();
					$("#wedding").hide();
					break;
		
				default:
		
					$("#wedding").hide();
					$("#portrait").hide();
					$("#other").hide();
					break;
			}
		
		});
		
	$("li").hover(
	  function () {
	    $(this).toggleClass("hov");
	  });
		
	$("#weddings").hover(
		function() { $("#weddings_nav").fadeIn("slow"); },
		function() { $("#weddings_nav").fadeOut("slow");
	});
	
	$("#weddings_overlay").click( 
		function() { $("#weddings_nav").toggle();
	});
	
	$("#weddings_control").click(function() {
		$('#weddings_bg').cycle('toggle');
		$("#weddings_control").toggleClass('weddings_play play weddings_pause pause');
	});	
	
	$("#portraits").hover(
		function() { $("#portraits_nav").fadeIn("slow"); },
		function() { $("#portraits_nav").fadeOut("slow");
	});
	
	$("#portraits_overlay").click( 
		function() { $("#portraits_nav").toggle();
	});
	
	$("#portraits_control").click(function() {
		$('#portraits_bg').cycle('toggle');
		$("#portraits_control").toggleClass('portraits_play play portraits_pause pause');
	});
	
	$(".active").click(function() {
		$("#details").fadeOut("slow");
		$("#contact").fadeOut("slow");
	});	
		
	$(".about_next").click(function() {
		$("#about").fadeOut("slow");
		$("#packages").fadeIn("slow");
	});	
	
	$(".packages_prev").click(function() {
		$("#packages").fadeOut("slow");
		
		$("#about").fadeIn("slow");
	});	
	
	$(".packages_next").click(function() {
		$("#packages").fadeOut("slow");
		$("#raves").fadeIn("slow");
	});	
	
	$(".raves_prev").click(function() {
		$("#raves").fadeOut("slow");
		$("#packages").fadeIn("slow");
	});		
        
	$(".nav_contact").click(function() {
		$("#contact").fadeIn("slow");
		$('#details_bg').cycle('pause');
		$("#details").fadeOut("slow");
	});
	
	$(".close_contact").click(function() {
		$("#contact").fadeOut("slow");
	}); 
	
	$(".nav_details").click(function() {
		$("#contact").fadeOut("slow");
		$("#details").fadeIn("slow");
		$('#details_bg').cycle('resume');
	});
	
	$(".close_details").click(function() {
		$('#details_bg').cycle('pause');
		$("#details").fadeOut("slow");
	}); 
	
		var clearMePrevious = '';
		
		// clear input on focus
		$('.clearMeFocus').focus(function()
		{
			if($(this).val()==$(this).attr('title'))
			{
				clearMePrevious = $(this).val();
				$(this).val('');
			}
		});
		// if field is empty afterward, add text again
		$('.clearMeFocus').blur(function()
		{
			if($(this).val()=='')
			{
				$(this).val($(this).attr('title'));
			}
		});
		
	});
		
	function WeddingOnAfter() {
		$('#weddings_title').html("").append('<strong>' + this.title + '</strong>');
		$('#weddings_prog').html("").append(this.alt); 
	}
	
	function PortraitOnAfter() {
		$('#portraits_title').html("").append('<strong>' + this.title);
		 $('#portraits_prog').html("").append(this.alt); 
	}
	
	$(function() {
		$("#wedding_datepicker").datepicker();
	});
	
	$(function() {
		$("#other_datepicker").datepicker();
	});