$(window).bind('load', function() {
if (($.browser.msie) || ($.browser.msie && navigator.userAgent.indexOf('Trident')!==-1)){
		$('#floats li').animate({opacity:"0.5"});
		$('#side li').animate({opacity:"0.5"});
	}	
});

$(function (){ 

	// Footer //

  	 $('#footer-button').toggle(function() {
			$('#bottom, #footer-left, #footer-side, #footer, #footer-right').animate({height: "175px"}, 350, 'easeOutBack' );
			$('#footer-button').css({'background-position' : '0 -32px'});
	},
		function() {
			$('#bottom').animate({height: "60px"}, 500, 'easeOutBack' );
			$('#footer-button').css({'background-position' : '0 0'});
			
	});

	// Side //
	
	$(".arrow").css({"display":"block"});
	var position = $("#side").css("background-position");
	
	function fadeback(e) {
			$(e).parent().find("a").stop().fadeTo(250, 0.5);
			if( $('#webdesign-tab').is(':not(:hidden)') ) {
				$('#side').stop(true, false).animate({backgroundPosition: "71px 9px"}, 500, 'easeOutBack');
			} else if( $('#seo-tab').is(':not(:hidden)') ) {
				$('#side').stop(true, false).animate({backgroundPosition: "71px 53px"}, 500, 'easeOutBack');
			} else if( $('#blog-tab').is(':not(:hidden)') ) {
				$('#side').stop(true, false).animate({backgroundPosition: "71px 100px"}, 500, 'easeOutBack');
			} else if( $('#contact').is(':not(:hidden)') ) {
				$('#side').stop(true, false).animate({backgroundPosition: "71px 149px"}, 500, 'easeOutBack');
			} else {
				$('#side').animate({backgroundPosition: position}, 500, 'easeOutBack');
			}
	}
	function sideclose() {
		$(".arrow").removeClass("selected");
		$("#side a").removeClass("selected");
		$("#webdesign-tab, #seo-tab, #blog-tab, #contact").stop(true, false).animate({opacity:"0", width:"0px"}, 100).fadeOut(); return false; 
	}
	function fadetoone(e) {
	    $(e).parent().find("a").stop().fadeTo(350, 1);
	}
	
	$(".arrow:eq(0)").click(function () {
		if( $('#webdesign-tab').is(':hidden') ) { sideclose();
		//
		  $("#side a.seo").stop().css({'background-position': "0 -40px"}, 400).fadeTo(250, 0.5);
		  $("#side a.blog").stop().css({'background-position': "0 -80px"}, 400).fadeTo(250, 0.5);
		  $("#side a.contact").stop().css({'background-position': "0 -120px"}, 400).fadeTo(250, 0.5);
		//
			$('#side a.webdesign').stop().css({'background-position': "-172px 0"}).fadeTo(250, 1);
			$(this).addClass("selected");
			$(this).parent().find("a").addClass("selected");
			$('#webdesign-tab').stop(true, false).animate({'width' : '0'}).animate({opacity:"0.95", width:"190px"}, 200, 'easeOutBack');	return false;
		} else if( $('#webdesign-tab').is(':not(:hidden)') ) { sideclose(); $(this).removeClass("selected");
				$(this).parent().find("a").removeClass("selected");
				$("#side a.webdesign").stop().css({'background-position': "0 0"}, 400).fadeTo(250, 0.5); }
	});
	$(".arrow:eq(1)").click(function () {
		if( $('#seo-tab').is(':hidden') ) {	sideclose();
		//
		  $("#side a.webdesign").stop().css({'background-position': "0 0"}, 400).fadeTo(250, 0.5);
		  $("#side a.blog").stop().css({'background-position': "0 -80px"}, 400).fadeTo(250, 0.5);
		  $("#side a.contact").stop().css({'background-position': "0 -120px"}, 400).fadeTo(250, 0.5);
		//
			$('#side a.seo').stop().css({'background-position': "-172px -40px"}).fadeTo(250, 1);
			$(this).addClass("selected");
			$(this).parent().find("a").addClass("selected");
			$('#seo-tab').stop(true, false).animate({'width' : '0'}).animate({opacity:"0.95", width:"190px"}, 200, 'easeOutBack'); return false; 
		} else if( $('#seo-tab').is(':not(:hidden)') ) { sideclose(); $(this).removeClass("selected");
				$(this).parent().find("a").removeClass("selected");
				$("#side a.seo").stop().css({'background-position': "0 -40px"}, 400).fadeTo(250, 0.5); }
	});
	$(".arrow:eq(2)").click(function () {
		//
		  $("#side a.webdesign").stop().css({'background-position': "0 0"}, 400).fadeTo(250, 0.5);
		  $("#side a.seo").stop().css({'background-position': "0 -40px"}, 400).fadeTo(250, 0.5);
		  $("#side a.contact").stop().css({'background-position': "0 -120px"}, 400).fadeTo(250, 0.5);
		//
		if( $('#blog-tab').is(':hidden') ) { sideclose();
			$('#side a.blog').stop().css({'background-position': "-172px -80px"}).fadeTo(250, 1);
			$(this).addClass("selected");
			$(this).parent().find("a").addClass("selected");
			$('#blog-tab').stop(true, false).animate({'width' : '0'}).animate({opacity:"0.95", width:"190px"}, 200, 'easeOutBack');	return false;
		} else if( $('#blog-tab').is(':not(:hidden)') ) { sideclose(); $(this).removeClass("selected");
				$(this).parent().find("a").removeClass("selected");
				$("#side a.blog").stop().css({'background-position': "0 -80px"}, 400).fadeTo(250, 0.5); }
	});
	
	$(".arrow:eq(3)").click(function () {
		var thisarrow = $(this);
		if( $('#contact').is(':hidden') ) {
		  $("#side a.webdesign").stop().css({'background-position': "0 0"}, 400).fadeTo(250, 0.5);
		  $("#side a.seo").stop().css({'background-position': "0 -40px"}, 400).fadeTo(250, 0.5);
		  $("#side a.blog").stop().css({'background-position': "0 -80px"}, 400).fadeTo(250, 0.5);
			sideclose();
			$(thisarrow).addClass("selected");
			$(this).parent().find("a").addClass("selected");
			$.scrollTo('#side .blog', 500);
			$('#side').animate({backgroundPosition: "71px 149px"}, 400, 'easeOutBack');
			$('#side a.contact').stop().css({'background-position': "-172px -120px"}).fadeTo(250, 1);
			$('#contact').stop(true, false)
			.animate({'width' : '0'})
			.animate({opacity:"0.95", width:"510px", height:"280px"}, 550, 'easeOutBack');
			return false; 
		} else if( $('#contact').is(':not(:hidden)') ) {
				sideclose();
				$(thisarrow).removeClass("selected");
				$(this).parent().find("a").removeClass("selected");
				$("#side a.contact").stop().css({'background-position': "0 -120px"}, 400).fadeTo(250, 0.5);
				$('#side').animate({backgroundPosition: position}, 400, 'easeOutBack');
				$('#contact').stop(true, false)
				.animate({opacity:"0", width:"0px"}, 350)
				.fadeOut();
				return false; 
			}
	});
	
	$("#side a.webdesign,.arrow:eq(0)").hover(function () {
		fadetoone(this);
		$('#side').stop(true, false).animate({backgroundPosition: "71px 9px"}, 500, 'easeOutBack');
	},function() {
		if(!$(this).hasClass("selected")) {
			fadeback(this);
		}
	});
	
	$("#side a.seo,.arrow:eq(1)").hover(function () {
		fadetoone(this);
		$('#side').stop(true, false).animate({backgroundPosition: "71px 53px"}, 500, 'easeOutBack');
	},function() {
		if(!$(this).hasClass("selected")) {
			fadeback(this);
		}
	});
	
	$("#side a.blog,.arrow:eq(2)").hover(function () {
		fadetoone(this);
		$('#side').stop(true, false).animate({backgroundPosition: "71px 100px"}, 500, 'easeOutBack');
	},function() {
		if(!$(this).hasClass("selected")) {
			fadeback(this);
		}
	});
	
	$("#side a.contact,.arrow:eq(3)").hover(function () {
		fadetoone(this);
		$('#side').stop(true, false).animate({backgroundPosition: "71px 149px"}, 500, 'easeOutBack');
	},function() {
		if(!$(this).hasClass("selected")) {
			fadeback(this);
		}
	});
	
	// Contact Form Mechanics //
	
	$("#contactname").change(function() { 
			var namevalue = $("#contactname").val();
			if(namevalue == '') {
				$(".nameerror").hide();
				$("#contactname").css({'background-position': '0 -60px'});
				$("#contactname").after('<div class="nameerror">Please enter your name</div>');
			} else {
				$("#contactname").css({'background-position': '0 0'});
				$(".nameerror").hide();
			}
			return false;
		});
		
		$("#email").change(function() {
			var emailvalue = $("#email").val();
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
			
			if(emailvalue == '') {
				$(".emailerror").hide();
				$("#email").css({'background-position': '0 -60px'});
				$("#email").after('<div class="emailerror">Please enter a valid email address</div>');
			} else if(!emailReg.test(emailvalue)) {
				$(".emailerror").hide();
				$("#email").css({'background-position': '0 -60px'});
				$("#email").after('<div class="emailerror">This email address is not valid</div>');
			} else {
				$("#email").css({'background-position': '0 0'});
				$(".emailerror").hide();
			}
			return false;
		});
		
		$("#subject").change(function() { 
			var subjectvalue = $("#subject").val();
			if(subjectvalue == '') {
				$(".subjecterror").hide();
				$("#subject").css({'background-position': '0 -60px'});
				$("#subject").after('<div class="subjecterror">Please enter a subject</div>');
			} else {
				$("#subject").css({'background-position': '0 0'});
				$(".subjecterror").hide();
			}
			return false;
		});
		
		$("#message").change(function() { 
			var messagevalue = $("#message").val();
			if(messagevalue == '') {
				$(".messageerror").hide();
				$("#message").css({'background-position': '0 -220px'});
				$("#message").after('<div class="messageerror">Please enter a message.</div>');
			} else {
				$("#message").css({'background-position': '0 0'});
				$(".messageerror").hide();
			}
			return false;
		});

		$("#submit").click(function() { 

			var contactname = $("#contactname").val();
			var email = $("#email").val();
			var subject = $("#subject").val();
			var message = $("#message").val();
				
			if(contactname == '') {
					$(".nameerror").hide();
					$("#contactname").css({'background-position': '0 -60px'});
					$("#contactname").after('<div class="nameerror">Please enter your name.</div>');
			} if(email == '') {
					$(".emailerror").hide();
					$("#email").css({'background-position': '0 -60px'});
					$("#email").after('<div class="emailerror">Please enter a valid email address.</div>');
			} if(subject == '') {
					$(".subjecterror").hide();
					$("#subject").css({'background-position': '0 -60px'});
					$("#subject").after('<div class="subjecterror">Please enter a subject.</div>');
			} if(message == '') {
					$(".messageerror").hide();
					$("#message").css({'background-position': '0 -220px'});
					$("#message").after('<div class="messageerror">Please enter a message.</div>');
			} 
				
				if((contactname!= '')&&(email!= '')&&(subject!= '')&&(message!= '')) {
					
						var datastr ='contactname=' + contactname + '&email=' + email + '&subject=' + subject + '&message=' + message;
						
	
						$.ajax({
							type: "POST",
							url: "../emailing.php",
							data: datastr,
							cache: false,
							success: function(html){
								$("#form").animate({opacity: 0}, 650);
								$("#contactleft, #contactright").animate({opacity: 0}, 650);
								
								$("#form").animate({opacity:'0'}, 500);
								$("#form").animate({opacity:'0'}, 500);
								$("#success").html("<p style='text-shadow:none;'>Thank you for contacting us, we will get back to you shortly.</p>");
							}
						});
						
						$('#contact').stop(true, false)
						.animate({opacity: 0.9}, 2500)
						.animate({opacity:"0", height:"28px"}, 800)
						.fadeOut();
						$("#side a.contact").stop().css({'background-position': "0 -120px"}, 400).fadeTo(250, 0.5);
				}
		});


});