$(function()
{
	
	
/*-- TABS --------------------------------------------------------------------------------------------------------------------------------------------*/

	var $tab_cnts = $('.tabs_wrap > .inner');
	$tab_cnts.slice(1).hide();
	
	$tabs = $('ul.tabs a').click(function()
	{
		var $this = $(this);
	 
		$tabs.parent('.selected').removeClass('selected');
		if($this.parent('li').length > 0){ $this.parent().addClass('selected'); }
	 
		$tab_cnts.hide();
		$($this.attr('href')).fadeIn();
	 
		return false;
	});
	
	$tabs.eq(0).parent('li:first').addClass("selected");
	
	
/*-- POPUP --------------------------------------------------------------------------------------------------------------------------------------------*/
	
	$('a.poplight[href^=#]').click(function() {
	    var popID = $(this).attr('rel'); 
	    var popURL = $(this).attr('href'); 
	
	    //Pull Query & Variables from href URL
	    var query= popURL.split('?');
	    var dim= query[1].split('&');
	    var popWidth = dim[0].split('=')[1]; 
	
	    //Fade in the Popup and add close button
	    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">X</a>');
	
	    var popMargTop = ($('#' + popID).height() + 80) / 2;
	    var popMargLeft = ($('#' + popID).width() + 80) / 2;
	
	    //Apply Margin to Popup
	    $('#' + popID).css({
	        'margin-top' : -popMargTop,
	        'margin-left' : -popMargLeft
	    });
	
	    //Fade in Background
	    $('body').append('<div id="fade"></div>');
	    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
	
	    return false;
	});
	
	//Close Popups and Fade Layer
	$('a.close, #fade').live( 'click', function() {
	    $('#fade, .popup_block').fadeOut( function() {
	        $('#fade, a.close').remove();
	    });
	    
	    return false;
	});
	
/*-- FONT SIZE --------------------------------------------------------------------------------------------------------------------------------------*/
	
	var textFontSize = 1;
	var textLineHeight = 1.5;
	
	$('.action_font_incr').click( function () {
		contentFontSize(1);
		return false;
	});
	
	$('.action_font_decr').click( function () { 
		contentFontSize(-1);
		return false;
	});
	
	function contentFontSize (dir) {
		textFontSize = textFontSize + 0.2*dir;
		textLineHeight = textLineHeight - 0.05*dir;
		
		if (textFontSize < 1) {
			textFontSize = 1;
			textLineHeight = 1.5;
		}
		
		//$('#mainbar').css('font-size', textFontSize+'%');
		$('#mainbar').css({'font-size' : textFontSize+'em', 'line-height' : textLineHeight+'em'});
	}
	
	$(".action_facebook").click( function() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;} );
	$(".action_linkedin").click( function() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;} );

	
/*-- PAGE FLIP --------------------------------------------------------------------------------------------------------------------------------------*/

	var pageflip_w = 245;
	var pageflip_h = 245;
	var pageflip_wd = 0;
	var pageflip_hd = 12;
	
	$(".pageflip").hover(function() { //On hover...
		
		$(".pageflip img, .msg_block").stop()
			.animate({ //Animate and expand the image and the msg_block (Width + height)
				width: pageflip_w+'px',
				height: pageflip_h+'px'
			}, 600);
		} , function() {
			$(".pageflip img").stop() //On hover out, go back to original size 50x52
				.animate({
					width: '60px',
					height: '60px'
				}, 210);
			$(".msg_block").stop() //On hover out, go back to original size 50x50
				.animate({
					width: '60px',
					height: '60px'
				}, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
		}
	);	

/*-- EO FUNCTION --------------------------------------------------------------------------------------------------------------------------------------*/

/*-- Gallery Lightbox --------------------------------------------------------------------------------------------------------------------------------------*/
	if($.fn.prettyPhoto != undefined)
	{
		$('.panel.gallery .images .image').prettyPhoto({});
	}


	
/*-- Portfolio gallery -----------------------------------------------------------------------------------------------------------------------------------------*/
	var $filmstrip_li 		 = $("#filmstrip li");
	var $filmstrip_a  		 = $("#filmstrip a");
	var $tabnav 	  		 =	$(".tab_nav");
	var $tabnav_rel  		 = $(".tab_nav .selected").attr('rel');
	var $current_project	 = $("#current_project");
	var $current_project_ul  = $("#current_project ul");
	var $tabnav_a 	  		 =	$(".tab_nav").find("a");
	var $next_btn			 = $(".next_btn.next_slide");
	var $prev_btn			 = $(".prev_btn.prev_slide");
	var rel;
	$current_project.find(".prev_slide").hide();
	$filmstrip_li.hide();
	$("#filmstrip li[rel="+$tabnav_rel+"]").fadeIn();
	$filmstrip_a.eq(0).addClass("selected");
	
	$(".tab_nav a").click(function()
	{
		$filmstrip_li.hide();
		$tabnav_a.removeClass("selected");
		rel = $(this).attr("rel");
		$(this).addClass("selected");
		$("#filmstrip li[rel="+rel+"]").fadeIn();
		return false;
		
	})
	var i = 0;
	var icount = parseInt($("#current_project li").length) - 1;
	if(icount <= 0){$next_btn.hide();}
	$("#current_project").delegate(".next_slide","click",function()
	{
			$("#current_project li").hide();
			$("#current_project li").eq(i+1).fadeIn();
			$("#current_project .prev_slide").show();
			i++;
			if(i>icount){i=0;$("#current_project li").eq(0).show();$current_project.find(".prev_slide").hide();}
			return false;	
	});
	$("#current_project").delegate(".prev_slide","click",function()
	{
		$("#current_project li").hide();
		$("#current_project li").eq(i-1).fadeIn();
		i--;
		if(i==0){$(this).hide();}
		return false;	
	});
	
	$filmstrip_a.click(function()
	{
		$prev_btn.hide();
		$("#current_project li").remove();
		for(var b = 0; b < portfolio_images.total; b++)
		{
		  if(portfolio_images.results[b].portfolio_id == $(this).attr("rel"))
		  {
			  $('<li class="next_slide" style="width: 980px; float: left;"><img src="/public/files/portfolio/980x400/'+portfolio_images.results[b].id+'.'+portfolio_images.results[b].picture+'"/></li>')
				.appendTo($current_project_ul);
		  }
		}

		i = 0;
		icount = parseInt($("#current_project li").length) - 1;
		if(icount > 0){$next_btn.show();}else{$next_btn.hide();$prev_btn.hide();}

	})
	
/* ---Contacts Form------------------------------------------------------------------------------------------------------------------------------- */
	var $contacts_form= $("#popup_contacts_form");
	var $contacts_form_send = $contacts_form.find("#send");
	var $contacts_form_response = $contacts_form.find(".response");
	var $name = $contacts_form.find("#name");
	var $phone = $contacts_form.find("#phone");
	
	$contacts_form_response.hide();
	
	$contacts_form_send.click(function()
	{
		var name = $contacts_form.find("#name").val();
		var company = $contacts_form.find("#company").val();
		var phone = $contacts_form.find("#phone").val();
		var occupation = $contacts_form.find("#occupation").val();
		var comment = $contacts_form.find("#comment").val();
		var $form = $contacts_form.find("form");
		var error = false;
		if(name == "")
		{
			$contacts_form.find("#name").addClass("error");
			error = true;
		}
		if(phone == "")
		{
			$contacts_form.find("#phone").addClass("error");
			error = true;1
		}
		if(error){return false;}
			$.post(__basePath+"/contacts_ajax/", { name: name, company: company,phone: phone,occupation: occupation,comment: comment },
			 function(data) {
			  $form.hide();
			  $form.prev("h1").hide();
			  $contacts_form_response.fadeIn();
			 }
			);
		
	});
	
	$name.add($phone).keyup(function() {
	
		var val = $(this).val();
		if(val!=="")
		{
			$contacts_form.find("#"+$(this).attr("id")).removeClass("error");
		}

	});

});