document.write('<style>');
document.write('.tkad_play_list {position:relative; background:#FFF; overflow:hidden;}');
document.write('.tkad_play_list a{display:block; position:absolute; top:0px; left:0px; visibility:hidden;}');
document.write('.tkad_play_list a span{display:block; position:absolute; top:0px; left:0px; font-size:12px; font-weight:normal; padding:0px; margin:0px;}');
document.write('.tkad_play_list div.tkad {position:absolute; display:block; padding:0px; margin:0px; list-style-type:none; top:10px; left:0px; font-weight:normal;}');
document.write('.tkad_play_list div.tkad div.tkadi {float:left; font-family: verdana,arial,helvetica,sans-serif; color:#000; font-weight:normal; border:1px solid #FFF; background:#FFF; display:block; margin:0 0 0 5px; padding:1px 4px 1px 4px; font-size:12px; cursor:pointer;}');
document.write('.tkad_play_list div.tkad div.tkadi.select {background:#F00; border:1px solid #FFF; color:#FFF; font-weight:normal; padding:1px 4px 1px 4px;}');
document.write('</style>');

function tkad_play_imgs(cel){
	var prevshowitemi = -1;
	var nowshowitemi = 0;
	var items = [];
	var numberitems = [];
	var interval;
	
	var numbercon = $('<div class="tkad"></div>');
	$(cel).append(numbercon);
	$(cel).append('<div style="clear:both;"></div>');
	
	$(cel).find('a').each(function(idx){
		items.push($(this));
		var newli = $('<div class="tkadi"></div>');
		$(numbercon).append(newli);
		numberitems.push(newli);
		newli.html(idx + 1);
		$(this).css({visibility:'visible', opacity: 0, display: 'none'});
	});
	
	if (items.length <= 0) {
		return false;
	}
	
	// cel.width(items[0].width());
	// cel.height(items[0].height());
	numbercon.width(items.length*30);
	numbercon.css({left: $(cel).width() - items.length*30, top: $(cel).height() - 30});
	
	function showitem(setNum){
		if (prevshowitemi > -1) {
			var tmppreitem = items[prevshowitemi];
			if(prevshowitemi>0){
			 items[prevshowitemi].animate({opacity: 0}, {complete: function(){ tmppreitem.css('display', 'none'); }});
			}
			numberitems[prevshowitemi].removeClass('select');
		}
		
		if (setNum != undefined) {
			prevshowitemi = nowshowitemi;
			nowshowitemi = setNum;
			clearTimeout(interval);
		}

		numberitems[nowshowitemi].addClass('select');
		items[nowshowitemi].css('display', 'block');
		items[nowshowitemi].animate({opacity: 1});

		prevshowitemi = nowshowitemi;
		nowshowitemi++;
		if (items[nowshowitemi] == undefined) {
			nowshowitemi = 0;
		}
		interval = setTimeout(function(){ showitem(); }, 5000);
	}
	
	$.each(numberitems, function(idx){
		$(this).click(function(){ showitem(idx); });
	});
	
	$.each(items, function(idx){
		if ($(this).find('span').get(0) !== undefined) {
			$(this).find('span').css({left: 10, top: $(cel).height() - 30});
		}
	});
	
	showitem();
}