function ChangeImage(elemId, imgName) {
    var img = document.getElementById(elemId)
    if (img != null) {
        img.src = imgName;
    }
}

function GetTopLeft(elm) {

    var x, y = 0;

    //set x to elm’s offsetLeft
    x = elm.offsetLeft;


    //set y to elm’s offsetTop
    y = elm.offsetTop;


    //set elm to its offsetParent
    elm = elm.offsetParent;


    //use while loop to check if elm is null
    // if not then add current elm’s offsetLeft to x
    //offsetTop to y and set elm to its offsetParent 

    while (elm != null) {

        x = parseInt(x) + parseInt(elm.offsetLeft);
        y = parseInt(y) + parseInt(elm.offsetTop);
        elm = elm.offsetParent;
    }

    //here is interesting thing
    //it return Object with two properties
    //Top and Left 

    return { Top: y, Left: x };

}

function MouseOver(elemId) {
    var elem = document.getElementById(elemId);
    if (elem != null) {
        elem.style.cursor = "pointer";
    }
}

function MouseOut(elemId) {
    var elem = document.getElementById(elemId);
    if (elem != null) {
        elem.style.cursor = "cursor";
    }
}

function ChangePreviewPicture(elemToChangeId, newImagePath) {
    var elemToChange = document.getElementById(elemToChangeId);
    if (elemToChange != null) {
        elemToChange.src = newImagePath;
    }
}

function ClearField(elemId) {
    
    var elem = document.getElementById(elemId);
    if (elem != null) {
        var defaultVal = $("#"+elemId).attr("default");
        if(defaultVal == elem.value)
        {
            elem.value = "";    
        }
    }
}

function FillField(elemId, value) {
    var elem = document.getElementById(elemId);
    if (elem != null) {//alert('elemId='+elemId+' value='+value);
        elem.value = value;
    }
}

function CheckIfEmptyValue(elemId, value) {
    var elem = document.getElementById(elemId);
    if (elem != null) {
        if (elem.value == "") {
            FillField(elemId, value);
        }
    }
}

function SetElementPlaceToCenterOfOtherElement(containerElementId, targetElementId) {
    var cElem = document.getElementById(containerElementId);
    var tElem = document.getElementById(targetElementId);

    if (cElem != null && tElem != null) {
        var dim = GetTopLeft(cElem);
        tElem.left = dim.Left;
        tElem.top = dim.Top;
    }
}

function toggleDisabled(el) {
    alert(el);
    try {
        el.disabled = el.disabled ? false : true;
    }
    catch (E) {
    }

    if (el.childNodes && el.childNodes.length > 0) {
        for (var x = 0; x < el.childNodes.length; x++) {
            toggleDisabled(el.childNodes[x]);
        }
    }
    alert('end');
}


function GetCurrentPhotoPath() {
    return currentPhotoPath;
}


function hideBtn() {

    $(".btnSendAll").attr('src', 'imgs/SmallLogo.jpg');
    alert("Test");
    return true;
}