// JavaScript Document

$(document).ready(function() { 
 //Show Banner
 if ($("#gallery1").length > 0) {
 $(".main_image img").first().css("display", "none");
 $(".main_image .block").css("display", "none");
 $(".main_image a.collapse").css("display", "none");
 }
 $(".main_image .desc").show(); //Show Banner
 $(".main_image .block").animate({ opacity: 0.95 }, 1 ); //Set Opacity
 //Click and Hover events for thumbnail list
 $(".image_thumb ul li:first").addClass('active'); 
 $(".image_thumb ul li").click(function(){ 
 $("#gallery1").fadeOut(1000).delay(1500).remove();
 $("script").remove();
 //$(".main_image img").first().css("display", "block");
 $(".main_image img").first().fadeIn(1000);
 if ($(".main_image a").attr("title") == "") {
 	$(".main_image a.collapse").fadeIn(1000);
	$(".main_image .block").show();
 }
 
     //Set Variables
  var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
  var imgTitle = $(this).find('a.mainImg').attr("href"); //Get Main Image URL
  var imgDesc = $(this).find('.block').html();  //Get HTML of block
  var imgDescHeight = $(".main_image").find('.block').height(); //Calculate height of block 
  
  //if ($(this).is(".active")) {  //If it's already active, then...
  // return false; // Don't click through
  //} else {
   //Animate the Teaser    
    $(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
    $(".main_image .block").html(imgDesc).animate({ opacity: 0.95, marginBottom: "0" }, 250 );
	
    $(".main_image img.mainImg").attr({ src: imgTitle , alt: imgAlt});
	//$(".image_thumb ul li .block img").attr({ src: imgTitle , alt: imgAlt});  
  });
  //}
   
  $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
  $(this).addClass('active');  //add class of 'active' on this list only
  return false;
  
 }) .hover(function(){
  $(this).addClass('hover');
  }, function() {
  $(this).removeClass('hover');
 });
   
 //Toggle Teaser
 $("a.collapse").click(function(){
  $(".main_image .block").slideToggle();
  $("a.collapse").toggleClass("show");
  if ($(".main_image a").attr("title") == "") {
  	$(".main_image a").attr("title","hidden");
  }
  else
  {
	  $(".main_image a").attr("title","");
  }
 });
 
});//Close Function