// JavaScript Document

$(document).ready(function(){

$("#main_view").css({"background" : "url(/zdrop/images/box1over.gif) top left no-repeat"});

	$("ul.thumb a").hover(function() {
	
		var mainText = $(this).attr("name"); //Find Block Name
				
		if (mainText == "box1") {
		$("#main_view").css({"display" : "none"});
		$("#main_view").css({"background" : "url(/zdrop/images/box1over.gif) top left no-repeat"});
		$("#box2,#box3,#box4,#box5").css({"display" : "none"});
		$("#box1").css({"display" : "block"});
		$("#main_view").fadeIn();

		};
		
		if (mainText == "box2") {
		$("#main_view").css({"display" : "none"});
		$("#main_view").css({"background" : "url(/zdrop/images/box2over.gif) top left no-repeat"});
		$("#box1,#box3,#box4,#box5").css({"display" : "none"});
		$("#box2").css({"display" : "block"});
		$("#main_view").fadeIn();
		};
		
		if (mainText == "box3") {
		$("#main_view").css({"display" : "none"});
		$("#main_view").css({"background" : "url(/zdrop/images/box3over.gif) top left no-repeat"});
		$("#box1,#box2,#box4,#box5").css({"display" : "none"});
		$("#box3").css({"display" : "block"});
		$("#main_view").fadeIn();
		};
		
		if (mainText == "box4") {
		$("#main_view").css({"display" : "none"});
		$("#main_view").css({"background" : "url(/zdrop/images/box4over.gif) top left no-repeat"});
		$("#box1,#box2,#box3,#box5").css({"display" : "none"});
		$("#box4").css({"display" : "block"});
		$("#main_view").fadeIn();
		};
		
		if (mainText == "box5") {
		$("#main_view").css({"display" : "none"});
		$("#main_view").css({"background" : "url(/zdrop/images/box5over.gif) top left no-repeat"});
		$("#box1,#box2,#box3,#box4").css({"display" : "none"});
		$("#box5").css({"display" : "block"});
		$("#main_view").fadeIn();
		
		}
		
		return false;		
	});
	
	function fadeOut(){
		$("#main_view").fadeOut();
	}

 
});