$(document).ready(function(){
	$isIE6 = false;
	if ($.browser.msie && $.browser.version.substr(0,1)<7) {
		$isIE6 = true;
	}
	
	$('body').removeClass('noJS');
	
	var $scrollerWindow = $('#content');
	var $speed = 1500;
	
	$('#nav li a').hover(function()
	{
		$(this).fadeTo('fast',0.5);
	},
	function()
	{
		$(this).fadeTo('fast',1);
	});
	
	$('#logo').hover(function()
	{
		$(this).fadeTo('fast',0.7);
	},
	function()
	{
		$(this).fadeTo('fast',1);
	});
	
	function gotoHome()
	{
		$scrollerWindow.stop().scrollTo( $('#home'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(0px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(20px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(20px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#nextControl').addClass("goto_web");
		$('#prevControl').addClass("noScroll");
		$('h1').text('Digital Portfolio');
		return false;
	}
	
	function gotoWeb()
	{
		$scrollerWindow.stop().scrollTo( $('#web'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-980px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-1160px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-1360px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#nextControl').addClass("goto_projects");
		$('#prevControl').addClass("goto_home");
		$('h1').text('Gallery');
		$('.webDetail:visible').fadeOut('normal',function()
		{
			$('#webMain').fadeIn();
		});
		return false;
	}
	
	function gotoProjects()
	{
		$scrollerWindow.stop().scrollTo( $('#projects'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-1960px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-2340px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-2740px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#nextControl').addClass("goto_about");
		$('#prevControl').addClass("goto_web");
		$('h1').text('Projects');
		$('.webDetail:visible').fadeOut('normal',function()
		{
			$('#webMain').fadeIn();
		});
		return false;
	}
	
	function gotoAbout()
	{
		$scrollerWindow.stop().scrollTo( $('#about'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-2940px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-3520px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-4120px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#nextControl').addClass("goto_contact");
		$('#prevControl').addClass("goto_projects");
		$('h1').text('About Me');
		return false;
	}
	
	function gotoContact()
	{
		$scrollerWindow.stop().scrollTo( $('#contact'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-3920px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-4700px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-5600px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_projects goto_about goto_contact");
		$('#nextControl').addClass("noScroll");
		$('#prevControl').addClass("goto_about");
		$('h1').text('Contact');
		return false;
	}
	
	function noScroll()
	{
		return false;
	}
	
	$('.goto_home').live("click", gotoHome);
	$('.goto_about').live("click", gotoAbout);
	$('.goto_web').live("click", gotoWeb);
	$('.goto_projects').live("click", gotoProjects);
	$('.goto_contact').live("click", gotoContact);
	$('.noScroll').live("click", noScroll);
	
	$('#gallery1Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery1').fadeIn();
		});		
		return false;
	}
	);
	
	$('#gallery12Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery1').fadeIn();
		});		
		return false;
	}
	);
	
	$('#gallery2Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery2').fadeIn();
		});		
		return false;
	}
	);
	
	$('#gallery22Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery2').fadeIn();
		});		
		return false;
	}
	);
	
	$('#gallery3Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery3').fadeIn();
		});		
		return false;
	}
	);
	
	$('#gallery32Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery3').fadeIn();
		});		
		return false;
	}
	);
	
	$('#gallery4Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery4').fadeIn();
		});		
		return false;
	}
	);
	
	$('#gallery42Link').click(function()
	{
		$('#webMain').fadeOut('normal',function()
		{
			$('#gallery4').fadeIn();
		});		
		return false;
	}
	);
	
	$('.back').click(function()
	{
		$('.webDetail:visible').fadeOut('normal',function()
		{
			$('#webMain').fadeIn();
		});	
		return false;
	}
	);
	
		
	$("#submit").click(function(){					   				   
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var emailFromVal = $("#emailFrom").val();
		if(emailFromVal == '') {
			$("#emailFrom").addClass("error");
			hasError = true;
		} else if(!emailReg.test(emailFromVal)) {	
			$("#emailFrom").addClass("error");
			hasError = true;
		}
		else
		{
			$("#emailFrom").removeClass("error");
		}

		var nameVal = $("#emailName").val();
		if(nameVal == '') {
			$("#emailName").addClass("error");
			hasError = true;
		}
		else
		{
			$("#emailName").removeClass("error");
		}

		var messageVal = $("#emailMessage").val();
		if(messageVal == '') {
			$("#emailMessage").addClass("error");
			hasError = true;
		}
		else
		{
			$("#emailMessage").removeClass("error");
		}


		if(hasError == false) {
			$(this).hide();
			$("#myForm").fadeOut("fast", function(){
				$("#myForm").before('<img src="images/leer.gif" alt="Loading" id="loadingImage" />');
			});
			
			$.post("sendmail.php",
				{ emailFrom: emailFromVal, emailName: nameVal, emailMessage: messageVal },
					function(data){
						$("#loadingImage").fadeOut("fast", function() {				   
							$("#loadingImage").before('<p>Ihre Nachricht wurde &uuml;bermittelt - ich melde mich in K&uuml;rze!</p>');											
						});
					}
				 );
		}

		return false;
	});
	
});