function initTabs() {
    var sets = document.getElementsByTagName("ul");
    for (var i = 0; i < sets.length; i++) {
        if (sets[i].className.indexOf("tabset") != -1) {
            var tabs = [];
            var links = sets[i].getElementsByTagName("a");
            for (var j = 0; j < links.length; j++) {
                if (links[j].className.indexOf("tab") != -1) {
                    tabs.push(links[j]);
                    links[j].tabs = tabs;
                    var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1));

                    if (c) if (links[j].parentNode.className.indexOf("active") != -1) c.style.display = "block";
                    else c.style.display = "none";

                    links[j].onclick = function () {
                        var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
                        if (c) {
                            for (var i = 0; i < this.tabs.length; i++) {
                                var tab = document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1));
                                if (tab) {
                                    tab.style.display = "none";
                                }
                                this.tabs[i].parentNode.className = this.tabs[i].parentNode.className.replace("active", "");
                            }
                            this.parentNode.className += " active";
                            c.style.display = "block";
                            return false;
                        }
                    }
                }
            }
        }
    }
}
if (window.addEventListener)
    window.addEventListener("load", initTabs, false);
else if (window.attachEvent && !window.opera)
    window.attachEvent("onload", initTabs);

function swapImg(pSeq) {

    // get painting seq
    var id="chooseMe" + pSeq;
    var imageId = $('#' + id);

    var pnName = $('#PnName' + pSeq).html();
    
    // replace the main image
    var imgSrc = imageId.attr('src');
    var bigImgSrc = imgSrc.replace("_tn", "");

    $('.previewBox .image img').attr('src', bigImgSrc);
    $('.paintingName').html('"' + pnName + '"');
    $('#PnSeq').attr('value', pSeq);
}
