$(document).ready(function(){
		//variables
	    lastBlock = $("#main_column #a1");
	    maxWidth = 646;
	    minWidth = 51;
	    arrPortfolio=$('.portfolio_wrapper .portfolio_inner-content');
	    elPortfolioCurrent=arrPortfolio[0];
	    
		//initialization
	    $("ul li .wrapper").click(
	      function(){
	      //alert($(this).attr('class'));
	        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:2500, easing: 'easeInBounce'});
			$(this).animate({width: maxWidth+"px"}, { queue:false, duration:2500, easing: 'easeInBounce'});
			lastBlock = this;
		  	}
    	);
    			
		$("#main_column ul li .wrapper .content_container a.navLink").click( function(event)
		{
			event.preventDefault();
			var strId=$(this).attr('href');
			var elSource = $(this).parents('.inner_content');
			var elTarget = $("#"+strId);
			elTarget.css('opacity',0);
			
			//alert($("#loading"));
			//$("#loading").css('display','inline');
			$(".loading").animate({opacity: .5}, { queue:false, duration:500 });
		   	elSource.animate({opacity: 0}, 1200, function(){
		   		//alert('test');
			   	elSource.animate({height: 0}, { queue:false, duration:1 });
			   	elTarget.animate({height:  400}, { queue:false, duration:1 });
			   	$(".loading").animate({opacity: 0}, { queue:false, duration:500 });
			   	elTarget.animate({opacity: 1}, { queue:false, duration:1800 });	   
			   //	window.location.hash=strId;
			});
		});
		
		$(".navLink").mouseover(function()
		{
			//alert('test');
			$(".nav_pop-up").animate({opacity : 1}, {queue:false, duration:500});
		});

		$(".navLink").mouseout(function()
		{
			//alert('test');
			$(".nav_pop-up").animate({opacity : .3}, {queue:false, duration:500});
		});
		
		$('.portfolio .portfolio_right_nav').click(function(){
			$('.portfolio .portfolio_left_nav').css('visibility', 'visible');

			for (i=0;i<arrPortfolio.length;i++) {
				if(arrPortfolio[i]==elPortfolioCurrent) {
					var elPortfolioNew=arrPortfolio[i+1];
					if ((i+2)==arrPortfolio.length){
						//alert('last');
						$('.portfolio .portfolio_right_nav').css('visibility', 'hidden');
					}
				}
			}
			$(elPortfolioCurrent).css('float', 'left');
			$(elPortfolioNew).css('float', 'right');
			
		   	$(elPortfolioCurrent).animate({width: 0}, 500, function(){
		   		$(elPortfolioNew).animate({width:  475}, { queue:false, duration:1500, easing: 'easeOutBounce' });
		   	});
		   				
			elPortfolioCurrent=elPortfolioNew;
		});
		
		$('.portfolio .portfolio_left_nav').click(function(){
			$('.portfolio .portfolio_right_nav').css('visibility', 'visible');

			for (i=0;i<arrPortfolio.length;i++) {
				if(arrPortfolio[i]==elPortfolioCurrent) {
					var elPortfolioNew=arrPortfolio[i-1];
					if ((i-1)==0){
						//alert('last');
						$('.portfolio .portfolio_left_nav').css('visibility', 'hidden');
					}
				}
			}
			$(elPortfolioCurrent).css('float', 'right');
			$(elPortfolioNew).css('float', 'left');

		   	$(elPortfolioCurrent).animate({width: 0}, 500, function(){
		   		$(elPortfolioNew).animate({width:  475}, { queue:false, duration:1500, easing: 'easeOutBounce' });
		   	});
		   				
			elPortfolioCurrent=elPortfolioNew;
		});

		$("#ajax-contact-form").submit(function(){
		//debugger;
			var str = $(this).serialize();
			$.ajax({
				type: "POST",
				url: "/pages/contact/contact.php",
				data: str,
				success: function(msg){
			 		$("#note").ajaxComplete(function(event, request, settings){
			 			$(this).css('opacity', 0);
						if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
						{
							result = '<div class="notification_ok">Uw bericht is verstuurd, wij nemen zo snel mogelijk contact met u op!</div>';
							$("#fields").hide();
						}else{
							result = msg;
						}
						$(this).html(result);
						$(this).animate({opacity: 1}, { queue:false, duration:500});
			 		}); 
			 	}
			 	
			 });
			return false;
		});


		
	
		//actions
		$('.portfolio .portfolio_left_nav').css('visibility', 'hidden');
		$(".nav_pop-up").css('opacity', .3);
		$("#container").css('height',0);
    	$(".loading").css('opacity',0);
    	$("#container").animate({height: 677}, { queue:false, duration:2000 });

});

function rotateImage(){
	var set = Raphael(["skills", 320, 200, {
	    type: "rect",
	    x: 10,
	    y: 10,
	    width: 150,
	    height: 150,
	    radius: 10,
	    stroke: "#f00"
	}]);
}