$(document).ready(function() {
	
	// Contact form validation and AJAX post
	
	$(".entry_form form input[type='submit']").click(function() {
	
		var form = $(this).parent().parent();
	  	
	  	//Hide any visible error messages and classes of inputs
	    $("label span.error").hide();
	    form.find("input").removeClass("error");
		
		//Validate form values
		var name = form.find("input[name='form_name']").val();		
		if (name == "") {
			form.find("input[name='form_name']")
				.addClass("error").focus()
				.prev().find(".error").show();
	    	return false;
	    }
	    
	    var email = form.find("input[name='form_email']").val();		
		if (email == "") {
			form.find("input[name='form_email']")
				.addClass("error").focus()
				.prev().find(".error").show();
	    	return false;
	    }
	    
	    var domain = form.find("input[name='form_domain']").val();
	    
	    var message = form.find("textarea[name='form_message']").val();		
		if (message == "") {
			form.find("textarea[name='form_message']")
				.addClass("error").focus()
				.prev().find(".error").show();
	    	return false;
	    }
	    
	    //Attach loading graphic to button
	    $(this).parent().prepend("<img class='loading' src='http://www.netweaver.co.uk/css/img/icons/loader.gif' alt='Sending' width='16' height='16' />").end()
	    	.css("padding-left","40px")
	    	.val("Sending");
	    
	    //Fade out form elements	
	    form.find("input.field, label, textarea").animate( { opacity: 0.5 }, 400 );	    
	    
		var dataString = 'form_name=' + name + '&form_email=' + email + '&form_domain=' + domain + '&form_message=' + message;
		//alert (dataString);
			
		$.ajax({
		    type: "POST",
		    url: "http://www.netweaver.co.uk/process.php",
		    data: dataString,
		    success: function() {
		    	form.find(".action_btn").fadeOut("slow", function() {
		        	form.append("<div class='message_sent'><h5>Message Sent.</h5><p>Thank you for your enquiry, we will shortly be in touch</p></div>")
		        		.find(".message_sent").hide().fadeIn();
		        });
		    }
		});
	    return false;
    
	});
	
	/* -- jQuery tabs on hosting page -- */
	$("ul#package_tabs #tab_1 a").addClass("on");
	
	$("#package_2").hide();
	
	$("ul#package_tabs li a").click(function() {
		$(".package").toggle();
		$("ul#package_tabs li a").toggleClass("on");
		return false;
	});
	
		$('.info_link').click(function(){
		return false;
	});
	
	/* -- Support Request Form -- */
	$("#support_request").show();
	
	$("#support_request a").click(function() {
		$('#support_request_form').animate({
		    top: ['+=550', 'swing']
		}, 400, function() {
			$("#support_request_form input#form_name").focus();
		});
		return false;
	});
	
	$("#support_request_form a#close_form").click(function() {
		$('#support_request_form').animate({
		    top: '-=550'
		}, 400);
		return false;
	});
	
	/* -- Lightbox using fancybox -- */
	$("#footer_links li a, .lightbox").fancybox({
		'width'	:	480,
		'padding' : 20,
		'autoDimensions' : false
	});
	
	/* -- Hover tips -- */
	$('.info_link').bt({
		ajaxPath: ["$(this).attr('href')"],
		fill: 'rgba(250,245,235,0.9)',
		strokeStyle: '#52372B', 
		spikeLength: 14, 
		spikeGirth: 14, 
		cornerRadius: 6, 
		cssStyles: { 
			fontSize: '13px',
			padding: '20px 20px 0 20px'
		},
		shadow: true,
		shadowColor: 'rgba(82,55,43,.6)',
		shadowBlur: 8,
		shadowOffsetX: 0,
		shadowOffsetY: 0,
		trigger: 'click',
		closeWhenOthersOpen: true,
		positions: ['bottom'],
		showTip: function(box){
			$(box).fadeIn(500)
		}
	});

});

