$(document).ready(function(){

var myindex = $("#thumbs img").attr("title");
            $("#largeimages").load("/detailimage.php", {caller: myindex}, function(){
	    $("#largeimages").fadeIn("fast");
	    });
           

 $("#godn").click(function() {
	 var imcount = $('#thumbsinner').children().size();
	 var slimit = ((imcount-3)*(-98));
	 var name = "#thumbsinner";
	 var Yloc = null;
 	 Yloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
 	 Yloc -=98;
 	 if (Yloc<slimit) { Yloc=slimit; }
 	 $("#thumbsinner").animate({'top' : Yloc});
 });

 $("#goup").click(function() {
 	 var name = "#thumbsinner";
	 var Yloc = null;
 	 Yloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
 	 Yloc +=98;
 	 if (Yloc>0) { Yloc=0; }
 	 $("#thumbsinner").animate({'top' : Yloc});
 });

$("#thumbs img").click(function () {
           var myindex = $(this).attr("title");
           
	   $("#largeimages").hide();
	    $("#largeimages").load("/detailimage.php", {caller: myindex}, function(){
	    $("#largeimages").fadeIn("fast");
	    });
           
         });

	$("#thumbs img").hover(
	      function () {
		$(this).fadeTo("fast", 0.90);
	      }, 
	      function () {
		$(this).fadeTo("fast", 1.0);
	      }
	    );
 

});