var divID;
var divWidth;
var divHeight;

$(document).ready(function() {
    if (document.getElementById('hfLogin').value == "true") {
        getImages();
        if (document.getElementById('hfSelectedImage').value != "") {
            selectImage(document.getElementById('hfSelectedImage').value);
        }
    }
    else {
        alert("Session has expired, please login again");
        parent.window.location.href = "http://www.locallinkup.com";
    }
});

function getImages() {
    var d = new Date();
    var time = d.getTime();
    var strURL = parent.document.getElementById('hfHandlerURL').value + "/getImagesHandler.ashx?dom=" +
            parent.document.getElementById('hfUserDomain').value + "&d=" + time;
    $.get(strURL, function(data) {
        document.getElementById('gallery').innerHTML = data;
        setMouseOvers();
        ScrollCheck();
    });
}

function setMouseOvers() {
    $('.boxgrid100.peek').hover(function() {
        $('.cover', this).stop().animate({ top: '60px' }, { queue: false, duration: 360 });
    }, function() {
        $('.cover', this).stop().animate({ top: '0px' }, { queue: false, duration: 360 });
    });
}

var imageHistory = new Array();
imageHistory[0] = "Images/noImage.png";
imageHistory[1] = "Images/noImage.png";
imageHistory[2] = "Images/noImage.png";

function selectImage(imageID) {
    document.getElementById('hfSelectedImage').value = imageID;
    var d = new Date();
    var time = d.getTime();
    var strURL = parent.document.getElementById('hfHandlerURL').value + "/selectImageHandler.ashx?iID=" + imageID + "&d=" + time;
    $.get(strURL, function(data) {
        document.getElementById('currImageIDDiv').innerHTML = data.split('^')[0];
        document.getElementById('currImageNameDiv').innerHTML = data.split('^')[1];
        document.getElementById('currImageSizeDiv').innerHTML = data.split('^')[2];
        document.getElementById('currImageURLDiv').innerHTML = data.split('^')[3];
        document.getElementById('currImage').style.backgroundImage = "url(" + data.split('^')[4] + ")";
        if (imageHistory[0] == "Images/noImage.png") {
            imageHistory[0] = data.split('^')[4];
            document.getElementById('histImage1').src = imageHistory[0];
            document.getElementById('histImage2').src = imageHistory[1];
            document.getElementById('histImage3').src = imageHistory[2];
        }
        else if (imageHistory[1] == "Images/noImage.png") {
            imageHistory[1] = data.split('^')[4];
            document.getElementById('histImage1').src = imageHistory[0];
            document.getElementById('histImage2').src = imageHistory[1];
            document.getElementById('histImage3').src = imageHistory[2];
        }
        else if (imageHistory[2] == "Images/noImage.png") {
            imageHistory[2] = data.split('^')[4];
            document.getElementById('histImage1').src = imageHistory[0];
            document.getElementById('histImage2').src = imageHistory[1];
            document.getElementById('histImage3').src = imageHistory[2];
        }
        else {
            imageHistory[0] = imageHistory[1];
            imageHistory[1] = imageHistory[2];
            imageHistory[2] = data.split('^')[4];
            document.getElementById('histImage1').src = imageHistory[0];
            document.getElementById('histImage2').src = imageHistory[1];
            document.getElementById('histImage3').src = imageHistory[2];
        }
    });

}

function viewImage() {
    var imageID = document.getElementById('currImageIDDiv').innerHTML;
    var imageSize = document.getElementById('currImageSizeDiv').innerHTML;
    var imageURL = document.getElementById('currImageURLDiv').innerHTML;
    parent.showImageView(imageID, imageSize, imageURL);
}

function openUploadWindow() {
    if (document.getElementById('hfDivDetails').value != "") {
        divID = document.getElementById('hfDivDetails').value.split(';')[0];
        divWidth = document.getElementById('hfDivDetails').value.split(';')[1];
        divHeight = document.getElementById('hfDivDetails').value.split(';')[2];
    }
    if (document.getElementById('hfBtnDetails').value != "") {
        divID = document.getElementById('hfBtnDetails').value.split(';')[0];
        divWidth = document.getElementById('hfBtnDetails').value.split(';')[1];
        divHeight = document.getElementById('hfBtnDetails').value.split(';')[2];
    }
    parent.showImageUpload("?dID=" + divID + "&w=" + divWidth + "&h=" + divHeight);
}

function closeImageGall() {
    parent.hideModalWindow('imageGalleryModal');
}

function applyImage(id) {
    var imageID = document.getElementById(id).innerHTML;
    if (imageID != "") {
        var imageWidth = document.getElementById('currImageSizeDiv').innerHTML.split(';')[0];
        var imageHeight = document.getElementById('currImageSizeDiv').innerHTML.split(';')[1];
        var imageURL = document.getElementById('currImageURLDiv').innerHTML;
        var imageName = document.getElementById('currImageNameDiv').innerHTML;
        if (document.getElementById('hfDivDetails').value != "") {
            divID = document.getElementById('hfDivDetails').value.split(';')[0];
            divWidth = document.getElementById('hfDivDetails').value.split(';')[1];
            divHeight = document.getElementById('hfDivDetails').value.split(';')[2];
            if (parseInt(divWidth) == parseInt(imageWidth) && parseInt(divHeight) == parseInt(imageHeight)) {
                parent.hideImageGallApply(divID, imageURL);
            }
            else {
                parent.hideImageGallConfirm("?iID=" + imageID + "&dID=" + divID + "&w=" + divWidth + "&h=" + divHeight);
            }
        }
        if (document.getElementById('hfBtnDetails').value != "") {
            divID = document.getElementById('hfBtnDetails').value.split(';')[0];
            divWidth = document.getElementById('hfBtnDetails').value.split(';')[1];
            divHeight = document.getElementById('hfBtnDetails').value.split(';')[2];
            if (parseInt(divWidth) == parseInt(imageWidth) && parseInt(divHeight) == parseInt(imageHeight)) {
                parent.hideImageGallApply(divID, imageURL);
            }
            else {
                parent.hideImageGallConfirm("?iID=" + imageID + "&dID=" + divID + "&w=" + divWidth + "&h=" + divHeight);
            }
        }
        if (document.getElementById('hfGallDetails').value != "") {
            divID = document.getElementById('hfGallDetails').value;
            parent.hideImageGallShowGallEditor(divID, imageID, imageName, imageURL, imageWidth, imageHeight);
        }
    }
}

function GetHeight() {
    var y = 0;
    if (self.innerHeight) {
        y = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight) {
        y = document.documentElement.clientHeight;
    }
    else if (document.body) {
        y = document.body.clientHeight;
    }
    return y;
}

function GetWidth() {
    var x = 0;
    if (self.clientWidth) {
        x = self.clientWidth;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
        x = document.documentElement.clientWidth;
    }
    else if (document.body) {
        x = document.body.clientWidth;
    }
    return x;
}

function setImageDeleteStartPosition() {
    document.getElementById('imageDeleteDiv').style.top = "-300px";
    document.getElementById('imageDeleteDiv').style.left = ((GetWidth() - 400) / 2).toString() + "px";
}

function showImageDeleteDiv() {
    var newPos = ((GetHeight() - 200) / 2).toString() + "px";
    var timer = 0;
    $("#imageDeleteDiv").each(function(i) {
        timer = (timer * .8 + 800);
        $(this).animate({ top: newPos }, timer);
    });
}

function hideImageDeleteDiv() {
    var timer = 0;
    $("#imageDeleteDiv").each(function(i) {
        timer = (timer * .8 + 1200);
        $(this).animate({ top: "-400px" }, timer);
    });
}

function confirmdeleteImage(id) {
    var imageID = document.getElementById(id).innerHTML;
    if (imageID != "") {
        setImageDeleteStartPosition();
        showImageDeleteDiv();
    }
}

function deleteImage(id) {
    var d = new Date();
    var time = d.getTime();
    var strURL = parent.document.getElementById('hfHandlerURL').value + "/deleteImageHandler.ashx?iID=" + document.getElementById(id).innerHTML + "&d=" + time;
    $.get(strURL, function(data) {
        if (data == "success") {
            hideImageDeleteDiv();
            document.getElementById('currImageIDDiv').innerHTML = "";
            document.getElementById('currImageNameDiv').innerHTML = "";
            document.getElementById('currImageSizeDiv').innerHTML = "";
            document.getElementById('currImageURLDiv').innerHTML = "";
            document.getElementById('currImage').style.backgroundImage = "url()";
            getImages();
        }
    });
}

function setHelpText(id) {
    parent.setWizardText(id);
}

function ScrollCheck() {
    var wrapperDiv = document.getElementById('galleryDiv');
    var contentDiv = document.getElementById('gallery');
    if (contentDiv.offsetHeight > wrapperDiv.offsetHeight) {
        document.getElementById('RadGallerySlider').style.display = "inline";
    }
    else {
        document.getElementById('RadGallerySlider').style.display = "none";
    }
}

function Scroll(sender, eventArgs) {
    var wrapperDiv = document.getElementById('galleryDiv');
    var contentDiv = document.getElementById('gallery');
    if (contentDiv.offsetHeight > wrapperDiv.offsetHeight) {
        sender.set_enabled(true);
        var availableHeight = contentDiv.scrollHeight - wrapperDiv.offsetHeight;

        var sliderSmallChange = sender.get_smallChange();
        var sliderMinValue = sender.get_minimumValue();
        var sliderValue = sender.get_value();

        var steps = sliderValue / sliderSmallChange;
        var stepLength = availableHeight / ((sender.get_maximumValue() - sliderMinValue) / sliderSmallChange);

        var newPosition = (-1) * steps * stepLength;
        contentDiv.style.top = ((sliderValue == sliderMinValue) ? 0 : newPosition) + "px";
    }
}