$(document).ready(function(){

  base="http://www.bigsplashpools.com/";

 logo();

   $("img[name*=gallery_th_]").mouseover(function(){
		id=$(this).attr('id');
    	img_src=base+"/images/gallery_"+id+".jpg"
	    $("#gallery_img").attr('src',img_src); 
		$(this).css('border','thin solid #00ffff');
    }).mouseout(function(){
 	    $(this).css('border','thin solid #000033');
    });

   $("[name*=menu_]").mouseover(function(){
	id=$(this).attr('id');
	$(this).css("color","#00FFFF");
    }).mouseout(function(){
	$(this).css("color","white");
    });

  $("[name*=menu_]").click(function(){
	id=$(this).attr('id');
	$("input[name=a]").val(id);
	$("form[name=top_menu]").submit();
   });


 $("[name*=page_]").click(function(){
    var page=$(this).attr('page');
	thumbs(page);	
   });


  $("[name*=page_]").mouseover(function(){
	$(this).css("color","#00FFFF");
    }).mouseout(function(){
	$(this).css("color","white");
    });

});



function preloadImages()
{
	$("img[id=gallery_img]").css('display','none');
	
    for(i=10;i< 20;i++)
	 {
	   img_src=base+"/images/gallery_"+i+".jpg";
	   $("img[id=gallery_img]").attr('src',img_src);
	 }
}

function thumbs(page)
{
 var a;
 a=page*10;
 id=0; 

 for(i=a;i< (a+10);i++)
 {
   img_src=base+"/images/gallery_th_"+i+".jpg";
   $("img[name=gallery_th_"+id+"]").attr('src',img_src);
   $("img[name=gallery_th_"+id+"]").attr('id',i);
   id++;
 }

 $("img[id=gallery_img]").css('display','block');
 img_src=base+"/images/gallery_"+a+".jpg";
 $("img[id=gallery_img]").attr('src',img_src);

 $("[name=page_1]").css('display','none');
 $("[name=page_2]").css('display','none');

 $("[name=page_"+page+"]").css('display','block');


}

function logo()
{
  	    $('img[name=logo]').attr('src',$('img[name=logo]').attr('img_src'));
        for(i=0;i< 3;i++)  
         {
			  $('img[name=logo]').fadeOut(600);
        	  $('img[name=logo]').fadeIn(600);
		 }
}