var browserdetect
var fadingOut
var fadingIn
var fadeSpeed

if(navigator.userAgent.indexOf("Firefox")!=-1){
	browserdetect="mozilla"
} else if (navigator.appVersion.indexOf("MSIE")!=-1){
	browserdetect="ie"
} else {
	browserdetect="others"
}

//function changePic() {
//	var targetLayer = document.getElementById("mainImageImage")
//	var imageObject = document.getElementById("mainImageImageImage")
//	var oldImage = targetLayer.getElementsByTagName("img")[0].src
//	var newImage = "/fabchina/image/index/mainImage02.jpg"
	
	
//	//browserdetect=targetLayer.filters? "ie" : typeof targetLayer.style.MozOpacity=="string"? "mozilla" : ""
//	changeOpac(100,imageObject) //reset the object to 100% opacity
//	//alert(browserdetect)
//	low(imageObject)
//	//high(targetLayer)
	
//}

function fadeIn(target) {
	high(target)
}

function replacePic(newImage) {
	var targetLayer = document.getElementById("mainImageImage")
	var imageObject = document.getElementById("mainImageImageImage")
	var oldImage = targetLayer.getElementsByTagName("img")[0].src
	newImage = "/fabchina/image/index/" + newImage + ".jpg"
	
	//browserdetect=targetLayer.filters? "ie" : typeof targetLayer.style.MozOpacity=="string"? "mozilla" : ""
	if (browserdetect=="ie") {
	    fadeSpeed = 20
	} else {
		fadeSpeed = 200
	}
	changeOpac(100,imageObject) //reset the object to 100% opacity
	targetLayer.style.background = "url('" + newImage + "')"
	low(imageObject)
}

function changeOpac(opacity,target) {
    if (browserdetect=="mozilla") {
	    target.style.MozOpacity = (opacity / 100);
	    target.style.opacity = (opacity / 100);
	} else if (browserdetect=="ie") {
	    target.style.filter = "alpha(opacity=" + opacity + ")";
	    target.style.opacity = (opacity / 100);
	} else {
		target.style.KhtmlOpacity = (opacity / 100);
		target.style.opacity = (opacity / 100);
	}
} 

function low(target){
	targetImage = target // cannot remove, stupid
	fadingOut=setInterval("fadeOutObject(targetImage)",fadeSpeed)
}

function high(target){
	targetImage = target // cannot remove, stupid
	//alert("yes")
	fadingIn=setInterval("fadeInObject(targetImage)",fadeSpeed)
}

function fadeOutObject(object){
	var opacityNow = object.style.opacity
	var opacityNew = object.style.opacity-0.1
	//alert(opacityNew)
	if (opacityNow>0)
		changeOpac(opacityNew*100,object)
	else if (opacityNow<0) {
		clearInterval(fadingOut)
		//alert("end2")
	}
}

function fadeInObject(object){
	var opacityNow = object.style.opacity
	var opacityNew = object.style.opacity+0.05
	//alert(opacityNew)
	if (opacityNow<1)
		changeOpac(opacityNew*100,object)
	else if (opacityNow<0) {
		clearInterval(fadingIn)
		//alert("end2")
	}
}

function replacePicSrc(newImage) {
	var imageObject = document.getElementById("mainImageImageImage").src="/fabchina/image/index/" + newImage + ".jpg"
}