var xmlhttp;
if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
    // code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
    alert("Your browser does not support XMLHTTP! Please upgrade your browser to recieve full functionality");
}

var bIsPrev = false;
var bgDiv = document.createElement('div')
bgDiv.id = 'bgDiv';

var gbPop = false;

function OpenLargeSlide(ImageID) {

    gbPop = true;

    var tmpDiv = document.createElement('div')
    tmpDiv.id = 'LargeGallery'
    tmpDiv.className = 'open'
    document.getElementById('galcontain').appendChild(tmpDiv)
    //document.getElementById('home').appendChild(bgDiv)
	document.body.appendChild(bgDiv)
    
    //Lägg till stängknapp
    var oCross = document.createElement('a')
    oCross.href = 'javascript:CloseLargeSlide()'
    oCross.innerHTML = '×'
    oCross.className = 'cross'
    document.getElementById('LargeGallery').appendChild(oCross);
    
    //Lägg till diven för bilden
    var oDiv = document.createElement('div')
    oDiv.id = 'centerimage'
    document.getElementById('LargeGallery').appendChild(oDiv);
    
    //Lägg till knappen tidigare
    var btnPrev = document.createElement('a')
    btnPrev.id = 'btnPrev'
    btnPrev.href = '#'
    btnPrev.innerHTML = '    '
    bIsPrev = true;
    
    //Lägg till knappen nästa
    var oAnchor = document.createElement('a')
    oAnchor.id = "btnNext"
    oAnchor.href = '#'
    oAnchor.innerHTML = '    '

    var divBtns = document.createElement('div')
    divBtns.id = 'divBtns'
    divBtns.appendChild(btnPrev)
    divBtns.appendChild(oAnchor)
    document.getElementById('LargeGallery').appendChild(divBtns)
    
    //Visa diven
    document.getElementById('galcontain').className = 'open'

    //Hämta bilden
    GetImage(ImageID);
    
    //Sätt igång bildspelet, delay krävs för att den inte ska hänga sig
    setTimeout("$('div#LargeGallery').slideShow();",300)


}


function CloseLargeSlide() {
    //Stäng diven och töm den
    document.getElementById('galcontain').className = 'closed'
    document.getElementById('galcontain').removeChild(document.getElementById('LargeGallery'))
    document.body.removeChild(bgDiv)
    bIsPrev = false;
    gbPop = false;
}

function GetImage(ImageID) {

    xmlhttp.onreadystatechange = function() {

    if (xmlhttp.readyState == 4) {
        //lägg in den inhämtade htmlkoden
        document.getElementById('centerimage').innerHTML = xmlhttp.responseText
        }
    }

    xmlhttp.open("GET", "/applications/GetImage.ashx?ImgID=" + ImageID, true); //själva anropet
    
    xmlhttp.send(null);
   
}