function togglecomment() {
    var el = document.getElementById('ordercomments');
    var el2 = document.getElementById('ordercomments2');
    if (el.className == '') {
        el.className = 'hidden';
        el2.style.display = '';
    }
    if (el.className != '') {
        el.className = 'hidden';
        el2.className = '';
    } else {
        el.className = 'hidden';
        el2.className = '';
    }

}

var basename = function(path) {
    var filename = path.split('/');
    if (filename.length == 1) {
        var filename = path.split("\\");    
    }
    filename = filename[filename.length-1];
    return filename;
}



function mainimage(tn) {
    var img = basename(tn.src);
    var num = img.substr(img.length-8,1);
    
    // find last /
    var mainimg = document.getElementById('mainimg').src
    var len = basename(mainimg).length;
    var uri = mainimg.substr(0,mainimg.length-len);
   
    // remove tn
    img = img.replace('_tn','');
    document.getElementById('mainimg').src = uri + img;
}

      
function fitPic() {
    if (window.innerWidth){
        iWidth = window.innerWidth;
        iHeight = window.innerHeight;
    }else{
        iWidth = document.body.clientWidth;
        iHeight =document.body.clientHeight;
    }
    iWidth = document.images[0].width - iWidth;
    iHeight = document.images[0].height - iHeight;
    window.resizeBy(iWidth, iHeight+40);
}

function enlargemain(norm,title) {
    var img = basename(norm.src);
    filename = img.split('.');
    var large = filename[0] + '_large.' + filename[1];

    var len = basename(norm.src).length;
    var uri = norm.src.substr(0,norm.src.length-len);

    uribase = uri.replace('images/products/','');
    window.open(uribase+'enlarge/'+large+'/'+title,"","width=400,height=400,resizable,scrollbars=no,status=0");
}

function gobrowse(number) {
    var frm = document.getElementById('numberdisplay');
    frm.num.value = number.options[number.selectedIndex].value
    frm.submit()
}

function toggle(obj) {
    var el = document.getElementById(obj);
    if (el.style.display == '')
        el.style.display = 'none';

    el.style.display = (el.style.display != 'none' ? 'none' : 'block' );
}

function payment_change(select) {

    var isOpera, isIE = false;
    if(typeof(window.opera) != 'undefined'){isOpera = true;}
    if(!isOpera && navigator.userAgent.indexOf('MSIE')>=0){isIE = true};

    var start_date = document.getElementById('start_date');
    var issue_number = document.getElementById('issue_number');
    var card = select.options[select.selectedIndex].value;
    // if switch or solo show start_date
    if (card == 'switch' || card == "solo") {
        if (isIE) {
            start_date.style.setAttribute('cssText', 'display:table-row');
            issue_number.style.setAttribute('cssText', 'display:table-row');
        } else {
            start_date.setAttribute('style','display:table-row');
            issue_number.setAttribute('style','display:table-row');
        }
    } else { // hide
        if (isIE) {
            start_date.style.setAttribute('cssText', 'display:none');
            issue_number.style.setAttribute('cssText', 'display:none');
        } else {
            start_date.setAttribute('style','display:none');
            issue_number.setAttribute('style','display:none');
        }
    }    
}

function delivery_address(option) {

    var isOpera, isIE = false;
    if(typeof(window.opera) != 'undefined'){isOpera = true;}
    if(!isOpera && navigator.userAgent.indexOf('MSIE')>=0){isIE = true};

    var d0 = document.getElementById('delivery0');
    var d1 = document.getElementById('delivery1');
    var d2 = document.getElementById('delivery2');
    var d3 = document.getElementById('delivery3');
    var d4 = document.getElementById('delivery4');
    var d5 = document.getElementById('delivery5');
    var d6 = document.getElementById('delivery6');

    if (option.value == "yes") {
        if (isIE) {
            d0.style.setAttribute('cssText', 'display:table-row');
            d1.style.setAttribute('cssText', 'display:table-row');d2.style.setAttribute('cssText', 'display:table-row');
            d3.style.setAttribute('cssText', 'display:table-row');d4.style.setAttribute('cssText', 'display:table-row');
            d5.style.setAttribute('cssText', 'display:table-row');d6.style.setAttribute('cssText', 'display:table-row');
        } else {
            d0.setAttribute('style','display:table-row');
            d1.setAttribute('style','display:table-row');d2.setAttribute('style','display:table-row');
            d3.setAttribute('style','display:table-row');d4.setAttribute('style','display:table-row');
            d5.setAttribute('style','display:table-row');d6.setAttribute('style','display:table-row');
        }
    } else {
        if (isIE) {
            d0.style.setAttribute('cssText', 'display:none');
            d1.style.setAttribute('cssText', 'display:none');d2.style.setAttribute('cssText', 'display:none');
            d3.style.setAttribute('cssText', 'display:none');d4.style.setAttribute('cssText', 'display:none');
            d5.style.setAttribute('cssText', 'display:none');d6.style.setAttribute('cssText', 'display:none');
        } else {
            d0.setAttribute('style','display:none');
            d1.setAttribute('style','display:none');d2.setAttribute('style','display:none');
            d3.setAttribute('style','display:none');d4.setAttribute('style','display:none');
            d5.setAttribute('style','display:none');d6.setAttribute('style','display:none');
        }
    }

}

function load() {
    var ob = document.getElementById('yes');

    if (ob.checked)
        delivery_address(ob);
        
    var ob2 = document.getElementById('payment_type');
    
    if (ob2.value == "solo" || ob2.value == "switch")
        payment_change(ob2);
}

function update_hidden_comment(comment) {
    var hidden = document.getElementById('hiddencomment');
    hidden.value = comment.value;
}