var swfdir = "/spp/swf/";
var ua = navigator.userAgent;
var ns = ua.match(new RegExp("Netscape[0-9]?/[0-9]{1,2}\.[0-9]{1,3}"));

var version = "8.0.0";
if(swfobject.hasFlashPlayerVersion(version) && !ns)
	swfobject.embedSWF(swfdir + "recommend.swf", "swfobject", "707", "273", version , "",{},{base:".", wmode:"transparent"},{});
else 
	$(function(){mainimage();});


function mainimage(){
	var imgCnt = 0;
	var currentNo = 0;
	var nextNo = 0;
	var timer;
	var fspeed=500;	//ms
	var delay = 7000;	//ms
	
	var targetInfo = [];
	
	$.ajax({
		type: "GET",
		url: swfdir + "xml/filelist.xml",
		dataType: "xml",
		success: function(xml){parseXML(xml)}
	});
	
	function parseXML(xml){
		$(xml).find("menu").find("item").each(function(){
			var tmp = [];
			tmp.push(swfdir + $(this).attr("imgsrc"));
			tmp.push(swfdir + $(this).attr("btnsrc"));
			tmp.push($(this).attr("href"));
			tmp.push($(this).attr("target"));
			tmp.push($(this).attr("imgalt"));
			tmp.push($(this).attr("btnalt"));
			targetInfo.push(tmp);
			imgCnt++;
		});
		init();
	}
	
	function init(){
		nextNo = Math.floor(Math.random()*imgCnt) + 1;
		
		$('#pluginalert').css({display:'block'});
		
		//navi
		var ul = $('<ul id="imgNav" class="clearfix">');
		$('#swfobject').prepend(ul);
		
		$('<div id="mainImg">').prependTo('#swfobject');
		for(var i=1; i<=imgCnt; i++){
			var url = targetInfo[i-1][2];
			var target = targetInfo[i-1][3];

			if(target!="_blank" && target!="_self" && target!="_top"){
				url = "javascript:window.open('"+url+"','popwin','"+target+"');void(0);"
				target = "_self";
			}

			//set navigation
			var li = $('<li id="imgNav'+i+'"><a href="'+url+'" target="'+target+'"><img src="'+targetInfo[i-1][1]+'" alt="'+targetInfo[i-1][5]+'" /></a></li>');
			ul.append(li);
			
			//add event
			$('#imgNav'+i).children('a').mouseover(changeImage);	
			
			//set image
			var imgwrap = $('<div id="rImg'+i+'" class="rImg" style="display:none">');
			imgwrap.append('<a href="'+url+'" target="'+target+'"><img src="'+targetInfo[i-1][0]+'" alt="'+targetInfo[i-1][4]+'" /></a>');
			$('#mainImg').append(imgwrap);
		}
		loop();
	}
	
	function changeImage(){
		var no = this.parentNode.id.replace('imgNav',"");
		if(no == currentNo) return;
		
		clearTimeout(timer);
		nextNo = no;
		$('#rImg'+currentNo).stop(true,true);
		loop();
	}
	
	function loop(){
		//fadeout prev image
		if(currentNo!=0) $('#rImg'+currentNo).fadeOut(fspeed);
		
		//next image
		currentNo = nextNo;
		
		//focus navigation
		for(var i=1; i<=imgCnt; i++)
			var nav = $('#imgNav'+i).removeClass('current');
		$('#imgNav'+currentNo).addClass('current');
		
		//fadein next image
		$('#rImg'+currentNo).fadeIn(fspeed);
		timer = setTimeout(loop, delay);
		
		nextNo = ++nextNo > imgCnt ? 1 : nextNo;
	}
}