var antalBilder    = 0;
var bildnr         = 0;
var left_menyrader = 0;
var antalRader     = 0;

var browserType = 'IE';
function browserCheck() {
    //Create a boolean variable to check for a valid MS instance.
    var xmlhttp = false;
    browserType   = 'IE';
    //Check if we are using IE.
    try {
        //If the javascript version is greater than 5.
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    //If not, then use the older active x object.
        try {
        //If we are using IE.
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
        //Else we must be using a non-IE browser.
        xmlhttp = false;
        }
    }
    //If we are using a non-IE browser, create a javascript instance of the object.
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
        xmlhttp = new XMLHttpRequest();
        browserType = 'FF';
    }

    return xmlhttp;
}

function loading(objID, serverPage, page) {
    var obj = document.getElementById(objID);
    var xmlhttp = browserCheck();
    xmlhttp.open("POST", serverPage,true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xmlhttp.send("loading="+ page);
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
        }
    }
}

function showTop() {
    var obj = document.getElementById('pageTop');
    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv";

    xmlhttp.open("POST",'karlsroTop.jsp',true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
        }
    }
}

function showBottom() {
    var obj = document.getElementById('pageBottom');
    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv";

    xmlhttp.open("POST",'karlsroBottom.jsp',true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
        }
    }
}

function showMeny() {
    var obj = document.getElementById('pageMainMeny');
    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv";

    xmlhttp.open("POST",'mainMeny.jsp',true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
            antalRader = document.getElementById('mainMeny.antalRader').value;
        }
    }
}

function delmenyvisa(id,lr) {
    
    var obj = document.getElementById('pageMainMeny');
    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv&medplus=" + id;

    xmlhttp.open("POST",'mainMeny.jsp',true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
            antalRader = document.getElementById('mainMeny.antalRader').value;
        }
    }
}

function changeMeny(fnr) {
    var hObj = '';
    for (var i=0;i<antalRader;i++) {
        hObj = document.getElementById('KarlsroMenyhref_' + i);
        if (i == fnr) {
            hObj.className = 'sys_small_rubrik_reverse_style';
        } else {
            hObj.className = 'sys_small_rubrik_style';
        }
    }
}

function showHome() {
    var obj = document.getElementById('pageLeftMeny');
    obj.style.display = 'none';
    obj = document.getElementById('pageMain');
    obj.style.display = 'none';
    obj = document.getElementById('pageKollHead');
    obj.style.display = 'none';
    obj = document.getElementById('pageKollLeft');
    obj.style.display = 'none';
    obj = document.getElementById('pageKollRight');
    obj.style.display = 'none';

    obj = document.getElementById('pageHome');
    obj.style.visibility="visible";
    obj.style.display = '';

    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv";

    xmlhttp.open("POST",'Home.jsp',true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
            changeMeny(0);
        }
    }
}

function showLeftMeny(innehall,fnr) {
    changeMeny(fnr);
    var obj = document.getElementById('pageMain');
    obj.style.display = 'none';
    obj = document.getElementById('pageKollHead');
    obj.style.display = 'none';
    obj = document.getElementById('pageKollLeft');
    obj.style.display = 'none';
    obj = document.getElementById('pageKollRight');
    obj.style.display = 'none';
    obj = document.getElementById('pageLeftMeny');
    obj.style.visibility="visible";
    obj.style.display = '';

    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv";

    xmlhttp.open("POST",innehall,true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
        }
    }
}

function showPageMain(innehall,fnr,fantal,sidnr) {
//    changeLeftMeny(fnr,fantal);
//    var obj = document.getElementById('pageHome');
//    obj.style.display = 'none';
    changeMeny(fnr);
    var obj = document.getElementById('pageMain');
    obj.style.visibility="visible";
    obj.style.display = '';

    loading('pageMain', "../std_import/loading.jsp", innehall);

    var xmlhttp = browserCheck();

    var parameters = '';
    if (sidnr < 0) {
        parameters = "valt_sprak=sv";
    } else {
        parameters = "sprak=sv&pageno=" + sidnr;
    }

    xmlhttp.open("POST",innehall,true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
            antalBilder = 0;
            bildnr      = 0;
            var antalet = document.getElementById("bildspel.antalBilder");
            if (antalet != null) {
                antalBilder = parseInt(antalet.value);
                bildnr      = 0;
            }
        }
    }
}
/*
function showPageMain(innehall,fnr,fantal,sidnr) {
    changeLeftMeny(fnr,fantal);
    var obj = document.getElementById('pageHome');
    obj.style.display = 'none';
    obj = document.getElementById('pageMain');
    obj.style.visibility="visible";
    obj.style.display = '';

    var xmlhttp = browserCheck();

    var parameters = '';
    if (sidnr < 0) {
        parameters = "valt_sprak=sv";
    } else {
        parameters = "sprak=sv&pageno=" + sidnr;
    }

    xmlhttp.open("POST",innehall,true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
            antalBilder = 0;
            bildnr      = 0;
            var antalet = document.getElementById("bildspel.antalBilder");
            if (antalet != null) {
                antalBilder = antalet.value;
                bildnr      = 0;
            }
        }
    }
}
*/
function changeLeftMeny(fnr,fantal) {
    var hObj = '';
    for (var i=0;i<fantal;i++) {
        hObj = document.getElementById('Menyhref_' + i);
        if (i == fnr) {
            hObj.className = 'sys_small_rubrik_reverse_style';
        } else {
            hObj.className = 'sys_small_rubrik_style';
        }
    }
}

var butiksBilder = new Array(15);
butiksBilder[0] = "<img border='0' src='images/DSC_0143.JPG' width='503' height='337'>";
butiksBilder[1] = "<img border='0' src='images/DSC_0144.JPG' width='503' height='337'>";
butiksBilder[2] = "<img border='0' src='images/DSC_0150.JPG' width='503' height='337'>";
butiksBilder[3] = "<img border='0' src='images/RIMG0039.JPG' width='502' height='335'>";
butiksBilder[4] = "<img border='0' src='images/DSC_0184.JPG' width='503' height='337'>";
butiksBilder[5] = "<img border='0' src='images/DSC_0179.JPG' width='503' height='337'>";
butiksBilder[6] = "<img border='0' src='images/DSC_0177.JPG' width='503' height='337'>";
butiksBilder[7] = "<img border='0' src='images/RIMG0043.JPG' width='502' height='335'>";
butiksBilder[8] = "<img border='0' src='images/DSC_0173.JPG' width='503' height='337'>";
butiksBilder[9] = "<img border='0' src='images/DSC_0038.JPG' width='518' height='774'>";
butiksBilder[10] = "<img border='0' src='images/DSC_0153.JPG' width='518' height='774'>";
butiksBilder[11] = "<img border='0' src='images/RIMG0032.JPG' width='518' height='778'>";
butiksBilder[12] = "<img border='0' src='images/DSC_0227.JPG' width='518' height='774'>";
butiksBilder[13] = "<img border='0' src='images/DSC_0207.JPG' width='518' height='774'>";
butiksBilder[14] = "<img border='0' src='images/DSC_0202.JPG' width='517' height='549'>";

function nastaBild() {
    var fBild = document.getElementById('tdForegBild');
    fBild.innerHTML = "<a href='#' onClick=\"foregBild();\" class='sys_small_rubrik_reverse_style'><<</a>";
    bildnr ++;
    var kolla = parseInt(antalBilder - 1);
    if (bildnr >= kolla) {
//    if (bildnr >= 14) {
        var nBild = document.getElementById('tdNastaBild');
        nBild.innerHTML = "&nbsp;";
    }
    var bBild = document.getElementById('tdButikBilder');
//    bBild.innerHTML = butiksBilder[bildnr];
    bBild.innerHTML = "<img border='0' src='"  + document.getElementById('bildnr_' + bildnr).value + "'  border='0'>";
    var bBesk = document.getElementById('tdButikBesk');
    bBesk.innerHTML = document.getElementById('bildbesk_' + bildnr).value;
}

function foregBild() {
    var nBild = document.getElementById('tdNastaBild');
    nBild.innerHTML = "<a href='#' onClick=\"nastaBild();\" class='sys_small_rubrik_reverse_style'>>></a>";
    bildnr --;
    if (bildnr <= 0) {
//    if (bildnr <= 0) {
        var fBild = document.getElementById('tdForegBild');
        fBild.innerHTML = "&nbsp;";
    }
    var bBild = document.getElementById('tdButikBilder');
//    bBild.innerHTML = butiksBilder[bildnr];
    bBild.innerHTML = "<img border='0' src='"  + document.getElementById('bildnr_' + bildnr).value + "'  border='0'>";
    var bBesk = document.getElementById('tdButikBesk');
    bBesk.innerHTML = document.getElementById('bildbesk_' + bildnr).value;
}

function showPageKollektion(innehall,fnr,fantal,sidnr) {
    changeLeftMeny(fnr,fantal);
//    var obj = document.getElementById('pageHome');
//    obj.style.display = 'none';
    var obj = document.getElementById('pageKollLeft');
    obj.style.visibility="visible";
    obj.style.display = '';
    obj = document.getElementById('pageKollRight');
    obj.style.visibility="visible";
    obj.style.display = '';
    obj = document.getElementById('pageKollHead');
    obj.style.visibility="visible";
    obj.style.display = '';

    loading('pageKollLeft', "../std_import/loading.jsp", 'oldKollektionHead.jsp');

    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv";

    xmlhttp.open("POST",'oldKollektionHead.jsp',true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
            showPageKollLista(innehall,sidnr);
        }
    }
}

function showPageKollLista(innehall,sidnr) {
    var obj = document.getElementById('pageKollLeft');
    var xmlhttp = browserCheck();

    var parameters = '';
    if (sidnr < 0) {
        parameters = "valt_sprak=sv";
    } else {
        parameters = "sprak=sv&pageno=" + sidnr;
    }

    xmlhttp.open("POST",innehall,true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
            showPageKollRight();
        }
    }
}

function showPageKollRight() {
    var obj = document.getElementById('pageKollRight');
    var xmlhttp = browserCheck();

    var parameters = "valt_sprak=sv";

    xmlhttp.open("POST",'oldKollektionRight.jsp',true);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(parameters);

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status && xmlhttp.status == 200) {
            obj.innerHTML = xmlhttp.responseText;
        }
    }
}

function showBild(bilden) {
    var tdObj = document.getElementById('pageKollRight');
    tdObj.innerHTML = '<img border="0" src="' + bilden + '">';
}

function showNyBild(bilden,besk,benamn,bredd,hojd) {
    var tdObj = document.getElementById('pageKollRight');
    tdObj.innerHTML  = benamn + "<br><br>";
    tdObj.innerHTML += '<img border="0" src="' + bilden + '" width="' + bredd + '" height="' + hojd + '">';
    tdObj.innerHTML += "<br>" + besk;
}