var isIE = /msie/.test(navigator.userAgent.toLowerCase());

function $(obj) {
	return typeof obj == 'string'?document.getElementById(obj):obj;
}

function addEvent(oTar , eType , funcHandler) {
	 if (oTar.addEventListener) {
        oTar.addEventListener(eType, funcHandler, false);
    } else if (oTar.attachEvent) {
        oTar.attachEvent("on" + eType, funcHandler);
    } else {
        oTar["on" + eType] = funcHandler;
    }
}

function removeEvent(oTar , eType , funcHandler) {
	 if (oTar.removeEventListener) {
        oTar.removeEventListener(eType, funcHandler, false);
    } else if (oTar.detachEvent) {
        oTar.detachEvent("on" + eType, funcHandler);
    } else {
        oTar["on" + eType] = null;
    }
}

function change_init() {
	var oCon = $("pic_show");
	var aLi = oCon.getElementsByTagName("li");
	var iLen = aLi.length;

	for (var i = 0 ; i < iLen ; i++){
		aLi[i].loc = i;
		aLi[i].onmouseover = function(){
			var oLayer = this.getElementsByTagName("span")[0];
			oLayer.style.display = "block";
			oLayer.onmouseout = function() {
				this.style.display = "none";
			}
			oLayer.onclick = function(){
				window.open(this.parentNode.getElementsByTagName("a")[0].href);
			}
			changeg(oLayer,0);
		}
	}
}

function changeg(obj,count) {
	if(count == 10){
		if(isIE){
			obj.style.filter = "Alpha(Opacity=0)";
		}else {
			obj.style.opacity = 0;
		}
		return;
	}
	if(isIE){
		obj.style.filter = "Alpha(Opacity="+(5-Math.abs(5-count))*20+")";
	}else {
		obj.style.opacity = (5-Math.abs(5-count))/5;
	}
	count++;
	setTimeout(function(){changeg(obj,count);},50);
}

addEvent(window,"load",function(){
	change_init();
});