/*
Weave Digital - Mansefield Hotel jQuery
*/

$(function() {
	
	$('#buttonshow').toggle(function() {
  		$('#content').animate({left:'-=330px'}, 'slow');	
  		$('#buttonshow').animate({left:'-=330px'}, 'slow');	
		}, function() {
 			$('#content').animate({left:'+=330px'}, 'slow');	
 			$('#buttonshow').animate({left:'+=330px'}, 'slow');	
		});

		
		
		$('.sub1').css("color", "#ffffff");
		
		$('.sub1').click(function() {
			$('.sub1,.sub2,.sub3,.sub4').css("color", "#a28d82");
			$(this).css("color", "#ffffff");
			$(".data1").fadeIn(500);
			$(".data2").css("display", "none");	
			$(".data3").css("display", "none");
			$(".data4").css("display", "none");
			return false;
		});
		
		$('.sub2').click(function() {
			$('.sub1,.sub2,.sub3,.sub4').css("color", "#a28d82");
			$(this).css("color", "#ffffff");
			$(".data1").css("display", "none");
			$(".data2").fadeIn(500);	
			$(".data3").css("display", "none");
			$(".data4").css("display", "none");
			return false;
		});	
		
		$('.sub3').click(function() {
			$('.sub1,.sub2,.sub3,.sub4').css("color", "#a28d82");
			$(this).css("color", "#ffffff");			
			$(".data1").css("display", "none");
			$(".data2").css("display", "none");	
			$(".data3").fadeIn(500);
			$(".data4").css("display", "none");
			return false;
		});
		
		$('.sub4').click(function() {
			$('.sub1,.sub2,.sub3,.sub4').css("color", "#a28d82");
			$(this).css("color", "#ffffff");
			$(".data1").css("display", "none");
			$(".data2").css("display", "none");	
			$(".data3").css("display", "none");
			$(".data4").fadeIn(500);
			return false;
		});	
		
		
		
		
				
});