$(document).ready(function(){

var myindex = $("#quikgallerythumbs img").attr("title");
$("#quikgalleryimages").load("/detailimage.php", {caller: myindex}, function(){
   $("#quikgalleryimages").fadeIn("fast");
   });
          
$("#quikgallerynext").click(function() {
 var name = "#quikgallerythumbs";
 var thumbsize = 146+6+8; // includes image border and margin widths.
 var thumbcount = $('#quikgallerythumbs').children().size();
 var panlimit = -(thumbcount*thumbsize)+(thumbsize*3);
 var Xloc = null;
 Xloc = parseInt($(name).css("left").substring(0,$(name).css("left").indexOf("px")))
 Xloc -=thumbsize;
 if (Xloc<panlimit) { Xloc=panlimit; }
 $("#quikgallerythumbs").animate({'left' : Xloc});
});

$("#quikgalleryprev").click(function() {
  var name = "#quikgallerythumbs";
  var thumbsize = 146+6+8; // includes image border and margin widths.	
  var Xloc = null;
  Xloc = parseInt($(name).css("left").substring(0,$(name).css("left").indexOf("px")))
  Xloc +=thumbsize;
  if (Xloc>0) { Xloc=0; }
  $("#quikgallerythumbs").animate({'left' : Xloc});
});


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

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

});