/* Author:

*/
// CUFON ------------------------------------------------------------------
// Works without a selector engine
Cufon.replace('h1',{}); 
Cufon.replace('#nav a', {	hover: true}); 
// Requires a selector engine for IE 6-7, see above
Cufon.replace('h2,h3,h4,h5,.caption, .close-project', {	hover: true})

// JQUERY ------------------------------------------------------------------
$(function(){

//FACNY BOX

$("a.wgsn").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'titlePosition':'over',
		'speedIn'		:	300, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});


//Form

 $("#comment").validationEngine('attach', {
			promptPosition : "topLeft",
			scroll: false,
			onValidationComplete: function(form, status){
				if (status == true) {
					
							
					$('#overlay').fadeTo(200,.8);
					$("#comment").append('<div id="loadercontainer" >Submitting...</div>');
					$('#loadercontainer').fadeIn();
					values = $('#comment').serialize();
					$.ajax({
						type: "POST",
						url: "thanks.php",
						data: values,
						success: function(msg) {
						
							if (msg != 'FAILED'){
								$('#loadercontainer').fadeOut();
								$('#comment').fadeOut();
								$('#overlay').fadeOut('fast',function(){
									$(this).remove();
								});
								$('#response').html($(msg).find('#response'));
						
							}
						}
					});
				} else {
					return false;
				}
			}
		});
 


//PORTFOLIO ACTION
var currentProject=0;
var totalItems = $('.project').length
var	projectImage;

//Close project
$('#overlay, .close-project').click(function(){
	closeProject();
		return false;
});

$('.projectclick:not(.wgsn)').click(function(){
	showProject(this);
	return false;
});

$('.next').click(function(){
	changeProject(currentProject+1);
		return false;
});

$('.prev').click(function(){
	changeProject(currentProject-1);
		return false;
});


function closeProject() {
		$('#overlay').fadeOut();
		$('.current').removeClass('current').find('.project-details').css('z-index','').animate({left:-21,top:-66},{duration:300,queue:true}).fadeOut().find('.inner-image ').animate({width:projectImage},300);
}

function showProject(link) {
	var $this		=	$(link),
			offset	=	$this.parent().addClass('current').position(),
			project = $this.next('div.project-details'),
			img			= project.find('img');
	projectImage=$this.find('.project-image').width();
	currentProject = $this.parent().index();
	img.css('width',projectImage);
	$('#overlay').fadeTo(200,.8);
	project.css('z-index',1).fadeIn();
	img.animate({width:400},300);
	project.animate({left:-offset.left-20,top:-180},{duration:300,queue:false});
	
	//Hide nav elements if not needed
	if (currentProject==0) {
	$('.prev').hide();
	} else {
	$('.prev').show();
	}
	
	if (currentProject==totalItems-1) {
		$('.next').hide();
	} else {
	$('.next').show();
	}
}

function changeProject(eq) {
	closeProject();
	showProject($('.project').eq(eq).find('.projectclick'));
}








});