/**
 * @author Phariel Peng MiTAC
 */

var currentKvBannerIndex=0;
var imageArr=new Array();
var intervalID=new Object();

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. 
{ 
     var arVersion = navigator.appVersion.split("MSIE") 
     var version = parseFloat(arVersion[1]) 
     if ((version >= 5.5 && version <=8.0) && (document.body.filters)) 
     {	   
       for(var j=0; j<document.images.length; j++) 
       { 
           var img = document.images[j];
           var imgName = img.src.toUpperCase(); 
           if (imgName.substring(imgName.length-3, imgName.length) == "PNG") 
           { 		   	 
             var imgID = (img.id) ? "id='" + img.id + "' " : ""; 
             var imgClass = (img.className) ? "class='" + img.className + "' " : ""; 
             var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "; 
             var imgStyle = "display:inline-block;" + img.style.cssText; 
             if (img.align == "left") imgStyle = "float:left;" + imgStyle; 
             if (img.align == "right") imgStyle = "float:right;" + imgStyle;
             if (img.parentElement.href) imgStyle = "cursor:pointer;" + imgStyle; 
             var strNewHTML = "<span " + imgID + imgClass + imgTitle
             + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
             + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
             + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";
             img.outerHTML = strNewHTML; 
             j = j-1;			 
           }		
       }	  
     }     
}

function ifIE(){
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=b_version.split(";"); 
	var trim_Version="";
	if(version.length>1)
	{
		trim_Version=version[1].replace(/[ ]/g,""); 
	}
	if(browser=="Microsoft Internet Explorer" && (trim_Version=="MSIE8.0" | trim_Version=="MSIE7.0" | trim_Version=="MSIE6.0")) 
	{	
	return true;	
	}
	return false;
}

function kvBannerInit(xmlpath){		
		xmlRead(xmlpath);
}

function xmlRead(xmlpath){
	
	$.ajax({
		url:xmlpath,
		dataType:"xml",		
		success:function(xml){
			//alert("ok");
			var arr=new Array();
			$(xml).find("banner>item").each(function(){
				arr.push(
				{
					path:$(this).find('path').text(),
					link:$(this).find('link').text(),
					target:$(this).find('target').text(),
					time:$(this).find('time').text(),
					wtname:$(this).find('wtname').text()
				}
				);
			});
			imageArr=arr;
			kvImageInit();//jump;
		}
	});	
}

function kvImageInit(){	
	var imageObj=new Image();
	var kvUI=new Array("images/arr_left.png","images/arr_right.png","images/ball_b.png","images/ball_f.png","images/mio_back.png","images/mio_orange.png");
	for(i=0;i<kvUI.length;i++){
		imageObj.src=kvUI[i];
	}
	for(i=0;i<imageArr.length;i++){
		imageObj.src=imageArr[i].path;
	}
	imageObj.onLoad=imagesLoaded();//jump;
}


function imagesLoaded(){
	kvUIInit();//jump;	
}

function kvUIInit(){
	var str="";
	for(i=0;i<imageArr.length;i++){
		str+="<li class='ballspan' onmouseover='showTargetKvBanner("+i+")'><img src='images/ball_f.png' /></li>";
	}	
	$('.kv_ball').css('left',880-imageArr.length*25).html(str);
	correctPNG();

	$('#kv_link').hover(
	function(){
		clearTimeout(intervalID);
	},
	function(){
		intervalID=setTimeout("intervalBanner()",imageArr[currentKvBannerIndex].time*1000);
	});
	if(ifIE()){		
		$('.kv_orange').click(function(){
			if(imageArr[currentKvBannerIndex].target=='_blank'){
				window.open(imageArr[currentKvBannerIndex].link,'_blank');
			}else{
				window.location.href=imageArr[currentKvBannerIndex].link;
			}			
		});		
	}
	
	$('div[class^=kv_arrow_]').css('opacity',0.7).hover(function(){
		$(this).animate({
			opacity: 1
		});
	},function(){
		$(this).animate({
			opacity: 0.7
		});
	});
	
	
	$('.kv_arrow_left').click(function(){
		currentKvBannerIndex=(currentKvBannerIndex-1<0)?imageArr.length-1:currentKvBannerIndex-1;
		showKvBanner();
	});
	$('.kv_arrow_right').click(function(){
		currentKvBannerIndex=(currentKvBannerIndex+1>=imageArr.length)?0:currentKvBannerIndex+1;
		showKvBanner();
	});
	$('.kv_arrow').mouseover(function(){
		clearTimeout(intervalID);
	});
	
	intervalID=setTimeout("intervalBanner()",imageArr[currentKvBannerIndex].time*1000);
	showKvBanner();	
}

function showKvBanner(){
	$('#kv_link').attr('href',imageArr[currentKvBannerIndex].link).attr('target',imageArr[currentKvBannerIndex].target);
	$('.kv_main').css('background-image','url("'+imageArr[currentKvBannerIndex].path+'")').hide().fadeIn("slow");
	$('.kv_ball').find('img').attr('src','images/ball_f.png').eq(currentKvBannerIndex).attr('src','images/ball_b.png');
	if(ifIE()){
		$('.kv_ball').find('span').css('filter','progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/ball_f.png", sizingMethod="scale");');
		$('.kv_ball').find('span').eq(currentKvBannerIndex).css('filter','progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/ball_b.png", sizingMethod="scale");');
	}	
}

function showTargetKvBanner(indexNum){
	currentKvBannerIndex=indexNum;
	showKvBanner();
}

function intervalBanner(){
	currentKvBannerIndex++;
	if(currentKvBannerIndex>=imageArr.length){currentKvBannerIndex=0;}
	//clearTimeout(intervalID);
	intervalID=setTimeout("intervalBanner()",imageArr[currentKvBannerIndex].time*1000);
	showKvBanner();	
	if(currentKvBannerIndex>=imageArr.length){currentKvBannerIndex=0;}
}