jQuery(function() {
	var s1 = new SWFObject('/flash/player.swf','player','810','540','9');
	s1.addParam('allowfullscreen','true');
	s1.addParam('allowscriptaccess','always');
	
    $("#menu .main-menu img, #menu .series-menu img").mouseover(function() {
	this.oldsrc = this.src;
	var src = this.src.split("/");
	var imgname = src[src.length-1];
	var size = src[src.length-3];
	var type = src[src.length-4];
	var color = $(this).attr("hovercolor");
	this.src = "/images/"+type+"/"+size+"/"+color+"/"+imgname;
      }).mouseout(function() {
	  this.src = this.oldsrc;
	});

    var caption = $("#image-caption");
    var container = $("#image-container");
    var slider = $("#photo-slider");
    var sliderWidth = parseInt($("#photo-slider-container").css("width"));
    var sliderLeft = 0;
    var lastThumb = $("img:last", slider);
    var thumbWidth;
    var allThumbs = $("a", slider);
    allThumbs.click(function(e) {
	allThumbs.removeClass("cover-photo");
	$(this).addClass("cover-photo");
	allThumbs.mouseout();	
	var thumb = $("img", $(this));
	thumbWidth = thumb.attr("width");
	var left = this.offsetLeft-(sliderWidth-thumbWidth)/2;
	var right = parseInt($("#slider-anchor").attr("offsetLeft"))-sliderWidth-3;
	sliderLeft = slide(left, right);
	slider.animate({left: -sliderLeft}, 300);
	var image = $(this);
	var video = $(this).attr("video");
	caption.html(image.attr("title"));
	if (video) {
		s1.addParam('flashvars','autostart=true&controlbar=over&screencolor=000000&&file=/videos/'+video+'&image='+image.attr("href"));
		s1.write('video-player');
	} else {
		$("#video-player").empty();
		var oldImage = $("img", container);
		
		var newImage = $("<img/>").attr("src", image.attr("href")).css({"z-index": 0, display: "none"});
		container.append(newImage);
		newImage.fadeIn(300, function() {
	    	oldImage.animate({"opacity": 0}, {queue: false, duration: 300, callback: function() {
		  	$(this).remove();
			}});
	  	});
	}
	return false;
      }).mouseover(function() {
	  $(this).fadeTo(300, 1);

	}).mouseout(function() {
	    if ($(this).hasClass("cover-photo") == false)
	      $(this).fadeTo(300, 0.3);
	  })
      $("a:not(.cover-photo)", slider).css({opacity: 0.3});
  });

function slide(left, right) {
  if (left < 0) left = 0;
  else if (left > right) left = right;
  return left;
};