function loadProject(pr_name) {
	
	if ($("#project").css('display')=='block') {
		$("#project").hide();
		$("#loading").show().Loadingdotdotdot({
    		"speed": 400,
		    "maxDots": 4
		});
	} else {
		$("#project").hide();
		$("#loading").slideDown();
		$.scrollTo('#portfolio',700);
	}
	pr_name = pr_name + '.html';
	
	$("#project").load(pr_name, function(){
        
		$("#loading").hide();
		$("#project").fadeIn();
		$('#slide').cycle({
			fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			speed:   600, 
			timeout: 6000,
			pause:   1,
			cleartype: true, 
			cleartypeNoBg: true
		});
	});
	
}

$(function() {

	var scroll_timer;
	var displayed = false;
	var $message = $('#up');
	var $window = $(window);
	var top = $(document.body).children(0).position().top;
 
	/* react to scroll event on window */
	$window.scroll(function () {
		window.clearTimeout(scroll_timer);
		scroll_timer = window.setTimeout(function () { // use a timer for performance
			if($window.scrollTop() <= top){
				displayed = false;
				$message.fadeOut(500);
			}
			else if(displayed == false){
				displayed = true;
				$message.stop(true, true).fadeIn(500).click(function () { $message.fadeOut(500); });
			}
		}, 100);
	});
	
	$('#up').click(function(){
		$.scrollTo('header',700);
	});

	 /*repair ie*/
	if ( $.browser.msie && $.browser.version < 9) {
  	  $(".list").css( "padding-bottom","22px" );
  	  $(".portfolio aside").css("background-position-y","21px");
 	}
	 
	$('#loading').hide();

	var l = window.location.href;

	if (l.indexOf("#!")!=-1){
		var l_elm = l.split("#!");
		var id_p = l_elm[1];
		if (id_p!="!"){
			loadProject(id_p);
		}
	}
	else loadProject('depcore'); // load the first project

    $('#slide').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed:   800, 
    	timeout: 6000,
    	pause:   1,
		cleartype: true, 
		cleartypeNoBg: true
	});
	
	$(".list a").click(function(){
		$('.list a').removeClass('active');
		$(this).addClass('active');
		var pr_name = $(this).attr('href').replace('#!', ''); 
		$.scrollTo('#portfolio',700);
		$('#slide').cycle('stop');
		loadProject(pr_name);
	});
	
	$('a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
			&& location.hostname == this.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
				if ($target.length) {
					var targetOffset = $target.offset().top;
					$('html,body').animate({
						scrollTop: targetOffset
					}, 1000);
					return false;
				}
			}
	});
  
	$("#services ul li").hover(function(){
		$(this).find("p:first-child").animate({"opacity": 1});
	},function(){
    	$(this).find("p:first-child").animate({"opacity": 0.7});
	});
	
	var lowerBound = 1;
	var upperBound = 10;
	var a = Math.floor(Math.random() * (upperBound - lowerBound + 1)) + lowerBound;
	var b = Math.floor(Math.random() * (upperBound - lowerBound + 1)) + lowerBound;
 
 	$('#contact a').each(function(){
 		e = $(this).text().replace('[a]','@');
    	this.href = 'mailto:' + e;
    	$(this).text(e);
 	});
 	 	
	$("label#arithmetic_expression").html(a + " + " + b + " = ");
	$("input#eqtn_soln").val(a+b);
	var formF = $('#contactForm').html();
		
	jQuery("#budget").slider({ from: 100, to: 10000, step: 100,  scale: [100, '|', 2500, '|' , '5000', '|', 7500, '|', 10000],
 round: 1, dimension: '&nbsp;$'});
 
 
	var validation_rules = {
		name: "required",
		email: {
		 	required: true,
		 	email: true
		 },
		subject: "required",
		message: "required",
		sum: {
			required: true,
			equalTo: "input#eqtn_soln"
		}
	};
 
	var validation_messages = {
		name: "please enter your name" ,
		email: {
		 	required: "please enter your email address",	
		 	email: "please enter a valid email address"				
		 },
		subject: "please enter a message subject",
		message: "please enter the message",
		sum: {
			required: "please answer the equation",
			equalTo: "please answer the equation correctly"
		}					
	};	
	
	//TODO:naprawić jak zmienia się projekt to włączają sie strzałki
	/*
	.ajaxStart(function() {
		$(this).find('#submit').parent().html("<span>Please wait...</span>").fadeIn();
		$('#contactForm p span').Loadingdotdotdot({
    		"speed": 400,
		    "maxDots": 4
		});
	})
	
	*/	
	$("#contactForm").
	validate({		
		rules: validation_rules,
		messages: validation_messages,
		errorPlacement: function(error, element){
			error.insertBefore(element); // insert label after the first label
		},
		submitHandler: function(form){
			var msg = $("#message").val();  
			var nam = $("#name").val();  
			var subject = $("#subject").val();  
			var email = $("input#email").val();  
			var budget = $("input#budget").val()

		var dataString = "name="+ nam + "&subject=" + subject + '&msg='+ msg + '&email=' + email + '&budget=' + budget;
		
		$.ajax({
				type: "POST",
				url: "process.php",
				data: dataString,
				success: function() {
					$('#contactForm').html("<div id='message-sent'></div>");
					$('#message-sent').html("<div><h2>Thank you</h2> <p>The message was sent.  I'll get back to you as soon as possible</p></div><p><a href='#'>Send another</a></p></div>").hide().fadeIn(1500);
					$('#message-sent a').click(function(){
						$('#contactForm').html(formF).fadeIn(1500); 
						jQuery("#budget").slider({ from: 100, to: 10000, step: 100,  scale: [100, '|', 2500, '|' , '5000', '|', 7500, '|', 10000],
 round: 1, dimension: '&nbsp;$'});
 						return false;
					});
				}
			});
			return false;		 	
		}
	});

});