var flash_box_time_hl;
 
function flash_box_init(box_id , timeout){
	var box = $('#'+box_id);
	var imgs = $('#'+box_id+" .imgs");
	var tline = $('#'+box_id+" .tline");
	var pline = $('#'+box_id+" .pline");
	var bline = $('#'+box_id+" .bline");
	var margin_top = box.parent().css('height').replace('px','')-21+'px';
	var parent_width = box.parent().css('width');
	pline.css('width',parent_width).css('margin-top',margin_top);
	bline.css('width',parent_width).css('margin-top',margin_top);
	tline.css('width',parent_width).css('margin-top',margin_top);
	if(isNaN(parseInt(timeout)) || parseInt(timeout) < 1000){
		timeout = 3000;
	}
	box.ready(function(){
		imgs.find('a').hide();
		imgs.find('a').eq(0).show();
		var img_num = imgs.find('a').length;
		var tline_html = "";
		for(var i = img_num-1 ; i >= 0 ; i --)
		{
			j = i+1;
			if(i == 0)
				tline_html += "<b class=\"now\" i_id="+i+">"+j+"</b>";
			else
				tline_html += "<b i_id="+i+">"+j+"</b>";
		}
		tline.html(tline_html);
		tline.show();
		pline.html('<a href="'+imgs.find('a').eq(0).attr('href')+'" target="_blank">'+imgs.find('a img').eq(0).attr('alt')+'</a>');
		pline.show();
		bline.show();
		
		tline.find('b').mouseover(function(){
			var i_id = Math.round($(this).attr('i_id'));
			tline.find('b').attr('class','');
			$(this).attr('class','now');
			imgs.find('a').hide();
			imgs.find('a').eq(i_id).show();
			pline.html('<a href="'+imgs.find('a').eq(i_id).attr('href')+'" target="_blank">'+imgs.find('a img').eq(i_id).attr('alt')+'</a>');
			clearTimeout(flash_box_time_hl);
		});
		tline.find('b').mouseout(function(){
			begin_play_flash_box(box_id, timeout);
		});
		imgs.find('img').mouseover(function(){
			clearTimeout(flash_box_time_hl);
		});
		imgs.find('img').mouseout(function(){
			begin_play_flash_box(box_id, timeout);
		});
		pline.mouseover(function(){
			clearTimeout(flash_box_time_hl);
		});
		pline.mouseout(function(){
			begin_play_flash_box(box_id, timeout);
		});
		begin_play_flash_box(box_id, timeout);
	});
}
 
function play_flash_box(box_id , timeout){
	var box = $('#'+box_id);
	var imgs = $('#'+box_id+" .imgs");
	var tline = $('#'+box_id+" .tline");
	var pline = $('#'+box_id+" .pline");
	box.ready(function(){
		var next_i_id = Number(tline.find('.now').attr('i_id')) + 1;
		if(imgs.find('a').eq(next_i_id).html()){
			next_i_id = next_i_id;
		}else{
			next_i_id = 0;
		}
		show_flash_box_img(box_id , next_i_id);
		begin_play_flash_box(box_id , timeout);
	});
}
 
function show_flash_box_img(box_id , i_id){
	var box = $('#'+box_id);
	var imgs = $('#'+box_id+" .imgs");
	var tline = $('#'+box_id+" .tline");
	var pline = $('#'+box_id+" .pline");
	var tline_b_length = tline.find('b').length;
	box.ready(function(){
		for(var i = 0 ; i < tline_b_length ; i ++ ){
			if(tline.find('b').eq(i).attr('i_id')==i_id){
				tline.find('b').eq(i).attr('class','now');
			}else{
				tline.find('b').eq(i).attr('class','');
			}
		}
		imgs.find('a').hide();
		imgs.find('a').eq(i_id).show();
		pline.html('<a href="'+imgs.find('a').eq(i_id).attr('href')+'" target="_blank">'+imgs.find('a img').eq(i_id).attr('alt')+'</a>');
	});
}
 
function begin_play_flash_box(box_id, timeout){
	clearTimeout(flash_box_time_hl);
	flash_box_time_hl = setTimeout("play_flash_box('"+box_id+"' , '"+timeout+"')",timeout);
}