// JavaScript 文件
var productList;
var ani = new IAnimator();
var hideAppNameTimer = null;
var isIDevice = false;

function centerProducts(){	
	var pos0 = window.getCoordinates();
	var pos1 = productList.getCoordinates();		
	var cenX = Math.round((pos0.width - pos1.width)*0.5);	
	ani.translateX(productList,{x:cenX, ms:300, transition:"ease-out"});
}



function onAppOver(e){	
	if(isIDevice) { return; }
	var alt = e.target.get("alt");
	var appName = $('appName');
	var label = appName.getElements("label").getLast();
	var pos0 = e.target.getCoordinates();	
	var pos1 = appName.getCoordinates();	
	var cenX = Math.round(((pos0.width - pos1.width)*0.5) + pos0.left);	
	clearInterval(hideAppNameTimer);	
	if(label.get("text")==''){
		label.set("text",alt);
		appName.set("styles", {left:cenX});	
		ani.css(label,{opacity:"1.0"},{ms:700});
	} else {
		label.set("text",alt);
		ani.css(appName,{left:cenX+"px"},{ms:300,transition:"ease-out"});
	}	
}


function onAppOut(e){	
	if(isIDevice) { return; }
	var appName = $('appName');
	var label = appName.getElements("label").getLast();
	ani.css(label,{opacity:0},{ms:300, callback:function(){label.set("text",'');} });	
}


window.addEvent("domready", function(){
	productList = $$('#details .apps').getLast();
	var ua = navigator.userAgent.toString();
	if( (ua.indexOf("iPhone")>-1) || (ua.indexOf("iPad")>-1) || (ua.indexOf("iPod")>-1)) {
		isIDevice = true;																		  
	}
	
	
	
	var apps = productList.getElements("li");
	var appCount = apps.length;
	apps.getElements("a").each(function(a){
		a.addEvent("mouseenter",onAppOver);
		a.addEvent("mouseleave",function(e){ hideAppNameTimer=setTimeout(function(){onAppOut(e)},500); });
	});
	var w = (appCount*155)
	productList.set("styles",{width:w+"px"});		
	$$('#appName label').getLast().set("styles", {opacity:0});	
	window.addEvent("resize", centerProducts);
	centerProducts();	
});