$(document).ready(function(){
  num_panels = $('#gallery_in .panel').length;
  panel_w = 758;  //758
  active_panel = 0;

  function setup_panel_navigation() {
    $('#previous').toggle(active_panel > 0);
    $('#next').toggle(active_panel < (num_panels-1));
  }

  setup_panel_navigation();

  $('#next').click(function(event) {
    $('#gallery_in').animate({marginLeft: "-=758"}, 500, "linear");
    active_panel++;
    setup_panel_navigation();
  });
  $('#previous').click(function(event) {
    $('#gallery_in').animate({marginLeft: "+=758"}, 500, "linear");
    active_panel--;
    setup_panel_navigation();
  });
});

$(document).ready(function(){
   gallery_cell_opacity = 0.2;
  cell_height = 100;
  num_rows = 4;
  spacing = 2;
  panel_w = 758;  //758

//  $('.cell img').css('opacity', gallery_cell_opacity);

 $(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});
 
});
 
 
 
 $('.cell img').hover(function(el) {
   $(this).fadeTo("fast", 0);   
   // this does not work with IE7
   // current_top = $(this).position().top;
   // current_left = $(this).position().left;
   parrent_offset = $($(this).parents()[3]).offset();
   current_top = $(this).offset().top-parrent_offset.top;
   current_left = $(this).offset().left-parrent_offset.left;
   xtop = (current_top < cell_height*num_rows) ? current_top+(cell_height+spacing) : current_top-(cell_height+spacing);
   xleft = current_left;
   $('#gallery_tooltip').toggle(true).html($(this).attr("alt")).css({top: xtop, left: xleft});
  }, function() {
//   $(this).fadeTo("fast", gallery_cell_opacity);
   $('#gallery_tooltip').toggle(false);
  });

  image_array = [];
  $('.cell a').each(function()
  {
  	image_array.push(new Array(this.getAttribute('dd'), this.getAttribute('alt')));
  });

  function close_gallery_image() {
    $('#gallery_image_out').hide();
    $('#gallery_image_in').css({left: "0"}).empty();
  }

  function setup_image(active_image, lft) {
    lft = lft || 0;
		el = $('<img src="'+image_array[active_image][0]+'" style="left:'+lft+'px" title="'+image_array[active_image][1]+'"/>');
    el.tooltip({
     delay: 0,
     track: true,
     showBody: " - ",
     showURL: false,
     opacity: 0.1
    });
    el.click(function() {close_gallery_image()});
    return (el);
  }

  function append_image(active_image, direction) {
    if (active_image == 0 && direction == -1) return;
    if (active_image == (image_array.length-1) && direction == 1) return;
    if (!$('#gallery_image_in img[src*="'+image_array[active_image+direction][0]+'"]').length) {
      lft = $('#gallery_image_in img[src*="'+image_array[active_image][0]+'"]').css('left');
      $('#gallery_image_in').append(setup_image(active_image+direction, panel_w*direction+parseInt(lft)));
    }
  }

  function set_tooltip() {
    // handled through plugin
    return;
    $('#gallery_image_tooltip').html(image_array[active_image][1]);
  }

  function setup_navigation(active_image) {
    if (active_image > 0) {
      $('#gallery_image_previous').css('marginTop', 0);
    } else {
      $('#gallery_image_previous').css('marginTop', -1000);
    }
    if (active_image < (image_array.length-1)) {
      $('#gallery_image_next').css('marginTop', 0);
    } else {
      $('#gallery_image_next').css('marginTop', -1000);
    }
  }



  $('.cell a').click(function() {
    $('#gallery_image_out').show();
    $('#gallery_image_loading').show();

    active_image = 0;
		while ( image_array[active_image][0] != this.getAttribute('dd') ) {
			active_image++;
		}
    set_tooltip();
		var objImagePreloader = new Image();
		objImagePreloader.onload = function() {
      $('#gallery_image_in').html(setup_image(active_image));
			//	clear onLoad, IE behaves irratically with animated gifs otherwise
			objImagePreloader.onload=function(){};
			$('#gallery_image_loading').hide();
      setup_navigation(active_image);
      append_image(active_image, -1);
      append_image(active_image, +1);
		};
		objImagePreloader.src = image_array[active_image][0];
    if (active_image > 0) {(img = new Image()).src = image_array[active_image-1][0];}
    if (active_image < (image_array.length-1)) {(img = new Image()).src = image_array[active_image+1][0];}
    return (false);
  });


  $('#gallery_image_previous').click(function() {
    $('#gallery_image_in').animate({left: "+="+panel_w}, 500, "linear");
    active_image--;
    set_tooltip();
    append_image(active_image, -1);
    setup_navigation(active_image);
  });
  $('#gallery_image_next').click(function() {
    $('#gallery_image_in').animate({left: "-="+panel_w}, 500, "linear");
    active_image++;
    set_tooltip();
    append_image(active_image, +1);
    setup_navigation(active_image);
  });
  $('#gallery_image_out').hover(function() {
    $('.gallery_image_navigation').show();
  }, function() {
    $('.gallery_image_navigation').hide();
  });
  // $('#gallery_image_close').click(function() {
  //   $('#gallery_image_out').hide();
  //   $('#gallery_image_in').css({left: "0"}).empty();
  // });
});