function btnMouseOver(imgName, img) {
    var imgName ="Images/Btn2/bs" + imgName + ".gif";

    img.src = imgName;
}

function btnMouseOut(imgName, img) {
    var imgName ="Images/Btn/bs" + imgName + ".gif";

    img.src = imgName;
}

function findPos(coord, obj) {
    var curleft = 0;
    if (obj.offsetParent) {
        while (obj.offsetParent) {
            if (coord == 'x') { curleft += obj.offsetLeft; }
            else { curleft += obj.offsetTop }
            obj = obj.offsetParent;
        }
    }
    else if (obj.coord)
        curleft += obj.coord;

    return curleft;
}

function openMenu(divId, menuNum) {
    var btn = document.getElementById("btn_" + menuNum);
    var left = findPos('x', btn);
    var top = eval(findPos('y', btn)) + eval(btn.offsetHeight);
    top = top ;
    var div = document.getElementById(divId);
    div.style.display = "block";
    div.style.left = left +10+ "px";
    div.style.top = (top) + "px";
}

function closeMenu(divId) {
    var div = document.getElementById(divId);
    div.style.display = "none";
}




function showSketch() {
    var elm = document.getElementById("elmSketch");
    elm.style.display = "inline";

    var elmWidth = elm.clientWidth;
    var top = document.documentElement.scrollTop;
    var left = eval(document.documentElement.clientWidth / 2) - eval(elmWidth);

    elm.style.top = top + "px";
    elm.style.left = left + "px";
}

function hideSketch() {
    var elm = document.getElementById("elmSketch");
    elm.style.display = "none";
}

function addToFavorites() {
    window.external.AddFavorite(location.href, document.title);
}

function fitImageSize(img, targetWidth, targetHeight) {
    if (img.clientWidth > targetWidth)
        img.style.width = targetWidth + 'px';

    if (img.clientHeight > targetHeight)
        img.style.height = targetHeight + 'px';
}