function centerTextImg(DivID, ImgID) {
    var Text = document.getElementById(DivID);
    var Image = document.getElementById(ImgID);
    //alert(Img.clientHeight);
    if (Image.clientHeight > Text.clientHeight) {
        Text.style.top = (Image.clientHeight / 2) - (Text.clientHeight / 2);
        Text.style.position = "relative";
    }
    else {
        Image.style.top = (Text.clientHeight / 2) - (Image.clientHeight / 2);
        Image.style.position = "relative";
    }
}

function MagnifyImage(pathName, width, height, parent, side) {
    document.getElementById("Magnify").style.visibility = "visible";
    document.getElementById("Magnify").src = pathName;
    document.getElementById("Magnify").style.width = width;
    document.getElementById("Magnify").style.height = height;
    document.getElementById("Magnify").style.top = findPosTop(document.getElementById(parent)) -
                                                        (height / 3);
    if (side == "left") {
        document.getElementById("Magnify").style.left = findPosLeft(document.getElementById(parent)) - width - 50;
    }
    else {
        document.getElementById("Magnify").style.left = findPosLeft(document.getElementById(parent)) + width - 50;
    }
}

function HideMagnify() {
    document.getElementById("Magnify").style.visibility = "hidden";
    document.getElementById("Magnify").src = "";
}

function collapse(isVisible, Tag) {
    if (isVisible) {
        document.getElementById(Tag).style.display = "none";
    }
    else {
        document.getElementById(Tag).style.display = "block";
    }
}

function findPosLeft(obj) {
    var curleft = 0;
    if (obj.offsetParent)
        while (1) {
        curleft += obj.offsetLeft;
        if (!obj.offsetParent)
            break;
        obj = obj.offsetParent;
    }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosTop(obj) {
    var curtop = 0;
    if (obj.offsetParent)
        while (1) {
        curtop += obj.offsetTop;
        if (!obj.offsetParent)
            break;
        obj = obj.offsetParent;
    }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
}

function preLoad(pathName) {
    document.getElementById("Magnify").src = pathName;
}

function makeOtherOptionVisible(Option, OtherBox) {
    if (document.getElementById(Option).value != "Other") {
        document.getElementById(OtherBox).style.display = "none";
    }
    else {
        document.getElementById(OtherBox).style.display = "inline";
    }
}
function note(visible, note, text) {
    if (visible) {
        document.getElementById('FloatText').innerHTML = text;
        document.getElementById('FloatText').style.visibility = "visible";
        document.getElementById('FloatText').style.left = findPosLeft(document.getElementById(note)) + 20;
        document.getElementById('FloatText').style.top = findPosTop(document.getElementById(note));
    }
    else {
        document.getElementById('FloatText').style.visibility = "hidden";
    }
}
function dimensionOption() {
    if (document.getElementById('Catagory').value == "Ring") {
        document.getElementById('RingDimensions').style.display = "inline";
        document.getElementById('ItemDimensions').style.display = "none";
    }
    else {
        document.getElementById('RingDimensions').style.display = "none";
        document.getElementById('ItemDimensions').style.display = "inline";
    }
}
function changeMetal() {

    document.getElementById('QualGold').style.display = "none";
    document.getElementById('QualSilver').style.display = "none";
    document.getElementById('QualNiobium').style.display = "none";
    document.getElementById('QMetalNote').style.display = "none";

    if (document.getElementById('Metal').value == "Gold") {
        document.getElementById('QualGold').style.display = "inline";
    }
    else if (document.getElementById('Metal').value == "Silver") {
        document.getElementById('QualSilver').style.display = "inline";
    }
    else if (document.getElementById('Metal').value == "Damascus" ||
            document.getElementById('Metal').value == "Mokume Gane") {
        document.getElementById('QMetalNote').style.display = "inline";
    }
    else if (document.getElementById('Metal').value == "Titanium" ||
             document.getElementById('Metal').value == "Niobium") {
        document.getElementById('QualNiobium').style.display = "inline";
    }
}
function validate() {
    if (Order.Date.value == "") {
        alert("Please fill in the Date Need");
        return false;
    }
    if (Order.Name.value == "") {
        alert("please fill in your Name");
        return false;
    }
    if (Order.Street.value == "") {
        alert("please fill in your Street Address");
        return false;
    }
    if (Order.City.value == "") {
        alert("please fill in your City");
        return false;
    }
    if (Order.Country.value == "Other" && Order.OtherCountry.value == "") {
        alert("please fill in your Country");
        return false;
    }
    if (Order.Prov.value == "") {
        alert("please fill in your Province/State");
        return false;
    }
    if (Order.Email.value == "") {
        alert("please fill in your Email");
        return false;
    }
    else {
        var mail = Order.Email.value;
        if (mail.search("[.]") == -1 || mail.search("[@]") == -1) {
            alert("please fill in a valid email");
            return false;
        }
    }
    if (Order.Phone.value == "") {
        alert("please fill in your Phone number");
        return false;
    }
    if (Order.Occasion.value == "Other" && Order.OtherOccasion.value == "") {
        alert("Please fill in the other Occasion");
        return false;
    }
    if (Order.Metal.value == "Other" && Order.OtherMetal.value == "") {
        alert("Please fill in the other Metal");
        return false;
    }
    if (Order.Catagory.value == "Other" && Order.OtherCatagory.value == "") {
        alert("Please fill in the other catagory");
        return false;
    }
    return true;
}