// JavaScript Document

$(document).ready(function(){
						   
	$("ul.thumb a").click(function() {
	
		var mainText = $(this).attr("name"); //Find Block Name
				
		if (mainText == "box1") {
		$("ul.thumb").css({"display" : "block"});
		$("li#1").css({"background-color" : "#c85a4f"});
		$("li#1 a").css({"color" : "#FFFFFF"});
		$("li#2, li#3, li#4, li#5, li#6").css({"background-color" : "#c9857e"});
		$("li#2 a, li#3 a, li#4 a, li#5 a, li#6 a").css({"color" : "#e0aba6" });
		$("#main_view").css({"display" : "none"});
		$("#main_view_container").css({"height" : "630px"});
		$("#box2,#box3,#box4,#box5,#box6").css({"display" : "none"});
		$("#box1").css({"display" : "block"});
		$("#main_view").fadeIn();

		};
		
		if (mainText == "box2") {
		$("ul.thumb").css({"display" : "block"});
		$("li#2").css({"background-color" : "#c85a4f"});
		$("li#2 a").css({"color" : "#FFFFFF"});
		$("li#1, li#3, li#4, li#5, li#6").css({"background-color" : "#c9857e"});
		$("li#1 a, li#3 a, li#4 a, li#5 a, li#6 a").css({"color" : "#e0aba6" });
		$("#main_view").css({"display" : "none"});
		$("#main_view_container").css({"height" : "600px"});
		$("#box1,#box3,#box4,#box5,#box6").css({"display" : "none"});
		$("#box2").css({"display" : "block"});
		$("#main_view").fadeIn();
		};
		
		if (mainText == "box3") {
		$("ul.thumb").css({"display" : "block"});
		$("li#3").css({"background-color" : "#c85a4f"});
		$("li#3 a").css({"color" : "#FFFFFF"});
		$("li#1, li#2, li#4, li#5, li#6").css({"background-color" : "#c9857e"});
		$("li#1 a, li#2 a, li#4 a, li#5 a, li#6 a").css({"color" : "#e0aba6" });
		$("#main_view").css({"display" : "none"});
		$("#main_view_container").css({"height" : "960px"});
		$("#box1,#box2,#box4,#box5,#box6").css({"display" : "none"});
		$("#box3").css({"display" : "block"});
		$("#main_view").fadeIn();
		};
		
		if (mainText == "box4") {
		$("#main_view").css({"display" : "none"});
		$("li#4").css({"background-color" : "#c85a4f"});
		$("li#4 a").css({"color" : "#FFFFFF"});
		$("li#1, li#2, li#3, li#5, li#6").css({"background-color" : "#c9857e"});
		$("li#1 a, li#2 a, li#3 a, li#5 a, li#6 a").css({"color" : "#e0aba6" });
		$("#main_view_container").css({"height" : "630px"});
		$("#box1,#box2,#box3,#box5,#box6").css({"display" : "none"});
		$("#box4").css({"display" : "block"});
		$("#main_view").fadeIn();
		};
		
		if (mainText == "box5") {
		$("#main_view").css({"display" : "none"});
		$("li#5").css({"background-color" : "#c85a4f"});
		$("li#5 a").css({"color" : "#FFFFFF"});
		$("li#1, li#2, li#3, li#4, li#6").css({"background-color" : "#c9857e"});
		$("li#1 a, li#2 a, li#3 a, li#4 a, li#6 a").css({"color" : "#e0aba6" });
		$("#main_view_container").css({"height" : "600px"});
		$("#box1,#box2,#box3,#box4,#box6").css({"display" : "none"});
		$("#box5").css({"display" : "block"});
		$("#main_view").fadeIn();
		}
		
		if (mainText == "box6") {
		$("#main_view").css({"display" : "none"});
		$("li#6").css({"background-color" : "#c85a4f"});
		$("li#6 a").css({"color" : "#FFFFFF"});
		$("li#1, li#2, li#3, li#4, li#5").css({"background-color" : "#c9857e"});
		$("li#1 a, li#2 a, li#3 a, li#4 a, li#5 a").css({"color" : "#e0aba6" });
		$("#main_view_container").css({"height" : "450px"});
		$("#box1,#box2,#box3,#box4,#box5").css({"display" : "none"});
		$("#box6").css({"display" : "block"});
		$("#main_view").fadeIn();
		}
		
		return false;		
	});
	
	function fadeOut(){
		$("#main_view").fadeOut();
	}

 
});