$(document).ready(function() {

	//Set Default State of each portfolio piece
	$(".paging").show();
	$(".paging a:first").addClass("active");

	//Get size of images, how many there are, then determin the size of the image reel.
	var imageWidth = $(".window").width();
	var imageSum = $(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;

	//Adjust the image reel to its new size
	$(".image_reel").css({'width' : imageReelWidth});

	//Paging + Slider Function
	rotate = function(){	
		var triggerID = $active.attr("rel") - 1; //Get number of times to slide
		var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
	
		$(".paging a").removeClass('active'); //Remove all active class
		$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

		//Slider Animation
		$(".image_reel").animate({ 
			left: -image_reelPosition
		}, 500 );
	}; 

	//Rotation + Timing Event
	rotateSwitch = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			$active = $('.paging a.active').next();
			if ( $active.length === 0) { //If paging reaches the end...
				$active = $('.paging a:first'); //go back to first
			}
			rotate(); //Trigger the paging and slider function
		}, 7000); //Timer speed in milliseconds (3 seconds)
	};
	rotateSwitch(); //Run function on launch

	//On Hover
	$(".image_reel a").hover(function() {
		clearInterval(play); //Stop the rotation
	}, function() {
		rotateSwitch(); //Resume rotation
	});	

	//On Click
	$(".paging a").click(function() {	
		$active = $(this); //Activate the clicked paging
		
		//Reset Timer
		clearInterval(play); //Stop the rotation
		rotate(); //Trigger rotation immediately
		rotateSwitch(); // Resume rotation
		return false; //Prevent browser jump to link anchor
	});	

});

// jQuery Input Hints plugin
// Copyright (c) 2009 Rob Volk
// http://www.robvolk.com

jQuery.fn.inputHints=function() {
    // hides the input display text stored in the title on focus
    // and sets it on blur if the user hasn't changed it.

    // show the display text
    $(this).each(function(i) {
        $(this).val($(this).attr('title'))
            .addClass('hint');
    });

    // hook up the blur & focus
    return $(this).focus(function() {
        if ($(this).val() == $(this).attr('title'))
            $(this).val('')
                .removeClass('hint');
    }).blur(function() {
        if ($(this).val() == '')
            $(this).val($(this).attr('title'))
                .addClass('hint');
    });
};

$(document).ready(function() {
   $('input[title]').inputHints();
});

Cufon.replace('h2'); 
Cufon.replace('#inner_col_middle h3'); 

$(document).ready(function() {
	$("p.accordion_info").hide();
	$(".accordion_iteam h3").click(function () {
	  $(this).next().slideToggle("slow");
	});
});


/* Fancybox*/
$(document).ready(function() {
	$("a.group").fancybox({
		'speedIn'			: 600, 
		'speedOut'			: 200
	});
	
	$("a#live_support, a#footer_support").fancybox({
		'speedIn'			: 600, 
		'speedOut'			: 200,
		'type'				: 'iframe'
	});
		
	$("a#free_audit").fancybox({
		'speedIn'			: 600, 
		'speedOut'			: 200,
		'type'				: 'iframe',
		'height'			: 500
	});
	
	$("a#free_audit_big").fancybox({
		'speedIn'			: 600, 
		'speedOut'			: 200,
		'type'				: 'iframe',
		'height'			: 500
	});
	
	$("a#quick_support").fancybox({
		'speedIn'			: 600, 
		'speedOut'			: 200,
		'type'				: 'iframe',
		'height'			: 500
	});
});

/*Fade effect*/
$(document).ready(function() {
	$("a.group img").hover(function(){
		$(this).fadeTo("fast", 0.8);
		},function(){
		$(this).fadeTo("fast", 1.0);
	});
});