/*********************************************************************************************************************************/
/* DOCUMENT READY CALLS **********************************************************************************************************/
/*********************************************************************************************************************************/

$(document).ready(function(){
	/* VALIDATION start ***********************************************************/
	/*
	var $support_form = $("#support-form");
		if($support_form.length) $support_form.validate();

	var $contact_form = $("#contact-form");
		if($contact_form.length) $contact_form.validate();

	var $quote_form = $("#quote-form");
		if($quote_form.length) $quote_form.validate();
		*/
	var $form = $(".form form");	
	if($(".form form").length) {
		$form.validate({
			errorClass: "form-error"		
			/*,
			errorPlacement: function(error, element) {
       			error.insertBefore(element);
   			}*/
		});
	}	
	/* VALIDATION end *************************************************************/

	
	/* EXTERNAL LINKS start ***********************************************************/
	$('a[rel="external"]').click(function(){
		this.target = "_blank";
	});
	/* EXTERNAL LINKS end *************************************************************/
	
	$('html').addClass('js');
	
	/* CLIENT SERVICES start */
	$('#nav-client-services ul').hide();
	$('#nav-client-services ul li:nth-child(2)').addClass('even'); 
	$('#nav-client-services').click(
		function(e){
			$dropdown = $('ul',this);
			$handle = $(this);
			if($handle.hasClass('active')){
				$dropdown.slideUp();
				$handle.removeClass('active');
			}else{
				$dropdown.slideDown();
				$handle.addClass('active');
				
				$('body').click(function(){
					$dropdown.slideUp();
					$handle.removeClass('active');
				});
  				e.stopPropagation();
			}
	});
	/* CLIENT SERVICES start */
	
	/*PORTFOLIO start*/
	$('#portfolio dl dd:first').show();
	$('#portfolio dl dd').each(
		function() {
			$(this).prepend('<p class="title">'+$(this).prev('dt').text()+'</p>');
		}
	);
	$('#portfolio dl dt').remove();
	
	var portfolio = setInterval( "slideSwitch()", 5000 );
	$('#portfolio .nav a').click(
		function(){
			clearInterval(portfolio);
			var direction = $(this).attr('title');
			slideSwitch(direction);
		}
	);
	
	/*PORTFOLIO start*/
	
	/*PAGE what we do*/
	$('#page-what-we-do .content .item h2').click(
		function(){
			$c = $(this).next('div.c');
			$item = $(this).parent();
			
			if($item.hasClass('active')){
				$item.removeClass('active');
				$c.slideUp();
			}else{
				$('#page-what-we-do .content .item').removeClass('active');
				$('#page-what-we-do .content .c').slideUp();
				$item.addClass('active');
				$c.slideDown();
			}
		}
	);

	var url = location.href;
	var pos = url.indexOf('#');

	if(pos > -1)
	{
		var tab = url.substr(pos);
		$(tab + ' h2').trigger('click');
	}
	else
	{
		$('#page-what-we-do .content .item:first-child')
			.addClass('active').find('.c').show();
	}
	/*PAGE what we do*/
	
}); //close document.ready

/*********************************************************************************************************************************/
/* DOCUMENT READY FUNCTIONS ******************************************************************************************************/
/*********************************************************************************************************************************/

Cufon.replace('.heading,#portfolio .title,#what-we-do ul li a,#portfolio .tagline,#page-what-we-do .content h2');
Cufon.replace('#photo', {
				textShadow: '#333 1px 1px'
			});
/* SLIDESHOW function start *********************************************************/
function slideSwitch(direction) {
	var $active = $('#portfolio dl dd.active');

	if ( $active.length == 0 ) $active = $('#portfolio dl dd:first');	
	
	if(direction == 'Next' || direction == null){ var $next = $active.next('dd').length ? $active.next() : $('#portfolio dl dd:first'); }
	else if(direction == 'Previous') { var $next = $active.prev('dd').length ? $active.prev() : $('#portfolio dl dd:last'); }	

	$active.addClass('last-active');
	
	$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 500, function() {
			 $active.removeClass('active last-active');
	});
	
}
/* SLIDESHOW function end ***********************************************************/