// JavaScript Document

$(function() {
	var lindx = 0;
	var bn_len = $("#slide_ctrl ul.btns > li").length;
	var play_flag="play";
	
	$("#slide_ctrl ul.btns > li").each(function(){ //preload
        $("<img>").attr("src",$(this).find("a").attr("href"));
    });
	
	$("#slide_ctrl ul.btns > li").hover(function(){ 
			if($(this).attr("class")!="current"){
				$(this).find("img").fadeTo(100,0.5);
			}
		},function() {
			$(this).find("img").fadeTo(100,1);
		}).click(function(){
			if($(this).attr("class")!="current"){
				lindx = $("#slide_ctrl ul.btns > li").index(this);
				ch_slide(lindx);
				$("#slide").stopTime('timer01');
				AutoRun('timer01');
			}
			window.focus();
			return false;
		});
	

	
	var AutoRun = function(timer){
		$("#slide").everyTime(6800,timer,function(){
			lindx++;
			if(lindx>bn_len-1){
				lindx=0;
			}
			ch_slide(lindx);
		});
	}
	
	var ch_slide = function(indx) {
		var sl_src = $("#slide_ctrl ul.btns > li").eq(indx).find("a").attr("href");
		var sl_rel = $("#slide_ctrl ul.btns > li").eq(indx).find("a").attr("rel");
		$("#slide").fadeOut(400,function() {			
				$(this).find("a").attr("href",sl_rel);
				$(this).find("img").attr("src",sl_src);
				$(this).fadeIn(600);
			});
		$("#slide_ctrl ul.btns > li").removeClass("current")
			.find("img").attr("src", function(i) { 
				this.src = this.src.replace("_current.","_off.");
			});
		$("#slide_ctrl ul.btns > li").eq(indx).addClass("current")
			.find("img").attr("src", function(i) { 
				this.src = this.src.replace("_off.","_current.");
			});
		play_flag="play";
		$("#slide_ctrl ul.mv_btns > li.stop").find("img").attr("src","/images/bn/btn_stop_off.png");
	}

	AutoRun('timer01');
	$("#slide_ctrl ul.btns > li").eq(0).addClass("current")
		.find("img").attr("src", function(i) { 
			this.src = this.src.replace("_off.","_current.");
		});
	var sl_init_rel = $("#slide_ctrl ul.btns > li").eq(0).find("a").attr("rel");
	$("#slide").find("a").attr("href",sl_init_rel);
});