//layout 1 = wrap 
//layout 2 = singleimg
//layout 3 = singletext

//position 1 = left
//position 2 = center
//position 3 = right

//page
function LayoutClick(rbid, img, img2, img3, imgname) {
    document.getElementById(rbid).checked = true;
    img.setAttribute("style", "border-color:#000;");
    document.getElementById(img2).setAttribute("style", "border-color:#fff;");
    document.getElementById(img3).setAttribute("style", "border-color:#fff;");
    if (imgname == '') {
        document.getElementById('positionsph').setAttribute("style", "display:block;");
        PositionClick("position_1", "posimg_1", "posimg_2", "posimg_3");
    }
    else {
        document.getElementById('positionsph').setAttribute("style", "display:none;");
        document.getElementById('example').setAttribute("src", "/_assets/images/" + imgname);
    }
}

function PositionClick(rbid, img, img2, img3) {
    var layout = "";
    var layouts = document.getElementsByName("layout");
    for (var x = 0; x < layouts.length; x++) {
        if (layouts[x].checked) {
            layout = layouts[x].value;
        }
    }
    document.getElementById(rbid).checked = true;
    document.getElementById(img).setAttribute("style", "border-color:#000;");
    document.getElementById(img2).setAttribute("style", "border-color:#fff;");
    document.getElementById(img3).setAttribute("style", "border-color:#fff;");
    document.getElementById('example').setAttribute("src", GetImageName());
}


function GetImageName() {
    var layout = "";
    var layouts = document.getElementsByName("layout");
    for (var x = 0; x < layouts.length; x++) {
        if (layouts[x].checked) {
            layout = layouts[x].value;
        }
    }

    var position = "";
    var positions = document.getElementsByName("position");
    for (var x = 0; x < positions.length; x++) {
        if (positions[x].checked) {
            position = positions[x].value;
        }
    }
    return "/_assets/images/" + page + layout + position + ".jpg";
}

//WHEN POSITION VALUE IS CHANGED
function SetPositionValue(position, img) {
    document.getElementById(position).setAttribute("style", "border-color:#000;");
    document.getElementById('example').setAttribute("src", img);
}

//WHEN LAYOUT OPTION IS CHANGED
function SetLayoutValue(tohide, layout, img, positions) {
    document.getElementById(tohide).setAttribute("style", "display:none;");
    document.getElementById(layout).setAttribute("style", "border-color:#000;");
    document.getElementById('example').setAttribute("src", img);
    if (positions == "") {
        document.getElementById('positionsph').setAttribute("style", "display:none;");
    }
}

//SHOW OR HIDE TEXT AND IMAGE
function ShowHide(type) {
    if (type == "image") {
        document.getElementById('mugtext').setAttribute("style", "display:none");
        document.getElementById('mugimage').setAttribute("style", "display:block");
    }
    else if (type == "text") {
        document.getElementById('mugimage').setAttribute("style", "display:none");
        document.getElementById('mugtext').setAttribute("style", "display:block");
    }
}

//RUN ON INTITIAL PAGE LOAD
function InitialiseScript() {
    document.getElementById('layout_1').setAttribute("style", "display:none;");
    document.getElementById('layout_2').setAttribute("style", "display:none;");
    document.getElementById('layout_3').setAttribute("style", "display:none;");
    document.getElementById('position_1').setAttribute("style", "display:none;");
    document.getElementById('position_2').setAttribute("style", "display:none;");
    document.getElementById('position_3').setAttribute("style", "display:none;");
    document.getElementById('mugtext').setAttribute("style", "display:none;");
    document.getElementById('mugimage').setAttribute("style", "display:none;");
    document.getElementById('positionsph').setAttribute("style", "display:none;");
}

//RUN IF ERROR OCCURS IN POST
function ReinitialiseScript() {
    document.getElementById('layout_1').setAttribute("style", "display:none;");
    document.getElementById('layout_2').setAttribute("style", "display:none;");
    document.getElementById('layout_3').setAttribute("style", "display:none;");
    document.getElementById('position_1').setAttribute("style", "display:none;");
    document.getElementById('position_2').setAttribute("style", "display:none;");
    document.getElementById('position_3').setAttribute("style", "display:none;");

    var layout1 = document.getElementById('layout_1');
    var layout2 = document.getElementById('layout_2');
    var layout3 = document.getElementById('layout_3');
    var position1 = document.getElementById('position_1');
    var position2 = document.getElementById('position_2');
    var position3 = document.getElementById('position_3');

    if (layout1.getAttribute('checked') == "checked") {
        SetLayoutValue('mugtext', 'image_1', "/_assets/images/"+ page +"main-full-wrap.jpg", "");
    }
    else if (layout2.getAttribute('checked') == "checked") {
        SetLayoutValue('mugtext', 'image_2', "/_assets/images/"+ page +"main-single-image.jpg", "");
    }
    else if (layout3.getAttribute('checked') == "checked") {
        SetLayoutValue('mugimage', 'image_3', "", "false");
    }

    if (position1.getAttribute('checked') == "checked") {
        SetPositionValue('posimg_1', GetImageName());
    }
    else if (position2.getAttribute('checked') == "checked") {
        SetPositionValue('posimg_2', GetImageName());
    }
    else if (position3.getAttribute('checked') == "checked") {
        SetPositionValue('posimg_3', GetImageName());
    }
}

//INCREASE QUANTITY TO PURCHASE
function Increase() {
    var tbx = document.getElementById('quantity')
    tbx.value = (parseInt(tbx.value) + 1);
}

//DECREASE QUANTITY TO PURCHASE
function Decrease() {
    var tbx = document.getElementById('quantity')
    if (tbx.value >= 2) {
        tbx.value = (tbx.value - 1);
    }
}

//Numeric Check
function ValidateQuantity(input) {
    if (IsNumeric(input)) {
        if (input > 0) {
            return parseInt(input);
        }
    }
    else { return ''; }
}

function IsNumeric(input) {
    return (input - 0) == input && input.length > 0;
}

function Show() {
    document.getElementById('slidingDiv').setAttribute("style", "display:block");
    document.getElementById('mug-slider').setAttribute("style", "display:none");
}

function changeimage() {
            document.getElementById('posimg_1').src = "/_assets/images/full-left.jpg";
            document.getElementById('posimg_2').src = "/_assets/images/full-center.jpg";
            document.getElementById('posimg_3').src = "/_assets/images/full-right.jpg";
        }
function changeimage2() {
            document.getElementById('posimg_1').src = "/_assets/images/left.jpg";
            document.getElementById('posimg_2').src = "/_assets/images/center.jpg";
            document.getElementById('posimg_3').src = "/_assets/images/right.jpg";
        }