$(document).ready(function(){
	var windowsHeight	=	$(document).height();

	//$('.project').bind('click', openProject);
	$('#closeProjectPanel').bind('click', closeProject);
	
	$('.project').mouseover(function(){
		$(this).fadeTo('fast',1);
	}).mouseout(function(){
		$(this).fadeTo('fast',0.5);
	}).click(function(){
		$(this).fadeTo('fast',1);
	});

	$('input[title],textarea[title]').each(function() {
			if($(this).val() === '') {
				$(this).val($(this).attr('title'));	
			}
			
			$(this).focus(function() {
				if($(this).val() == $(this).attr('title')) {
					$(this).val('').addClass('focused');	
				}
			});
			$(this).blur(function() {
				if($(this).val() === '') {
					$(this).val($(this).attr('title')).removeClass('focused');	
				}
			});
	});
	
	$('form#contactform').submit(function(){
		fout = 0;
		var fieldName		= $('input#name');
		var fieldMessage	= $('textarea#message');
		var email			= $('input#email');
		var enamilVal		= $.trim(email.val());
		
		if((trimStr(fieldName.val()).length > 0) && (fieldName.val()!=fieldName.attr('title'))){
			fieldName.removeClass('oeps');
		} else {
			fieldName.addClass('oeps');
			fout = 1; 
		}	
			
		if((trimStr(fieldMessage.val()).length != 0) && (fieldMessage.val()!=fieldMessage.attr('title'))){
			fieldMessage.removeClass('oeps');
		} else {
			fieldMessage.addClass('oeps');
			fout = 1; 
		}
		
		if(enamilVal == email.attr('title') || enamilVal == '' || !IsValidEmail(enamilVal)){
			email.addClass('oeps');
			fout = 1; 
		} else {
			email.removeClass('oeps');
		}
		
		if(fout===0){
			$.post("sendmail.php", $('#contactform').serialize(),
				function(data) {
					$('#contactform').fadeOut(function(){
						$('.contactForm').text('Email send!');	
					});
				});
		}
		return false;
	});
});

function IsValidEmail(email){
	var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
	return filter.test(email);
}

function trimStr(str){
	return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
}

function gotoPageMyWork(){
	$("#followerWork").hide();
	var myWorkDiv	=	$('#mywork');
	var offset = $('#mywork').offset();
	var scrollToPx	=	offset.top;
	$('html, body').animate({scrollTop:scrollToPx}, 'medium');
}

function gotoPageHome(){
	
	var myWorkDiv	=	$('#home');
	var offset = myWorkDiv.offset();
	var scrollToPx	=	offset.top;
	$('html, body').animate({scrollTop:scrollToPx}, 'medium');
}

function gotoPageAboutMe(){
	var myWorkDiv	=	$('#aboutme');
	var offset = myWorkDiv.offset();
	var scrollToPx	=	offset.top;
	$('html, body').animate({scrollTop:scrollToPx}, 'medium');
}

function gotoPageContact(){
	var myWorkDiv	=	$('#contact');
	var offset = myWorkDiv.offset();
	var scrollToPx	=	offset.top;
	$('html, body').animate({scrollTop:scrollToPx}, 'medium');
}

var openProject = function() {
	$('.project').unbind('click');
	
	var projectTitle	=	$(this).attr('title');
	var rightVar	=	$('#portfolioBox').css('right');

	$('.project').fadeTo('fast',0.33);
	
	if(rightVar=='0px'){
		
		$('#portfolioBox').animate({
			right: '-=375px'
		}, 150, function() {
			$('.project').bind('click', openProject);
			$('#pTitel').html(projectTitle);
			$('#portfolioBox').animate({
				right: '+=375px'
			});
			
		});
	}
	
	if(rightVar	==	'-375px'){
		$('#pTitel').html(projectTitle);
		
		$('#portfolioBox').css('right','-375px');
		$('#portfolioBox').animate({
			right: '+=375px'
		}, 150, function() {
			$('.project').bind('click', openProject);
		});
	}
};

var closeProject = function() {
	$('#portfolioBox').animate({
		right: '-=375px'
	}, 150);
	$('.project').unbind('click', openProject);
	$('.project').bind('click', openProject);
}