// JavaScript Document

$(document).ready(function(){

$(document).pngFix(); 

$('a').preload();

$.preload([ 'product_info_shadow_hover', ], {
    base:'images/layout/',
    ext:'.png'
});


$(".slideshow_main img").css('display', 'none');
$('.roofs').css('display', 'none');


 $(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){
      $('.fadein :first-child').fadeOut(2000)
         .next('img').fadeIn(2000)
         .end().appendTo('.fadein');}, 
      3500);
});



$("ul.roofs_info li a").click(function() {

		
		var mainImage = $(this).attr("href");
		

 //Find Image Name
		$(".roofs img").attr({ src: mainImage });
		

	
		return false;		
	});
$("ul.slideshow_thumb li a").click(function() {

		
		var mainImage = $(this).attr("href");
		

 //Find Image Name
		$(".slideshow_main img").attr({ src: mainImage });
		$
	
		return false;		
	});	



$("products li img").hover(function() {

    $(this).addClass(".product_hover");
  },
  function () {
    $(this).removeClass(".product_hover");
  });	

});

$(window).load(function(){

$('#loading').fadeOut(400);

$('.roofs').delay(400).fadeIn(1350);

$('.slideshow_main img').delay(400).fadeIn(1350);

});