function initATTabs() {
    var ele = document.getElementById("attabs");
    var eleul = ele.getElementsByTagName("ul")[0];
    var lis = eleul.getElementsByTagName("li");
    for (var i = 0; i < lis.length; i++) {
        var elemli = lis[i];
        if (hasClassName(elemli, "tab")) {
            // todo: search for nodeType == 3 (textnode)
            var eleid = elemli.id;
            var eledv = elemli.firstChild.firstChild;
            eledv.setAttribute("onclick", "click('" + eleid + "')");         
            var elemtxt = eledv.firstChild;
            var elemval = elemtxt.nodeValue;
            var lnkelem = document.createElement("a");
            lnkelem.setAttribute("href", "javascript:click('" + eleid + "')");
            lnkelem.appendChild(elemtxt);
            var arrow = document.createElement("span");
            arrow.setAttribute("class", "arrow");
            arrow.className = "arrow";
            arrow.appendChild(document.createTextNode("\u00a0"));            
            lnkelem.appendChild(arrow);
            eledv.appendChild(lnkelem);
        }
    }    
}
function addClassName(elem, classname) {
    if (!hasClassName(elem, classname)) { elem.className += (elem.className ? ' ' : '') + classname; }
}
function removeClassName(elem, classname) {
    elem.className = elem.className.replace(new RegExp("(^|\\s+)" + classname + "(\\s+|$)"), ' ');
}
function hasClassName(elem, classname) {
    var elemclassname = elem.className;
    if (elemclassname.length > 0) {
        return (elemclassname == classname) || new RegExp("(^|\\s)" + classname + "(\\s|$)").test(elemclassname);
    }
    return false;
}
function click(eleid) {
    var ele = document.getElementById("attabs");
    var eleul = ele.getElementsByTagName("ul")[0];
    var lis = eleul.getElementsByTagName("li");
    for (var i = 0; i < lis.length; i++) {
        var elemli = lis[i];
        if (elemli.id != eleid) {
            if (hasClassName(elemli, "first")) {
                removeClassName(elemli, "firstselected");
            } else if (hasClassName(elemli, "last")) {
                removeClassName(elemli, "lastselected");                
            } else {
                removeClassName(elemli, "selected");
            }
        } else {
            if (hasClassName(elemli, "first")) {
                addClassName(elemli, "firstselected");
            } else if (hasClassName(elemli, "last")) {
                addClassName(elemli, "lastselected");
            } else {
                addClassName(elemli, "selected");
            }
        }
    }
    var tabname = eleid + "content";
    var eletabs = document.getElementById("tabcontents");
    var eledvs = eletabs.getElementsByTagName("div");
    for (var i = 0; i < eledvs.length; i++) {
        var eledv = eledvs[i];
        if (hasClassName(eledv, "tabcontent")) {
            if (eledv.id == tabname) {
                eledv.style.display = "block";
//                if (isIE8()) { // ugly hack for IE8
//                    var discp = document.getElementById("pricedisc");
//                    document.getElementById("custom-wrapper").style.height = discp.offsetTop + discp.offsetHeight + 250 + "px";
//                }
            } else {
                eledv.style.display = "none";
            }
        }
    }
}

function isIE8() {
    if (navigator.appName == 'Microsoft Internet Explorer') {
        var ua = navigator.userAgent;
        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        if (re.exec(ua) != null) {
            var rv = parseFloat(RegExp.$1);
            if (rv >= 8) {
                return true;
            }
        }
    }
    return false;
}
