function GetWidth(){
	var x = 0;	
	if (self.innerHeight){
		x = self.innerWidth;
	}else if (document.documentElement && document.documentElement.clientHeight){
		x = document.documentElement.clientWidth;
	}else if (document.body){
		x = document.body.clientWidth;
	}
	return x;
}

function GetHeight(){
	var y = 0;
	if (self.innerHeight){
		y = self.innerHeight;
	}else if (document.documentElement && document.documentElement.clientHeight){
		y = document.documentElement.clientHeight;
	}else if (document.body){
		y = document.body.clientHeight;
	}
	return y;
}

function resize(){
	if(document.getElementById("img")){
		var img = document.getElementById("img");
		var base = document.getElementById("base");
		var w = GetWidth();
		var h = GetHeight();
		
		img.parentNode.style.width = base.offsetWidth+"px";
		
		if( h <= base.offsetHeight ){
			img.parentNode.style.height = base.offsetHeight+"px";
		}	
		
		if( img.offsetHeight <= h){
			img.style.height = "100%";	
			img.style.width = "auto";
		}
		if( img.offsetWidth <= w){
			img.style.width = "100%";
			img.style.height = "auto";
		}
		
	}
}
var fade = 0;
var fadeLoop;
function showImage(){
	fadeLoop = setInterval(fadeImage, 1);
	var img = document.getElementById("img");
	img.style.visibility = "visible";
	img.style.opacity = fade;
	img.style.filter = "alpha(opacity="+(fade*10)+")";
}
function fadeImage(){
	fade += 2;
	if(fade >= 10){
		fade = 10;
		clearInterval(fadeLoop);
	}
	var img = document.getElementById("img");
	img.style.opacity = (fade/10);
	img.style.filter = "alpha(opacity="+(fade*10)+")";
}	

setInterval(resize, 10);
//window.onresize = resize;