$(function(){
	var timer;
	var img = -1;	
	var fOut = 250, fIn = 500;
	var myImages = $(".list a");	
	$(".TopLeftBox").slideDown();	
	$(".TopLeftBox_page").append("<ul />");
	for(var i=1;i<=myImages.length;i++){
		$(".TopLeftBox_page ul").append("<li>"+i+"</li>");
	}
	$(".TopLeftBox_page li").click(function(){
		var idx = $(this).text() - 1;
		img = idx;
        var _link = myImages.eq(idx);		
		var adlink=_link.attr("href");
		var adtitle=_link.find("img").attr("title");
		var adbody=_link.find("img").attr("alt");
		var adsrc=_link.find("img").attr("src");
		var adlink=_link.attr("href");
		var adtarget=_link.attr("target");
		$("#title_link, #boxinfo_link").attr("href", adlink);
		$(".TopLeftBox_infoBox > *:not(.TopLeftBox_page)").fadeOut(fOut, function(){
			$(".TopLeftBoxtitle").attr({
				href: adlink,
				target: adtarget
			});
			$(".TopLeftBoxtitle a").html(adtitle);		
			$(".TopLeftBoxinfo a").html(adbody);
			$(".TopLeftBoxinfo").find("a").attr({
				href: adlink,
				target: adtarget
			});
		}).fadeIn(fIn);
		$(".TopLeftBox_img").fadeOut(fOut, function(){
			$(".TopLeftBox_img").find("a").attr({
				href: adlink,
				target: adtarget
			});
			$(".TopLeftBox_img").find("img").attr("src",adsrc);
		}).fadeIn(fIn);	
		
		$(this).removeClass("off").addClass("on")
			.siblings().removeClass("on").addClass("off");		
	});		
	function autoShow(){
		img = (img+1<myImages.length) ? img+1 : 0;
		$(".TopLeftBox_page li").eq(img).click();		
	}
	autoShow();	
});
