// JScript File

var tempCount = 1;
var tempTotal = 20;
var tempInter;

function getImage(path, name) {

    var win_height = document.body.clientHeight + 20;
    var win_width = document.body.clientWidth + 20;
    
    var margin_temp = getScrollY() + 20;

    var str = "";

    if(document.getElementById('contImage') == null) {
    
        str += "<div id='contImage' style='background-image:url(images/imgBg.png); background-repeat:repeat; width:" + win_width + "; height:" + win_height + "px; top:0px; left:0px; position:absolute;'>";
        str += "<table cellpadding='0' cellspacing='0' style='background-color:#FFFFFF; border:#000000; margin:" + margin_temp + "px auto 20px auto;'>";
        str += "<tr>";
        str += "<td align='right'>";
        str += "<div id='lblImageName' style='float:left; display:none; padding-left:4px; padding-top:2px;' class='text_black12'>" + name + "</div>";
        str += "<div id='lblImageX' style='float:right; display:none;'><img src='images/x.gif' alt='' style='margin-right:2px; margin-top:5px; cursor:pointer;' onclick='getImageClose();' /></div>";
        str += "</td>";
        str += "</tr>";
        str += "<tr>";
        str += "<td><img id='animImage' src='" + path + "' alt='' style='margin:4px;' /></td>";
        str += "</tr>";
        str += "</table>";
        str += "</div>";
        
        document.body.innerHTML += str;
    
    } else {
    
        str += "<table cellpadding='0' cellspacing='0' style='background-color:#FFFFFF; border:#000000; margin:" + margin_temp + "px auto 20px auto;'>";
        str += "<tr>";
        str += "<td align='right'>";
        str += "<div id='lblImageName' style='float:left; display:none; padding-left:4px; padding-top:2px;' class='text_black12'>" + name + "</div>";
        str += "<div id='lblImageX' style='float:right; display:none;'><img src='images/x.gif' alt='' style='margin-right:2px; margin-top:5px; cursor:pointer;' onclick='getImageClose();' /></div>";
        str += "</td>";
        str += "</tr>";
        str += "<tr>";
        str += "<td><img id='animImage' src='" + path + "' alt='' style='margin:4px;' /></td>";
        str += "</tr>";
        str += "</table>";
        
        document.getElementById('contImage').style.display = "block";
        document.getElementById('contImage').innerHTML = str;
    
    }
    
    getAnimation(path);

}

function getAnimation(img) {

    clearInterval(tempInter);

    var tempImg = new Image();
    tempImg.src = img;
    
    /*
    var w = Math.round(tempImg.width / tempCount);
    var h = Math.round(tempImg.height / tempCount);
    */
    
    var w = Math.round((tempImg.width / tempTotal) * tempCount);
    var h = Math.round((tempImg.height / tempTotal) * tempCount);
    
    document.getElementById("animImage").style.width = w + "px";
    document.getElementById("animImage").style.height = h + "px";
    
    /*
    if(tempCount > 1) {
        tempCount -= 1;
        tempInter = setInterval("getAnimation('" + img + "');", 30);
    } else {
        tempCount = 10;
        clearInterval(tempInter);
        document.getElementById("lblImageName").style.display = "block";
        document.getElementById("lblImageX").style.display = "block";
    }
    */
    
    if(tempCount < 20) {
        tempCount += 1;
        tempInter = setInterval("getAnimation('" + img + "');", 10);
    } else {
        tempCount = 1;
        clearInterval(tempInter);
        document.getElementById("lblImageName").style.display = "block";
        document.getElementById("lblImageX").style.display = "block";
    }
    
}

function getImageClose() {

    document.getElementById('contImage').innerHTML = "";
    document.getElementById('contImage').style.display = "none";

}

function getScrollY() {

	var sy = 0;
	
	if (document.documentElement && document.documentElement.scrollTop) {
		sy = document.documentElement.scrollTop;
	} else if (document.body && document.body.scrollTop)  {
		sy = document.body.scrollTop; 
	} else if (window.pageYOffset) {
		sy = window.pageYOffset;
	} else if (window.scrollY) {
		sy = window.scrollY;
    }
    
	return sy;
	
}