/* ******************************************************
	Accessible tabs navigation
	If JS is activated it loads the layer in ajax otherwise it shows all the layers.
	It shows and hides the css styles in case js is activated
	In requires jquery to work
	http://ww.sentinia.com
****************************************************** */

$(document).ready(function(){
	$("#h_desc_l").css("display","none");
	$("#h_feat_l").css("display","none");
	$("#h_spec_l").css("display","none");
	$("#feat_layer").css("display","none");
	$("#spec_layer").css("display","none");
	$("#productNav").css("display","block");
	$("#costCentreForm").css("display","none");
	$("#costCentreNav").css("display","block");
	$("#addrForm").css("display","none");
	$("#addrNav").css("display","block");	
	
	$("#a_desc").click(function () {
		$("#desc_layer").css("display","block");
    	$("#feat_layer").slideUp("slow");
		$("#spec_layer").slideUp("slow");
		$(this).addClass("active");
		$("#a_feat").removeClass("active");
		$("#a_spec").removeClass("active");
		return false;
    });
	
	$("#a_feat").click(function () {
		$("#desc_layer").slideUp("slow"); 
    	$("#feat_layer").css("display","block");
		$("#spec_layer").slideUp("slow");
		$(this).addClass("active");
		$("#a_desc").removeClass("active");
		$("#a_spec").removeClass("active");
		return false;
    });

	$("#a_spec").click(function () {
		$("#desc_layer").slideUp("slow"); 
    	$("#feat_layer").slideUp("slow");
		$("#spec_layer").css("display","block");
		$(this).addClass("active");
		$("#a_desc").removeClass("active");
		$("#a_feat").removeClass("active");
		return false;
    });

	$("#a_costOpen").click(function () {
		$("#costCentreForm").css("display","block");
		$("#costCentreForm").slideDown("slow");		
		$(this).addClass("active");
		$("#a_costClose").removeClass("active");
		return false;
    });

	$("#a_costClose").click(function () {
		$("#costCentreForm").css("display","block");
		$("#costCentreForm").slideUp("slow");		
		$(this).addClass("active");
		$("#a_costOpen").removeClass("active");
		return false;
    });

	$("#a_addrOpen").click(function () {
		$("#addrForm").css("display","block");
		$("#addrForm").slideDown("slow");		
		$(this).addClass("active");
		$("#a_addrClose").removeClass("active");
		return false;
    });

	$("#a_addrClose").click(function () {
		$("#addrForm").css("display","block");
		$("#addrForm").slideUp("slow");		
		$(this).addClass("active");
		$("#a_addrOpen").removeClass("active");
		return false;
    });
	
});