$(function() {
	$("dl.jumping_cover").live('mouseover', function(){
		var $desc = $(this).find("dd.desc");
		var $cover = $(this).find("dt.cover");
		var left = -(-($cover.innerWidth()/2) + $desc.innerWidth()/2);
		$desc.css({left: left, top: $cover.innerHeight() - 10});

		var speed = 1;

		if(!$.browser.msie)
		{
			if($desc.offset().left < 0)
			{
				$desc.css({left: left - parseInt($desc.offset().left) + 25 });
			}
			var rClip = $(window).width() - Math.floor(parseInt($desc.offset().left)) - parseInt($desc.innerWidth());
			if(rClip < 0)
			{
				$desc.css({left: parseInt($desc.css("left")) + rClip - 25 });
			}
		}
		else
		{
			setTimeout(function(){
				if($desc.offset().left < 0)
				{
					$desc.css({left: left - parseInt($desc.offset().left) + 25 });
				}
			}, speed);
			setTimeout(function(){
				var rClip = $(window).width() - Math.floor(parseInt($desc.offset().left)) - parseInt($desc.innerWidth());
				if(rClip < 0)
				{
					$desc.css({left: parseInt($desc.css("left")) + rClip - 25 });
				}
			}, speed*2);
		}
	});

	$('div.poster_list').each(function(){
		var $category = $(this);
		var type = $('.jumping_covers', this).attr('rel');

		$(".jc_switcher li", this).click(function(){
			var page = $(this).attr('rel');
			$(this).addClass("active")
					.siblings().removeClass("active")
					.end()
					.parents(".jc_switcher")
					.siblings(".jumping_covers")
					.animate({opacity: 0}, 2, function(){
								$(this).addClass("loading")
										.css({height: $(this).height()})
										.find("dl").hide()
										.end()
										.animate({opacity: 1}, 2);
								})

								$(".jumping_covers", $category).load("/ajax/rotatecovers/", { 'category': $category.attr("rel"), 'page': page, 'type': type },
									function(data){
										$(".jumping_covers", $category).removeClass("loading").css({filter: ""});
									}
								);
		});
	});
});