var h = 0; 
function loadImage(url,callback){ 
    var img = new Image(); 
    img.src = url; 
    if(img.complete){ 
        callback.call(img); 
        return; 
    } 
    img.onload = function(){
        callback.call(img); 
    } 
} 
function imgLoaded(){ 
    document.getElementById("myImgs").src = this.src;
	showImage(this.height);
} 
function showImage(height){ 
    if(h < height){ 
        h = h + 10; 
    }else{ 
        setTimeout("hideImage("+height+")",2000);
        return; 
    } 
    var div = document.getElementById("tpgg"); 
    var img = document.getElementById("myImgs"); 
    div.style.display = "block"; 
    div.style.height = h + "px"; 
    setTimeout("showImage("+height+")",30); 
} 
function hideImage(height){ 
    if(h > 0){ 
        h = h - 10; 
    }else{ 
        var divs = document.getElementById("tpgg"); 
        divs.style.display = "none";
        return; 
    } 
    var div = document.getElementById("tpgg"); 
    var img = document.getElementById("myImgs"); 
    div.style.display = "block"; 
    div.style.height = h + "px"; 
    setTimeout("hideImage("+height+")",30); 
}