$('head').append('<style type="text/css">#mainimage{ visibility:hidden }</style>'); 

$(document).ready(function(){


	 $(document).pngFix(); 
	
	
	$(".arrow").fadeTo("slow", 0); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	
	$(".arrow").hover(function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
	},function(){
		$(this).fadeTo("slow", 0); // This should set the opacity back to 60% on mouseout
	});
	
	$.fn.pause = function(duration) {
    $(this).animate({ dummy: 1 }, duration);
    return this;
};


	
   	$('#myForm').ajaxForm(function(formData) {

			String.prototype.trim = function() {
				return this.replace(/^\s+|\s+$/g,"");
			}

			var emailFail = "Please enter a valid email address.";
			var nameFail = "Please enter your name.";
			var messageFail = "Please enter a message to send.";
			var mailSuccess = "Your email is sent! Thanks!";
			var epicFail = "Your email failed. Try again later.";
		
				if (formData.trim()==mailSuccess){
					$('#success').fadeIn("slow");
					$('#commentinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#emailinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#nameinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#myForm').resetForm();
 					$('#bademail').fadeOut("slow");
					$('#badname').fadeOut("slow");
					$('#badmessage').fadeOut("slow");
					$('#badserver').fadeOut("slow");
				}
				else if (formData.trim()==nameFail){
					$('#nameinput').focus();
					$('#nameinput').css({'border-color' : '#333'});
					$('#commentinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#emailinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#success').fadeOut("slow");
					$('#badname').fadeIn("slow");
					$('#success').fadeOut("slow");
					$('#bademail').fadeOut("slow");
					$('#badmessage').fadeOut("slow");
					$('#badserver').fadeOut("slow");
				}
				

				else if (formData.trim()==emailFail){
					$('#emailinput').focus();
					$('#emailinput').css({'border-color' : '#333'});
					$('#commentinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#nameinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#success').fadeOut("slow");
					$('#bademail').fadeIn("slow");
					$('#badname').fadeOut("slow");
					$('#badmessage').fadeOut("slow");
					$('#badserver').fadeOut("slow");
				}
		
				else if (formData.trim()==messageFail){
					$('#commentinput').focus();
					$('#commentinput').css({'border-color' : '#333'}); 
					$('#emailinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#nameinput').css({'border-top-color' : '#0b0b0b' , 'border-right-color' : '#0b0b0b' , 'border-left-color' : '#171717' , 'border-bottom-color' : '#171717'});
					$('#success').fadeOut("slow");
					$('#badmessage').fadeIn("slow");
					$('#success').fadeOut("slow");
					$('#bademail').fadeOut("slow");
					$('#badname').fadeOut("slow");
					$('#badserver').fadeOut("slow");
					
				}
		
				else if (formData.trim()==epicFail){
					$('#badserver').fadeIn("slow");
					$('#success').fadeOut("slow");
					$('#badmessage').fadeOut("slow");
					$('#success').fadeOut("slow");
					$('#bademail').fadeOut("slow");
					$('#badname').fadeOut("slow");
			
				}


			});

});


$(window).load(function() {
    //when everything is finally loaded, fade image in

$('#mainimage').css({'visibility' : 'visible' , 'opacity' : '0'});
//$('#mainimage').fadeOut('slow');
//$('#mainimage').fadeTo('slow',1);
$('#mainimage').pause(750).fadeTo('slow',1);
//$('#mainimage').fadeIn('slow');
	

});