var currentDir;
var currentID;
var currentImg;

function setPos()
{
    document.getElementById("imagePreviewContent").style.width = document.getElementById("temp_Image").offsetWidth + 10 + "px";
    document.getElementById("imagePreviewContentMain").style.width = document.getElementById("temp_Image").offsetWidth + 10 + "px";
    document.getElementById("imagePreview").style.margin = "0";
    if (document.getElementById("temp_Image").width == 800)
    {
        document.getElementById("temp_Image").style.cursor = "pointer";
        document.getElementById("temp_Image").onclick = function()
        {
            var newWindow = window.open('about:Blank',".:REVOC:. - Custom made wing bags");
            newWindow.location = document.getElementById("temp_Image").src;
        }
    }
}

function showImagePreview(image, Title)
{
    document.getElementById("imagePreview").style.display = "inline";
    document.getElementById("imagePreviewTitle").innerHTML = Title;
    document.getElementById("imagePreviewContent").innerHTML = "<img style='margin: 0 auto;' id='temp_Image' src='images/layout/loading.gif' />";
    document.getElementById("imagePreviewContent").style.paddingBottom = "10px";
    
    document.getElementById("temp_Image").style.cursor = "auto";
    document.getElementById("temp_Image").onclick = null;
    
    var Picture = new Image();
    Picture.onload = function()
    {
        
        document.getElementById("temp_Image").src = image;
        document.getElementById("temp_Image").style.maxWidth = "800px";
        document.getElementById("temp_Image").title = Title;
        document.getElementById("temp_Image").alt = Title;
        
        if (document.getElementById("temp_Image").width > 800)
            document.getElementById("temp_Image").width = 800;
           
        setTimeout("setPos()", 200);
    }
    Picture.src = image;
}

function hideImagePreview()
{
    document.getElementById("imagePreviewContentMain").style.height = "50px";
    document.getElementById('imagePreviewContent').removeChild(document.getElementById('temp_Image'));
    document.getElementById("imagePreviewTitle").innerHTML = "";
    document.getElementById("imagePreviewContent").innerHTML = "";
    document.getElementById("imagePreview").style.display = "none";
}

function setPos2()
{
    document.getElementById("imagePreviewContent2").style.width = document.getElementById("temp_Image2").offsetWidth + 10 + "px";
    document.getElementById("imagePreviewContentMain2").style.width = document.getElementById("temp_Image2").offsetWidth + 10 + "px";
    document.getElementById("imagePreview2").style.margin = "0";
    if (document.getElementById("temp_Image2").width == 800)
    {
        document.getElementById("temp_Image2").style.cursor = "pointer";
        document.getElementById("temp_Image2").onclick = function()
        {
            var newWindow = window.open('about:Blank',".:REVOC:. - Custom made wing bags");
            newWindow.location = document.getElementById("temp_Image2").src;
        }
    }
}

function showImagePreview2(image, directory, ID)
{
    currentDir = directory;
    currentID = ID;
    
    var totalWidth;
    var xmlhttp;
    
    if (window.XMLHttpRequest)
        xmlhttp = new XMLHttpRequest();
    else
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("imageList2").innerHTML = xmlhttp.responseText;
            document.getElementById(ID).style.border = "solid";
            document.getElementById(ID).style.borderWidth = "3px";
            document.getElementById(ID).style.borderColor = "rgb(255,204,0)";
            for (var i = 0; i < document.getElementById("imageList2").childNodes.length; i++)
                totalWidth += document.getElementById("imageList2").childNodes[i].width + 5;
            document.getElementById("imageList2").width = totalWidth;
            
            for (var i = 0; i < document.getElementById("imageList2").childNodes.length; i++)
            {
                var nextLeft = i * 17;
                nextLeft = nextLeft / 2;
                document.getElementById("imageList2").childNodes[i].style.left = nextLeft + "px";
            }

            var centerDifference = parseInt(document.getElementById(ID).style.left) * 17 - parseInt(document.getElementById("imageList2Splitter").offsetWidth) / 2 ;
            
            for (var i = 0; i < document.getElementById("imageList2").childNodes.length; i++)
            {
                var currLeft = parseInt(document.getElementById("imageList2").childNodes[i].style.left);
                var nextLeft = currLeft - centerDifference;
                document.getElementById("imageList2").childNodes[i].style.left = nextLeft + "px";
            }
        }
    }
    
    xmlhttp.open("GET", "designsSimplified.php?dir=" + directory, true);
    xmlhttp.send();
    
    document.getElementById("imagePreview2").style.display = "inline";
    document.getElementById("imagePreviewContent2").innerHTML = "<img style='margin: 0 auto;' id='temp_Image2' src='images/layout/loading.gif' />";
    document.getElementById("imagePreviewContent2").style.paddingBottom = "10px";
    
    document.getElementById("temp_Image2").style.cursor = "auto";
    document.getElementById("temp_Image2").onclick = null;
    
    var Picture = new Image();
    Picture.onload = function()
    {
        document.getElementById("temp_Image2").src = Picture.src;
        document.getElementById("temp_Image2").style.maxWidth = "800px";
        document.getElementById("temp_Image2").alt = "Wingbags";
        if (document.getElementById("temp_Image2").width > 800)
            document.getElementById("temp_Image2").width = 800;
            
        setTimeout("setPos2()", 200);
    }
    Picture.src = image;
    currentImg = image;
}

function hideImagePreview2()
{
    document.getElementById("imagePreviewContentMain2").style.height = "50px";
    document.getElementById('imagePreviewContent2').removeChild(document.getElementById('temp_Image2'));
    document.getElementById("imagePreviewTitle2").innerHTML = "";
    document.getElementById("imagePreviewContent2").innerHTML = "";
    document.getElementById("imagePreview2").style.display = "none";
}

function changeImagePreview2(image, ID)
{
    currentID = ID;
    
    for (var i = 0; i < document.getElementById("imageList2").childNodes.length; i++)
        document.getElementById("imageList2").childNodes[i].style.border = "none";
    
    document.getElementById(ID).style.border = "solid";
    document.getElementById(ID).style.borderWidth = "3px";
    document.getElementById(ID).style.borderColor = "rgb(255,204,0)";
    document.getElementById("temp_Image2").src = 'images/layout/loading.gif';
    var Picture = new Image();
    Picture.onload = function()
    {
        document.getElementById("temp_Image2").src = Picture.src;
        document.getElementById("temp_Image2").style.maxWidth = "800px";
        document.getElementById("temp_Image2").alt = "Wingbags";
        if (document.getElementById("temp_Image2").width > 800)
            document.getElementById("temp_Image2").width = 800;
            
        setTimeout("setPos2()", 200);
    }
    
    Picture.src = image;
    currentImg = image;
    
    /*
    var centerDifference = parseInt(document.getElementById(ID).style.left) * 17 - parseInt(document.getElementById("imageList2Splitter").offsetWidth) * 8.5 ;
    alert(centerDifference);
    for (var i = 0; i < document.getElementById("imageList2").childNodes.length; i++)
    {
        var currLeft = parseInt(document.getElementById("imageList2").childNodes[i].style.left);
        var nextLeft = currLeft - centerDifference;
        document.getElementById("imageList2").childNodes[i].style.left = nextLeft + "px";
    }
    */
}

function slideGallery(side)
{
    if (side == 1) // Left
    {
        for (var i = 0; i < document.getElementById("imageList2").childNodes.length; i++)
        {
            var currLeft = parseInt(document.getElementById("imageList2").childNodes[i].style.left);
            var nextLeft = currLeft - 140;
            document.getElementById("imageList2").childNodes[i].style.left = nextLeft + "px";
        }
    }
    else if (side == 2) // Right
    {
        for (var i = 0; i < document.getElementById("imageList2").childNodes.length; i++)
        {
            var currLeft = parseInt(document.getElementById("imageList2").childNodes[i].style.left);
            var nextLeft = currLeft + 140;
            document.getElementById("imageList2").childNodes[i].style.left = nextLeft + "px";
        }
    }
}

function switchGalleryPhoto(side)
{
    try
    {
        var newID = currentID.split("_")[1];
        
        if (side == 1) // Previous
            var newID = "TEMPG_" + (parseInt(newID) - 1);
        else if (side == 2) // Next
            var newID = "TEMPG_" + (parseInt(newID) + 1);
            
        var arr = document.getElementById(newID).src.split('/');
        var extension = arr[document.getElementById(newID).src.split('/').length - 1].split(".")[1];
        //alert(arr[document.getElementById(newID).src.split('/').length - 1]);
        var pth = arr[document.getElementById(newID).src.split("/").length - 1];
        var path = pth.split(".")[0].substr(0, pth.split(".")[0].length - 1);
        if (path.indexOf("_") != -1)
            path = path.split("_")[1];
        
        changeImagePreview2(document.getElementById(newID).src.replace(arr[document.getElementById(newID).src.split('/').length - 1], path) + "." + extension, newID);
    }
    catch(exc) {}
}