$(document).ready(function() {

	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block").animate({ opacity: 0.75 }, 1 ); //Set Opacity
	$("a.collapse").animate({ opacity: 0.75 }, 1 );

	$("ul.image_thumb li:first").addClass('active'); //Add the active class (highlights the very first list item by default)
	$("ul.image_thumb li").hover(function(){
		//Set Variables
		var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
		var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
		var imgDesc = $(this).find('.block').html();  //Get HTML of the "block" container
		var imgDescHeight = $(".main_image").find('.block').height(); //Find the height of the "block"

		if ($(this).is(".active")) {  //If the list item is active/selected, then...
			return false; // Don't click through - Prevents repetitive animations on active/selected list-item
		} else { //If not active then...
			//Animate the Description
			$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() { //Pull the block down (negative bottom margin of its own height)
				$(".main_image .block").html(imgDesc).animate({ opacity: 0.75,	marginBottom: "0" }, 250 ); //swap the html of the block, then pull the block container back up and set opacity
				$(".main_image img").attr({ src: imgTitle , alt: imgAlt}); //Switch the main image (URL + alt tag)
			});
		}
		//Show active list-item
		$("ul.image_thumb li").removeClass('active'); //Remove class of 'active' on all list-items
		$(this).addClass('active');  //Add class of 'active' on the selected list
		return false; 

	}) .hover(function(){ //Hover effects on list-item 
		$(this).addClass('hover'); //Add class "hover" on hover 
		}, function() {
		$(this).removeClass('hover'); //Remove class "hover" on hover out
	});

	var isClicked = false;

	$("a.collapse").click(function(){
		$(".main_image .block").slideToggle();
	
	    if (isClicked == false) {
	        $(this).html('SHOW');
	        $('#box').slideUp();
	        isClicked = true;
	    }
	    else {
	        $(this).html('HIDE');
	        $('#box').slideDown();
	        isClicked = false;
	    };
	});

	$("#frmProductFinderB select").live( "change", function(){
		$("#frmProductFinderB").submit();
	});

});