var content;
var i = 0;
var j = 0;
var selectedElement = "";
var gallType = "";
var galleryIndex = 0;
var defHeadText = "<span style='font-size:20px;'>New Header Text</span><br/><br/>";
var defText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique sapien egestas elit consectetur sed blandit lacus hendrerit. Praesent non dolor sed massa rutrum egestas. Mauris varius nibh quis enim dapibus gravida. Ut aliquet justo ac dolor bibendum tempor. Phasellus odio lectus, euismod et tristique vitae, viverra vel dui. Aliquam sapien ligula, blandit eu dictum eget, ultricies id risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/><br/><span style='color:#ff0000'>Double Click to edit.</span>";

$(document).ready(function () {
    if (document.getElementById('hfLogin').value == "true") {
        content = document.getElementById('content');
        var buttons = document.getElementById('buttons');
        buttons.style.left = ((GetWidth() / 2) - 350).toString() + "px";

        var buttons2 = document.getElementById('botButtons');
        buttons2.style.left = ((GetWidth() / 2) - 167).toString() + "px";

        var bottom = GetHeight();
        buttons2.style.top = (bottom - 40).toString() + "px";
        document.getElementById('pageSizeText').value = content.offsetHeight.toString();

        var elems = document.getElementById('hfElements').value.split(",");
        for (n = 0; n < elems.length; n++) {
            if (elems[n].length > 2) {
                addBorders(elems[n]);
                setDrag(elems[n]);
                if (elems[n].indexOf("Gallery") > -1) {
                    setResizeGallery(elems[n]);
                }
                else {
                    setResize(elems[n]);
                }
            }
        }
        mainmenu();
    }
    else {
        alert("Session has expired, please login again");
        parent.window.location.href = "http://www.locallinkup.com";
    }
});

function setDrag(id) {
    var element = document.getElementById(id);
    $("#" + id).draggable({ grid: [5, 5], containment: '#content',
        start: function () {
            document.getElementById('hfContentChanged').value = "true";
            document.getElementById('width').innerHTML = this.offsetWidth; document.getElementById('height').innerHTML = this.offsetHeight;
        },
        drag: function () { document.getElementById('xPos').innerHTML = this.offsetTop; document.getElementById('yPos').innerHTML = this.offsetLeft; }
    });
}

function setResize(id) {
    var element = document.getElementById(id);
    $("#" + id).resizable({ grid: [5, 5], containment: '#content',
        handles: "all",
        start: function () {
            document.getElementById('hfContentChanged').value = "true";
            document.getElementById('xPos').innerHTML = this.offsetTop; document.getElementById('yPos').innerHTML = this.offsetLeft;
        },
        resize: function () { document.getElementById('width').innerHTML = this.offsetWidth; document.getElementById('height').innerHTML = this.offsetHeight; },
        stop: function () {
            if (this.id.indexOf("dragMeImage") > -1) {
                if (this.style.backgroundImage.indexOf("00001369") != -1 || this.style.backgroundImage.indexOf("00001370") != -1) {
                    openImageGallery(this);
                }
                else {
                    var path = this.style.backgroundImage;
                    var imageID = path.substring(path.lastIndexOf('/') + 1, path.lastIndexOf('.'));
                    parent.setQueryAndShowImageConfirm("?iID=" + imageID + "&dID=" + this.id + "&w=" + this.offsetWidth + "&h=" + this.offsetHeight);
                }
            }
            if (this.id.indexOf("dragMeInput") > -1) {
                if (this.offsetWidth > 600) {
                    this.style.width = "600px";
                }
                showFormBuilder(this);
            }
        }
    });
    for (m = 0; m < element.childNodes.length; m++) {
        if (element.childNodes[m].className != null) {
            if (element.childNodes[m].className.indexOf("ui-resizable") > -1) {
                element.childNodes[m].style.display = "none";
            }
        }
    }
}

function setResizeGallery(id) {
    var element = document.getElementById(id);
    $("#" + id).resizable({ grid: [10, 10],
        containment: '#content',
        handles: "all",
        start: function () {
            document.getElementById('hfContentChanged').value = "true";
            document.getElementById('xPos').innerHTML = this.offsetTop; document.getElementById('yPos').innerHTML = this.offsetLeft;
        },
        resize: function () {
            document.getElementById('width').innerHTML = this.offsetWidth;
            document.getElementById('height').innerHTML = this.offsetHeight;
            for (i = 0; i < this.childNodes.length; i++) {
                var tempElem = this.childNodes[i];
                if (tempElem.id != null) {
                    if (tempElem.id.indexOf("thumbPanel") > -1) {
                        var newWidth = this.offsetWidth - 20;
                        tempElem.style.width = newWidth + "px";
                        if (gallType == "imageLeft" || gallType == "imageRight" || gallType == "imageAlt") {
                            tempElem.style.height = parseInt((newWidth / 2) * 0.75) + "px";
                            for (j = 0; j < tempElem.childNodes.length; j++) {
                                var tempElem2 = tempElem.childNodes[j];
                                if (tempElem2.id != null) {
                                    if (tempElem2.id.indexOf("imagePanel") > -1) {
                                        tempElem2.style.width = parseInt(newWidth / 2) + "px";
                                        tempElem2.style.height = parseInt((newWidth / 2) * 0.75) + "px";
                                    }
                                    if (tempElem2.id.indexOf("textPanel") > -1) {
                                        tempElem2.style.width = parseInt((newWidth / 2) - 4) + "px";
                                        tempElem2.style.height = parseInt((newWidth / 2) * 0.75) + "px";
                                    }
                                }
                            }
                        }
                        if (gallType == "imageTop" || gallType == "ImageNoText") {
                            if (gallType == "ImageNoText") {
                                tempElem.style.height = parseInt(newWidth * 0.75) + "px";
                            }
                            if (gallType == "imageTop") {
                                tempElem.style.height = parseInt((newWidth * 0.75) * 2) + "px";
                            }
                            for (j = 0; j < tempElem.childNodes.length; j++) {
                                var tempElem2 = tempElem.childNodes[j];
                                if (tempElem2.id != null) {
                                    if (tempElem2.id.indexOf("imagePanel") > -1) {
                                        tempElem2.style.width = newWidth + "px";
                                        tempElem2.style.height = parseInt(newWidth * 0.75) + "px";
                                    }
                                    if (tempElem2.id.indexOf("textPanel") > -1) {
                                        tempElem2.style.width = (newWidth - 4) + "px";
                                        tempElem2.style.height = parseInt(newWidth * 0.75) + "px";
                                    }
                                }
                            }
                        }
                    }
                }
            }
        },
        stop: function () {
            var totalHeight = 0;
            for (i = 0; i < this.childNodes.length; i++) {
                var tempElem = this.childNodes[i];
                if (tempElem.id != null) {
                    if (tempElem.id.indexOf("thumbPanel") > -1) {
                        var height = tempElem.offsetTop + tempElem.offsetHeight;
                        if (height > totalHeight) {
                            totalHeight = height;
                        }
                    }
                }
            }
            totalHeight = parseInt(Math.round(totalHeight / 10.0) * 10);
            var panelHeight = totalHeight + 20;
            var minHeight = parseInt(document.getElementById('hfMinHeight').value);
            if (totalHeight < minHeight) {
                panelHeight = minHeight;
            }
            content.style.height = panelHeight + "px";
            document.getElementById('pageSizeText').value = panelHeight;
            document.getElementById('hfContentHeight').value = panelHeight + "px";
            this.style.height = (totalHeight + 10) + "px";
        }
    });
    for (m = 0; m < element.childNodes.length; m++) {
        if (element.childNodes[m].className != null) {
            if (element.childNodes[m].className.indexOf("ui-resizable") > -1) {
                element.childNodes[m].style.display = "none";
            }
        }
    }
}

function addBorders(id) {
    var element = document.getElementById(id);
    element.innerHTML += "<div></div>" +
                                 "<div class='topBorder'></div>" +
                                 "<div class='bottomBorder'></div>" +
                                 "<div class='leftBorder'></div>" +
                                 "<div class='rightBorder'></div>";

    var deleteDiv = document.createElement("div");
    deleteDiv.className = "delete";
    deleteDiv.setAttribute("onclick", "deleteWidget(this.parentNode)");
    deleteDiv.style.zIndex = "1";
    element.appendChild(deleteDiv);
}

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 removeText(element) {
    document.getElementById('infoText').innerHTML = "";
}

function deleteWidget(element) {
    if (element.id.indexOf("BlogFull") > -1) {
        var d = new Date();
        var time = d.getTime();
        var strURL = parent.document.getElementById('hfHandlerURL').value + "/setBlogPageHandler.ashx?d=" + time;
        $.post(strURL, {
            siteID: document.getElementById('hfSiteID').value,
            pageID: "0"
        }, function (data) {

        });

    }
    content.removeChild(element);
    document.getElementById('hfContentChanged').value = "true";

}

function openImageGallery(element) {
    var pageID = document.getElementById('hfPageID').value;
    var height = element.offsetHeight;
    var width = element.offsetWidth;
    parent.showImagegallery(pageID, element.id, height, width, "", "");
}
function reloadPage() {
    var pageID = document.getElementById('hfPageID').value;
    self.location.href = "pageEditor.aspx?pageID=" + pageID + "&handURL=" + parent.document.getElementById('hfHandlerURL').value +
                "&compID=" + parent.document.getElementById('hfCompanyID').value;
}

function setNewText(text) {
    var count = parseInt(document.getElementById('hfDivCounter').value);
    count++;
    document.getElementById('hfDivCounter').value = count.toString();
    var textDiv = document.getElementById(divID);
    var left = document.getElementById(divID).offsetLeft;
    var top = document.getElementById(divID).offsetTop;
    var width = document.getElementById(divID).offsetWidth;
    var height = document.getElementById(divID).offsetHeight;
    var newDiv = document.createElement('div');
    newDiv.id = "dragMeText" + count.toString();
    newDiv.innerHTML = text;
    newDiv.className = "dragMeText";
    newDiv.setAttribute("onclick", "select(this);");
    newDiv.setAttribute("ondblclick", "openTextEditor(this);");
    newDiv.setAttribute("onmouseover", "setHelpText('25');");
    newDiv.setAttribute("onmouseout", "setHelpText('0');");
    newDiv.style.position = "absolute";
    newDiv.style.cursor = "move";
    newDiv.style.top = top + "px";
    newDiv.style.left = left + "px";
    newDiv.style.width = width + "px";
    newDiv.style.height = height + "px";

    content.removeChild(textDiv);
    content.appendChild(newDiv);
    addBorders(newDiv.id);
    setDrag(newDiv.id);
    setResize(newDiv.id);
    document.getElementById('hfContentChanged').value = "true";
}

var divID = "";

function openTextEditor(element) {
    $("#" + element.id).resizable('destroy');
    $("#" + element.id).draggable('destroy');
    for (i = 0; i < element.childNodes.length; i++) {
        if (element.childNodes[i].innerHTML == "") {
            if (element.childNodes[i].tagName.toLowerCase() != "br") {
                element.removeChild(element.childNodes[i]);
                i--;
            }
        }
    }
    var temp1 = element.innerHTML;
    var strTextResult = temp1;
    if (temp1.indexOf("jQuery") > -1) {
        strTextResult = "";
        var tempArray = temp1.split(' ');
        for (i = 0; i < tempArray.length; i++) {
            if (tempArray[i].indexOf("jQuery") > -1) {
                tempArray[i] = tempArray[i].substring(tempArray[i].indexOf('>'), tempArray[i].length);
            }
            strTextResult += tempArray[i] + " ";
        }
    }
    divID = element.id;
    parent.showTextEdit(strTextResult, "page");
}

function select(element) {
    if (element != null) {
        if (selectedElement != "" && selectedElement != element.id) {
            deselect(document.getElementById(selectedElement));
        }
        selectedElement = element.id;
        for (i = 0; i < element.childNodes.length; i++) {
            if (element.childNodes[i].className != null) {
                if (element.childNodes[i].className.indexOf("Border") > -1) {
                    element.childNodes[i].style.display = "inline";
                }
                if (element.childNodes[i].className == "delete") {
                    element.childNodes[i].style.display = "inline";
                }
                if (element.childNodes[i].className == "tempDiv") {
                    element.removeChild(element.childNodes[i]);
                }
                if (element.childNodes[i].className.indexOf("ui-resizable") > -1) {
                    element.childNodes[i].style.display = "inline";
                }
            }
        }
    }
}

function deselect(element) {
    if (element != null) {
        selectedElement = "";
        for (i = 0; i < element.childNodes.length; i++) {
            if (element.childNodes[i].className != null) {
                if (element.childNodes[i].className.indexOf("Border") > -1) {
                    element.childNodes[i].style.display = "none";
                }
                if (element.childNodes[i].className == "delete") {
                    element.childNodes[i].style.display = "none";
                }
                if (element.childNodes[i].className.indexOf("ui-resizable") > -1) {
                    element.childNodes[i].style.display = "none";
                }
            }
        }
    }
}

function checkBlogExists(id) {
    if (content.innerHTML.indexOf("dragMeBlogHeaders") > -1 || content.innerHTML.indexOf("dragMeBlogFull") > -1) {
        parent.showMessage("blog_item_exists", 5000, "small");
    }
    else {
        if (id == "fullBlog") {
            var d = new Date();
            var time = d.getTime();
            var strURL = parent.document.getElementById('hfHandlerURL').value + "/setBlogPageHandler.ashx?d=" + time;
            $.post(strURL, {
                siteID: document.getElementById('hfSiteID').value,
                pageID: document.getElementById('hfPageID').value
            }, function (data) {
                if (data == "exists") {
                    parent.showMessage("blog_exists", 5000, "small");
                }
                if (data == "success") {
                    addWidget("fullBlog");
                }
            });
        }
        if (id == "blogHeaders") {
            addWidget(id);
        }
    }
    closeDiv(document.getElementById('buttons'));
}

function addWidget(widget, type) {
    var pageCenter = 0;
    if (document.documentElement.scrollTop > pageCenter) {
        pageCenter = document.documentElement.scrollTop;
    }
    if (document.body.scrollTop > pageCenter) {
        pageCenter = document.body.scrollTop;
    }
    var pageCenterW = parseInt((Math.round(pageCenter / 10.0) * 10));
    var pageCenterH = parseInt((Math.round((parseInt(document.getElementById('hfContentWidth').value) / 2) / 10.0) * 10));
    if (widget != "") {
        var count = parseInt(document.getElementById('hfDivCounter').value);
        count++;
        document.getElementById('hfDivCounter').value = count.toString();
        var newDiv = document.createElement('div');
        newDiv.style.position = "absolute";
        newDiv.style.cursor = "move";
        newDiv.setAttribute("onclick", "select(this);");
        if (widget == "text") {
            newDiv.id = "dragMeText" + count.toString();
            newDiv.style.top = (pageCenterW + 50).toString() + "px";
            newDiv.style.left = (pageCenterH - 110).toString() + "px";
            newDiv.style.width = "220px";
            newDiv.style.height = "220px";
            newDiv.setAttribute("ondblclick", "openTextEditor(this);");
            newDiv.setAttribute("onmouseover", "setHelpText('25');");
            newDiv.setAttribute("onmouseout", "setHelpText('0');");
            newDiv.style.textAlign = "left";
            newDiv.innerHTML = defText;
        }
        if (widget == "headtext") {
            newDiv.id = "dragMeText" + count.toString();
            newDiv.style.top = (pageCenterW + 50).toString() + "px";
            newDiv.style.left = (pageCenterH - 110).toString() + "px";
            newDiv.style.width = "220px";
            newDiv.style.height = "250px";
            newDiv.setAttribute("ondblclick", "openTextEditor(this);");
            newDiv.setAttribute("onmouseover", "setHelpText('25');");
            newDiv.setAttribute("onmouseout", "setHelpText('0');");
            newDiv.style.textAlign = "left";
            newDiv.innerHTML = defHeadText + defText;
        }
        if (widget == "header") {
            newDiv.id = "dragMeText" + count.toString();
            newDiv.style.top = (pageCenterW + 50).toString() + "px";
            newDiv.style.left = (pageCenterH - 110).toString() + "px";
            newDiv.style.width = "220px";
            newDiv.style.height = "40px";
            newDiv.setAttribute("onmouseover", "setHelpText('25');");
            newDiv.setAttribute("onmouseout", "setHelpText('0');");
            newDiv.setAttribute("ondblclick", "openTextEditor(this);");
            newDiv.style.width = "170px";
            newDiv.style.textAlign = "left";
            newDiv.innerHTML = defHeadText;
        }
        if (widget == "image") {
            newDiv.id = "dragMeImage" + count.toString();
            newDiv.style.backgroundImage = "url('http://image.locallinkup.co.uk/imagebank/T/H/E/THEMES/00001369.png')";
            newDiv.setAttribute("ondblclick", "openImageGallery(this);");
            newDiv.style.top = (pageCenterW + 50).toString() + "px";
            newDiv.style.left = (pageCenterH - 110).toString() + "px";
            newDiv.style.width = "220px";
            newDiv.style.height = "220px";
            newDiv.setAttribute("onmouseover", "setHelpText('25');");
            newDiv.setAttribute("onmouseout", "setHelpText('0');");
        }
        if (widget == "map") {
            newDiv.id = "dragMeMap" + count.toString();
            newDiv.style.top = (pageCenterW + 50).toString() + "px";
            newDiv.style.left = (pageCenterH - 110).toString() + "px";
            newDiv.style.width = "220px";
            newDiv.style.height = "220px";
            newDiv.setAttribute("onmouseover", "setHelpText('25');");
            newDiv.setAttribute("onmouseout", "setHelpText('0');");
            newDiv.style.backgroundImage = "url(Images/map_dummy.jpg)";
            var newTempDiv = document.createElement('div');
            newTempDiv.innerHTML = "Your map will appear here.<br/> Click preview to view.";
            newTempDiv.style.position = "absolute";
            newTempDiv.style.top = "90px";
            newTempDiv.style.left = "10px";
            newTempDiv.style.width = "210px";
            newTempDiv.style.height = "80px";
            newTempDiv.style.fontFamily = "arial";
            newTempDiv.style.fontSize = "16px";
            newTempDiv.style.fontWeight = "bold";
            newTempDiv.style.color = "red";
            newTempDiv.className = "tempDiv";
            newDiv.appendChild(newTempDiv);
        }
        if (widget == "form") {
            newDiv.id = "dragMeInput" + count.toString();
            newDiv.style.backgroundImage = "url('http://image.locallinkup.co.uk/imagebank/T/H/E/THEMES/00001370.png')";
            newDiv.setAttribute("ondblclick", "showFormBuilder(this);");
            newDiv.style.height = "220px";
            newDiv.style.top = (pageCenterW + 50).toString() + "px";
            newDiv.style.left = (pageCenterH - 140).toString() + "px";
            newDiv.style.width = "280px";
        }
        if (widget == "blogHeaders") {
            newDiv.id = "dragMeBlogHeaders";
            newDiv.style.height = "280px";
            newDiv.style.top = (pageCenterW + 50).toString() + "px";
            newDiv.style.left = (pageCenterH - 170).toString() + "px";
            newDiv.style.width = "340px";
            newDiv.style.textAlign = "left";
            newDiv.innerHTML = "<span style='font-size:18px;'>New Stock Available Now</span><br/>-------------------------------------------------------" +
                                       "<br/><br/><span style='font-size:18px;'>Special Offer, Today Only</span><br/>-------------------------------------------------------" +
                                       "<br/><br/><span style='color:#ff0000;'>Resize me and your top 10 blog headlines will appear here, this is ideal for placing on your home page as they will be clickable and point to the relevant blog entry on your blog page.<br/><br/>Make sure it is wide enough to fit your header text.<br/><br/>Use the preview button to check.</span>";
        }
        if (widget == "fullBlog") {
            newDiv.id = "dragMeBlogFull";
            newDiv.style.height = "280px";
            newDiv.style.top = "10px";
            newDiv.style.left = "10px";
            newDiv.style.width = (pageCenterH - 20).toString() + "px";
            newDiv.style.textAlign = "left";
            newDiv.innerHTML = "<span style='font-size:18px;'>New Stock Available Now</span><br/>-------------------------------------------------------" +
                                       "<br/>Just arrived today from Paris." +
                                       "<br/>T-Shirts, Jackets, Trousers" +
                                       "<br/><br/><span style='font-size:18px;'>Special Offer, Today Only</span><br/>-------------------------------------------------------" +
                                       "<br/>50% off everything if you quote the following code:TG8765890S" +
                                       "<br/><br/><span style='color:#ff0000;'>Resize me and all your blogs will appear here, this panel will auto size in height to fit your blog entries.<br/><br/>Make sure it is wide enough to fit your header text.<br/><br/>Use the preview button to check.</span>";
        }
        if (widget == "gallery") {
            gallType = type;
            if (parseInt(content.style.height.replace("px", "")) < 480) {
                content.style.height = "480px";
                document.getElementById('pageSizeText').value = "480";
                document.getElementById('hfContentHeight').value = "480px";
            }
            showGallerySelector('hide');
            newDiv.id = "dragMeGallery" + count.toString();
            var pWidth = 260;
            var pHeight = 440;
            var tPWidth = 240;
            var tPHeight = 90;
            var imCount = 4;
            if (type == "imageTop") {
                pHeight = 380;
                tPHeight = 360;
                imCount = 1;
            }
            if (type == "ImageNoText") {
                pHeight = 390;
                tPHeight = 180;
                imCount = 2;
            }
            for (i = 0; i < imCount; i++) {
                var tempHtml = "<div id=\"thumbPanel" + i + "\" style=\"position:relative; height:" + tPHeight + "px; width:" + tPWidth + "px; float:left; margin:10px; overflow:hidden; cursor:pointer;\">";
                if (type == "imageAlt") {
                    newDiv.setAttribute("galType", "3");
                    if (i == 1 || i == 3) {
                        tempHtml += "<img id=\"imagePanel" + i + "\" style=\"position:relative; height:90px; width:120px; float:left; overflow:hidden;\" src=\"http://image.locallinkup.com/console/changeImage.jpg\" alt=\"Name\" title=\"Name\" onclick=\"editImage('" + i + "')\" \\>";
                        tempHtml += "<div id=\"textPanel" + i + "\" style=\"position:relative; height:90px; width:116px; float:left; overflow:hidden; background-color:#000000; color:#929292; padding-left:4px;\" onclick=\"editText('" + i + "')\">Name</div>";
                    }
                    else {
                        tempHtml += "<div id=\"textPanel" + i + "\" style=\"position:relative; height:90px; width:116px; float:left; overflow:hidden; background-color:#000000; color:#929292; padding-left:4px;\" onclick=\"editText('" + i + "')\">Name</div>";
                        tempHtml += "<img id=\"imagePanel" + i + "\" style=\"position:relative; height:90px; width:120px; float:left; overflow:hidden;\" src=\"http://image.locallinkup.com/console/changeImage.jpg\" alt=\"Name\" title=\"Name\" onclick=\"editImage('" + i + "')\" \\>";
                    }
                }
                if (type == "imageRight") {
                    newDiv.setAttribute("galType", "2");
                    tempHtml += "<div id=\"textPanel" + i + "\" style=\"position:relative; height:90px; width:116px; float:left; overflow:hidden; background-color:#000000; color:#929292; padding-left:4px;\" onclick=\"editText('" + i + "')\">Name</div>";
                    tempHtml += "<img id=\"imagePanel" + i + "\" style=\"position:relative; height:90px; width:120px; float:left; overflow:hidden;\" src=\"http://image.locallinkup.com/console/changeImage.jpg\" alt=\"Name\" title=\"Name\" onclick=\"editImage('" + i + "')\" \\>";
                }
                if (type == "imageLeft") {
                    newDiv.setAttribute("galType", "1");
                    tempHtml += "<img id=\"imagePanel" + i + "\" style=\"position:relative; height:90px; width:120px; float:left; overflow:hidden;\" src=\"http://image.locallinkup.com/console/changeImage.jpg\" alt=\"Name\" title=\"Name\" onclick=\"editImage('" + i + "')\" \\>";
                    tempHtml += "<div id=\"textPanel" + i + "\" style=\"position:relative; height:90px; width:116px; float:left; overflow:hidden; background-color:#000000; color:#929292; padding-left:4px;\" onclick=\"editText('" + i + "')\">Name</div>";
                }
                if (type == "ImageNoText") {
                    newDiv.setAttribute("galType", "6");
                    tempHtml += "<img id=\"imagePanel" + i + "\" style=\"position:relative; height:180px; width:240px; float:left; overflow:hidden;\" src=\"http://image.locallinkup.com/console/changeImage.jpg\" alt=\"Name\" title=\"Name\" onclick=\"editImage('" + i + "')\" \\>";
                    tempHtml += "<div id=\"textPanel" + i + "\" style=\"position:relative; height:180px; width:236px; float:left; overflow:hidden; background-color:#000000; color:#929292; padding-left:4px;\" onclick=\"editText('" + i + "')\">Name</div>";
                }
                if (type == "imageTop") {
                    newDiv.setAttribute("galType", "4");
                    tempHtml += "<img id=\"imagePanel" + i + "\" style=\"position:relative; height:180px; width:240px; float:left; overflow:hidden;\" src=\"http://image.locallinkup.com/console/changeImage.jpg\" alt=\"Name\" title=\"Name\" onclick=\"editImage('" + i + "')\" \\>";
                    tempHtml += "<div id=\"textPanel" + i + "\" style=\"position:relative; height:180px; width:236px; float:left; overflow:hidden; background-color:#000000; color:#929292; padding-left:4px;\" onclick=\"editText('" + i + "')\">Name</div>";
                }
                newDiv.innerHTML += tempHtml;
            }
            newDiv.style.height = pHeight + "px";
            newDiv.style.top = (pageCenterW + 10).toString() + "px";
            newDiv.style.left = (pageCenterH - (pWidth / 2)).toString() + "px";
            newDiv.style.width = pWidth + "px";
            var d = new Date();
            var time = d.getTime();
            var strURL = parent.document.getElementById('hfHandlerURL').value + "/addNewGalleryHandler.ashx?d=" + time;
            $.post(strURL, {
                siteID: document.getElementById('hfSiteID').value,
                typeID: newDiv.getAttribute('galType'),
                width: pWidth,
                name: "",
                desc: ""
            }, function (data) {
                if (data != "failed") {
                    newDiv.setAttribute("galID", data);
                }
            });
        }
        var newDiv4 = document.createElement('div');
        newDiv4.className = "tempDiv";
        newDiv4.style.position = "absolute";
        newDiv4.style.top = "0px";
        newDiv4.style.left = "25px";
        newDiv4.style.width = "168px";
        newDiv4.style.height = "20px";
        newDiv4.style.backgroundImage = "url(Images/new_widget_panel.png)";
        newDiv.appendChild(newDiv4);

        content.appendChild(newDiv);
        document.getElementById('hfContentChanged').value = "true";
        addBorders(newDiv.id);
        if (widget == "gallery") {
            setResizeGallery(newDiv.id);
        }
        else {
            setResize(newDiv.id);
        }
        setDrag(newDiv.id);
        closeDiv(document.getElementById('buttons'));
    }
}

function setGalleryID(newGallery, galID, galType) {
    document.getElementById(newGallery).setAttribute("galType", galType);
    document.getElementById(newGallery).setAttribute("galID", galID);
}

var currGallery;

function showGalleryImages(element) {
    currGallery = element;
    parent.showGalleryImages(element.getAttribute("galID"));
}

function assignNewImage(divID, imageURL) {
    var imageDiv = document.getElementById(divID);
    imageDiv.style.backgroundImage = "url(" + imageURL + ")";
    document.getElementById('hfContentChanged').value = "true";
}

function assignNewImageResize(divID, imageURL, size) {
    var imageDiv = document.getElementById(divID);
    var divWidth = size.split(';')[0] + "px";
    var divHeight = size.split(';')[1] + "px";
    imageDiv.style.width = divWidth;
    imageDiv.style.height = divHeight;
    imageDiv.style.backgroundImage = "url(" + imageURL + ")";
    document.getElementById('hfContentChanged').value = "true";
}

function editHeaderDetails(element, pageID) {
    parent.editHeaderDetails(element.id, pageID, document.getElementById('hfMaxBtnTxtLng').value);
}

function preview() {
    parent.showPagePreview();
}

function setSaveConfirmStartPosition() {
    var saveConfirmContent = document.getElementById('saveConfirmContent');
    document.getElementById('saveConfirmContent').style.top = "-400px";
    document.getElementById('saveConfirmContent').style.left = ((GetWidth() - saveConfirmContent.offsetWidth) / 2).toString() + "px";
}

function showSaveConfirmDiv() {
    setSaveConfirmStartPosition();
    var saveConfirmContent = document.getElementById('saveConfirmContent');
    var newPos = ((GetHeight() - saveConfirmContent.offsetHeight) / 2).toString() + "px";
    $(saveConfirmContent).animate({ top: newPos }, 1000);
}

function hideSaveConfirmDiv() {
    $("#saveConfirmContent").animate({ top: "-400px" }, 1000);
}

function closeSaveConfirm(reason) {
    if (reason == "continue") {
        hideSaveConfirmDiv();
        setTimeout("closePageEditor()", 2000);
    }
    if (reason == "cancel") {
        hideSaveConfirmDiv();
    }
    if (reason == "save") {
        hideSaveConfirmDiv();
        setTimeout("saveWebPage('exit')", 1000);
    }
}

function checkSaveStatus() {
    if (document.getElementById('hfContentChanged').value == "true") {
        showSaveConfirmDiv();
    }
    else {
        closePageEditor();
    }
}

function closePageEditor() {
    parent.hideModalWindow('pageEditorModal');
    parent.refreshPageView();
}

// Save web page
function saveWebPage(value) {
    var positions = "";
    if (value == "exit" || value == "prev" || value == "none") {
        if (document.getElementById('hfContentChanged').value == "true") {
            for (i = 0; i < content.childNodes.length; i++) {
                if (content.childNodes[i].id != null) {
                    if (content.childNodes[i].id.startsWith('dragMe')) {
                        removeAll(content.childNodes[i]);
                        positions += "id=" + content.childNodes[i].id + ';';
                        positions += "position:absolute;";
                        positions += "top:" + content.childNodes[i].style.top + ';';
                        positions += "left:" + content.childNodes[i].style.left + ';';
                        positions += "width:" + content.childNodes[i].offsetWidth + 'px;';
                        positions += "height:" + content.childNodes[i].offsetHeight + 'px;';
                        if (content.childNodes[i].id.startsWith("dragMeGallery")) {
                            positions += "^^galID=\"" + content.childNodes[i].getAttribute("galID") + "\" galType=\"" + content.childNodes[i].getAttribute("galType") + "\"^^";
                        }
                        if (content.childNodes[i].id.startsWith("dragMeImage")) {
                            positions += "background-image:" + content.childNodes[i].style.backgroundImage + ";";
                        }
                        if (content.childNodes[i].id.startsWith("dragMeText")) {
                            positions += "overflow:hidden;";
                            positions += "^text^" + cleanOutJQuery(content.childNodes[i].innerHTML);
                        }
                        if (content.childNodes[i].id.startsWith("dragMeMap")) {
                            positions += "background-image:" + content.childNodes[i].style.backgroundImage + ";";

                        }
                        if (content.childNodes[i].id.startsWith("dragMeInput")) {
                            positions += "^text^" + cleanOutJQuery(content.childNodes[i].innerHTML);
                        }
                        positions += '^?^';
                    }
                }
            }
            document.getElementById('hfSavePage').value = value + positions;
            __doPostBack('hfSavePage', '');
            document.getElementById('hfContentChanged').value = "false";
        }
        else {
            if (value == "exit") {
                parent.hideModalWindow('pageEditorModal');
            }
            if (value == "prev") {
                preview();
            }
        }
    }
    else {
        parent.hideModalWindow('pageEditorModal');
    }
    parent.refreshPageView();
}

function removeAll(element) {
    $("#" + element.id).resizable('destroy');
    for (i = 0; i < element.childNodes.length; i++) {
        if (element.childNodes[i].innerHTML == "") {
            if (element.childNodes[i].tagName.toLowerCase() != "br" && element.childNodes[i].tagName.toLowerCase() != "input") {
                if (element.childNodes[i].id === null) {
                    element.removeChild(element.childNodes[i]);
                    i--;
                }
                else {
                    if (element.childNodes[i].id == "") {
                        element.removeChild(element.childNodes[i]);
                        i--;
                    }
                }
            }
        }
    }
}

function cleanOutJQuery(inText) {
    var tempStr = inText;
    var strTextResult = tempStr;
    if (tempStr.indexOf("jQuery") > -1) {
        strTextResult = "";
        var tempArray = tempStr.split(' ');
        for (j = 0; j < tempArray.length; j++) {
            if (tempArray[j].indexOf("jQuery") > -1) {
                tempArray[j] = tempArray[j].substring(tempArray[j].indexOf('>'), tempArray[j].length);
            }
            strTextResult += tempArray[j] + " ";
        }
    }
    return strTextResult;
}

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

function mainmenu() {
    $(" .vNav ul ").css({ display: "none" }); // Opera Fix
    $(" .vNav li").hover(function () {
        $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(200);
    }, function () {
        $(this).find('ul:first').css({ visibility: "hidden" });
    });
    $(" .hNav ul ").css({ display: "none" }); // Opera Fix
    $(" .hNav li").hover(function () {
        $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(200);
    }, function () {
        $(this).find('ul:first').css({ visibility: "hidden" });
    });
}

function showFormBuilder(element) {
    var temp = element.innerHTML;
    var strTextResult = "";
    var tempArray = temp.split(' ');
    for (j = 0; j < tempArray.length; j++) {
        if (tempArray[j].toLowerCase().indexOf("jquery") > -1) {
            if (tempArray[j].indexOf(">") > -1) {
                tempArray[j] = tempArray[j].substring(tempArray[j].indexOf('>'));
            }
            else {
                tempArray[j] = "";
            }
        }
        if (tempArray[j].length > 0) {
            strTextResult += tempArray[j] + " ";
        }
    }
    var temp2 = document.createElement("div");
    temp2.innerHTML = strTextResult;
    for (i = 0; i < temp2.childNodes.length; i++) {
        if (temp2.childNodes[i].id === null) {
            temp2.removeChild(temp2.childNodes[i]);
            i--;
        }
        else {
            if (temp2.childNodes[i].id == "") {
                temp2.removeChild(temp2.childNodes[i]);
                i--;
            }
        }
    }
    document.getElementById('hfContentChanged').value = "true";
    parent.showFormBuilder(element.id, element.offsetWidth, element.offsetHeight, temp2, document.getElementById('hfDivCounter').value,
                document.getElementById('hfContentWidth').value);
}

function setNewContent(id, width, height, newContent) {
    removeAll(document.getElementById(id));
    document.getElementById(id).style.width = width;
    document.getElementById(id).style.height = height;
    document.getElementById(id).style.backgroundImage = "none";
    document.getElementById(id).innerHTML = newContent;
    addBorders(id);
    setDrag(id);
    setResize(id);
    document.getElementById('hfContentChanged').value = "true";
}

function slide() {
    var element = document.getElementById('buttons');
    if (element.offsetTop == -449 || element.offsetTop == -450 || element.offsetTop == -451) {
        openDiv(element);
    }
    if (element.offsetTop > -440) {
        if (document.getElementById('widgetPanel1').offsetHeight < 110) {
            $(document.getElementById('widgetPanel1')).animate({ height: "110px" }, 500);
            $(document.getElementById('gallerySelector')).animate({ height: "0px" }, 500);
        }
        closeDiv(element);
    }
}

function openDiv(element) {
    $(element).animate({ top: "-220px" }, 1000);
}

function closeDiv(element) {
    $(element).animate({ top: "-450px" }, 1000, function () {
        $(element).animate({ top: "-445px" }, 500);
        $(element).animate({ top: "-450px" }, 500);
    });
}

//Form script
function setRollOver(element, imageURL) {
    element.style.backgroundImage = imageURL;
}

function checkCount(element, count) {
    if (element.value.length > count) {
        element.value = element.value.substring(0, element.value.length - 1);
    }
}

var dataToSend = "";
var currentInputPanel;

function validateData(clickedButton) {
    var bValid = true;
    dataToSend = "";
    var inputPanel = clickedButton.parentNode;
    currentInputPanel = inputPanel;
    for (i = 0; i < inputPanel.childNodes.length; i++) {
        if (inputPanel.childNodes[i].id != null) {
            if (inputPanel.childNodes[i].id.indexOf("inputText") > -1) {
                var inputField = inputPanel.childNodes[i];
                var temp4 = document.getElementById(inputField.id.replace("inputText", "inputLabel")).innerHTML;
                var textVal = temp4.substring(0, temp4.indexOf("<")).replace("\r", "").replace("\n", "");
                if (inputField.value != "") {
                    if (inputField.getAttribute("valid") == "Numbers") {
                        if (validateNumbers(inputField)) {
                            dataToSend += textVal + "--" + inputField.value + "--Numbers__";
                        }
                    }
                    if (inputField.getAttribute("valid") == "Email") {
                        if (validateEmail(inputField)) {
                            dataToSend += textVal + "--" + inputField.value + "--Email__";
                        }
                    }
                    if (inputField.getAttribute("valid") == "Postcode") {
                        if (validatePostcode(inputField)) {
                            dataToSend += textVal + "--" + inputField.value + "--Postcode^__";
                        }
                    }
                    if (inputField.getAttribute("valid") == "Any Text") {
                        if (document.getElementById(inputField.id.replace("inputText", "compStar")).style.display == "inline") {
                            setValidationTick(inputPanel.childNodes[i].id, "http://image.locallinkup.com/console/green_tick_20.png");
                        }
                        dataToSend += textVal + "--" + inputField.value + "--Any__";
                    }
                }
                else {
                    if (document.getElementById(inputField.id.replace("inputText", "compStar")).style.display == "inline") {
                        setValidationTick(inputPanel.childNodes[i].id, "http://image.locallinkup.com/console/red_cross_20.png");
                    }
                    else {
                        dataToSend += textVal + "--No Information Provided--Any__";
                    }
                }
            }
            if (inputPanel.childNodes[i].id.indexOf("inputCombo") > -1) {
                var temp4 = document.getElementById(inputPanel.childNodes[i].id.replace("inputCombo", "inputLabel")).innerHTML;
                var textVal = temp4.substring(0, temp4.indexOf("<")).replace("\r", "").replace("\n", "");
                var selIndex = inputPanel.childNodes[i].selectedIndex;
                var selectedVal = inputPanel.childNodes[i].getAttribute("options").split("^^")[selIndex];
                dataToSend += textVal + "--" + selectedVal + "__";
            }
            if (inputPanel.childNodes[i].id.indexOf("inputCheck") > -1) {
                dataToSend += inputPanel.childNodes[i].getAttribute("text") + "--" + inputPanel.childNodes[i].getAttribute("checked") + "__";
            }
        }
    }
    for (j = 0; j < inputPanel.childNodes.length; j++) {
        if (inputPanel.childNodes[j].id != null) {
            if (inputPanel.childNodes[j].id.indexOf("validate") > -1) {
                if (inputPanel.childNodes[j].style.display == "inline") {
                    if (inputPanel.childNodes[j].style.backgroundImage.indexOf("red_cross_20") > -1) {
                        bValid = false;
                    }
                }
            }
        }
    }
    if (bValid) {
        sendData();
    }
}

function sendData() {
    var d = new Date();
    var time = d.getTime();
    var strURL = parent.document.getElementById('hfHandlerURL').value + "/sendFormDataHandler.ashx?d=" + time;
    $.post(strURL, {
        CompanyID: parent.document.getElementById('hfCompanyID').value,
        Data: dataToSend
    }, function (data) {
        if (data == "success") {
            for (j = 0; j < currentInputPanel.childNodes.length; j++) {
                if (currentInputPanel.childNodes[j].id != null) {
                    if (currentInputPanel.childNodes[j].id.indexOf("validate") > -1) {
                        if (currentInputPanel.childNodes[j].style.display == "inline") {
                            setValidationTick(currentInputPanel.childNodes[j].id, "http://image.locallinkup.com/console/red_cross_20.png");
                        }
                    }
                    if (currentInputPanel.childNodes[j].id.indexOf("inputText") > -1) {
                        currentInputPanel.childNodes[j].value = "";
                    }
                    if (currentInputPanel.childNodes[j].id.indexOf("inputCombo") > -1) {
                        currentInputPanel.childNodes[j].selectedIndex = 0;
                    }
                    if (currentInputPanel.childNodes[j].id.indexOf("inputCheck") > -1) {
                        var checkPanel = currentInputPanel.childNodes[j];
                        for (i = 0; i < checkPanel.childNodes.length; i++) {
                            if (checkPanel.childNodes[i].id != null) {
                                if (checkPanel.childNodes[i].id.indexOf("checkBox") > -1) {
                                    var temp = currentInputPanel.childNodes[j].getAttribute("checked");
                                    if (temp == "checked") {
                                        checkPanel.childNodes[i].removeAttribute("checked");
                                    }
                                    else {
                                        checkPanel.childNodes[i].setAttribute("checked", "checked");
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    });
}

function setRadio(element) {
    var parentDiv = element.parentNode;
    for (i = 0; i < parentDiv.childNodes.length; i++) {
        if (parentDiv.childNodes[i].id != null) {
            if (parentDiv.childNodes[i].id.indexOf("radio") > -1) {
                var tempDiv = parentDiv.childNodes[i];
                for (j = 0; j < tempDiv.childNodes.length; j++) {
                    if (tempDiv.childNodes[j].id != null) {
                        if (tempDiv.childNodes[j].id.indexOf("radioBtn") > -1) {
                            tempDiv.childNodes[j].removeAttribute("checked");
                        }
                    }
                }
            }
        }
    }
    var textElement;
    for (var k = 0; k < element.childNodes.length; k++) {
        if (element.childNodes[k].id != null) {
            if (element.childNodes[k].id.indexOf("radioBtn") > -1) {
                element.childNodes[k].setAttribute("checked", "checked");
            }
            if (element.childNodes[k].id.indexOf("radioText") > -1) {
                textElement = element.childNodes[k];
                parentDiv.setAttribute("checked", textElement.innerHTML);
            }
        }
    }
}

function setComboOption(element) {
    var text = element.innerHTML;
    if (text == "") {
        setValidationTick(element.id, "http://image.locallinkup.com/console/red_cross_20.png");
    }
    else {
        setValidationTick(element.id, "http://image.locallinkup.com/console/green_tick_20.png");
    }
}

function setValidationTick(id, url) {
    var valDiv = document.getElementById(id.replace("inputText", "validate"));
    valDiv.style.backgroundImage = "url('" + url + "')";
}

function validateTextComp(element) {
    var text = element.value;
    if (text == "" || text == " ") {
        setValidationTick(element.id, "http://image.locallinkup.com/console/red_cross_20.png");
    }
    else {
        setValidationTick(element.id, "http://image.locallinkup.com/console/green_tick_20.png");
    }
}

function validateNumbers(element) {
    var ValidChars = "0123456789";
    var text = element.value.replace(" ", "");
    var valid = true;
    var Char;
    for (i = 0; i < text.length && valid == true; i++) {
        Char = text.charAt(i);
        if (ValidChars.indexOf(Char) == -1) {
            valid = false;
        }
    }
    if (!valid || text == "") {
        setValidationTick(element.id, "http://image.locallinkup.com/console/red_cross_20.png");
    }
    else {
        setValidationTick(element.id, "http://image.locallinkup.com/console/green_tick_20.png");
    }
    return valid;
}

function validateEmail(element) {
    var text = element.value;
    var valid = true;
    if (text.indexOf("@") > -1 && text.indexOf(".") > -1) {
        setValidationTick(element.id, "http://image.locallinkup.com/console/green_tick_20.png");
    }
    else {
        setValidationTick(element.id, "http://image.locallinkup.com/console/red_cross_20.png");
        valid = false;
    }
    return valid;
}

function validatePostcode(element) {
    var rePostCode = new RegExp(/[A-Za-z]{1,2}[0-9]{1,2}[A-Za-z]{0,1}[ ]{1}[0-9]{1,2}[A-Za-z]{2}$/);
    var valid = true;
    if (rePostCode.test(element.value)) {
        setValidationTick(element.id, "http://image.locallinkup.com/console/green_tick_20.png");
    }
    else {
        setValidationTick(element.id, "http://image.locallinkup.com/console/red_cross_20.png");
        valid = false;
    }
    return valid;
}

function clearSelection() {
    if (selectedElement != "") {
        deselect(document.getElementById(selectedElement));
    }
}

//End form script

function checkNumbers(text) {
    var ValidChars = "0123456789";
    var valid = true;
    var Char;
    for (i = 0; i < text.length && valid == true; i++) {
        Char = text.charAt(i);
        if (ValidChars.indexOf(Char) == -1) {
            valid = false;
        }
    }
    return valid;
}

function handleKeyPress(e, element) {
    var key = e.keyCode || e.which;
    if (key == 13) {
        if (element.id == "pageSizeText") {
            setPageHeight(element);
        }
        e.returnValue = false;
        e.cancel = true;
    }
}

function setPageHeight(element) {
    if (element.value != "") {
        if (checkNumbers(element.value)) {
            var val = parseInt(element.value);
            if (val > 4) {
                var newHeight = val - (val % 5);
                content.style.height = newHeight + "px";
                document.getElementById('pageSizeText').value = newHeight;
                document.getElementById('hfContentHeight').value = newHeight + "px";
            }
        }
        else {
            parent.showMessage("form_not_numeric", 5000, "small");
        }
    }
}

function increasePageSize() {
    var contentHeight = content.offsetHeight + 5;
    content.style.height = contentHeight.toString() + "px";
    document.getElementById('pageSizeText').value = contentHeight.toString();
    document.getElementById('hfContentHeight').value = contentHeight.toString() + "px";
}

function decreasePageSize() {
    var minHeight = parseInt(document.getElementById('hfMinHeight').value);
    var contentHeight = content.offsetHeight - 5;
    if (contentHeight >= minHeight) {
        content.style.height = contentHeight.toString() + "px";
        document.getElementById('pageSizeText').value = contentHeight.toString();
        document.getElementById('hfContentHeight').value = contentHeight.toString() + "px";
    }
}

///////////////////////////////////Gallery Builder////////////////////////////////////
function showGallerySelector(type) {
    if (type == "show") {
        if (document.getElementById('buttons').offsetTop != -330) {
            $(document.getElementById('buttons')).animate({ top: "-330px" }, 500);
            $(document.getElementById('widgetPanel1')).animate({ height: "0px" }, 100);
            $(document.getElementById('gallerySelector')).animate({ height: "110px" }, 1000);
        }
    }
    if (type == "hide") {
        if (document.getElementById('buttons').offsetTop > -450) {
            $(document.getElementById('buttons')).animate({ top: "-450px" }, 1000);
            if (document.getElementById('widgetPanel1').offsetHeight < 110) {
                $(document.getElementById('widgetPanel1')).animate({ height: "110px" }, 500);
                $(document.getElementById('gallerySelector')).animate({ height: "0px" }, 500);
            }
        }
    }
}

function gallMouseOver(element, tag) {
    var selector = document.getElementById('selectAnOption');
    if (element.id == "imageLeft") {
        if (tag == "over") {
            element.style.backgroundImage = "url(Images/gall_img-left-over.png)";
            selector.style.backgroundImage = "url(Images/gall_img-left-txt.png)";
        }
        else {
            element.style.backgroundImage = "url(Images/gall_img-left-off.png)";
            selector.style.backgroundImage = "url(Images/gall_choose-gallery-txt.png)";
        }
    }
    if (element.id == "imageRight") {
        if (tag == "over") {
            element.style.backgroundImage = "url(Images/gall_img-right-over.png)";
            selector.style.backgroundImage = "url(Images/gall_img-right-txt.png)";
        }
        else {
            element.style.backgroundImage = "url(Images/gall_img-right-off.png)";
            selector.style.backgroundImage = "url(Images/gall_choose-gallery-txt.png)";
        }
    }
    if (element.id == "imageAlt") {
        if (tag == "over") {
            element.style.backgroundImage = "url(Images/gall_img-stagg-over.png)";
            selector.style.backgroundImage = "url(Images/gall_img-stagg-txt.png)";
        }
        else {
            element.style.backgroundImage = "url(Images/gall_img-stagg-off.png)";
            selector.style.backgroundImage = "url(Images/gall_choose-gallery-txt.png)";
        }
    }
    if (element.id == "imageTop") {
        if (tag == "over") {
            element.style.backgroundImage = "url(Images/gall_img-above-over.png)";
            selector.style.backgroundImage = "url(Images/gall_img-above-txt.png)";
        }
        else {
            element.style.backgroundImage = "url(Images/gall_img-above-off.png)";
            selector.style.backgroundImage = "url(Images/gall_choose-gallery-txt.png)";
        }
    }
    if (element.id == "ImageNoText") {
        if (tag == "over") {
            element.style.backgroundImage = "url(Images/gall_img-only-over.png)";
            selector.style.backgroundImage = "url(Images/gall_img-only-txt.png)";
        }
        else {
            element.style.backgroundImage = "url(Images/gall_img-only-off.png)";
            selector.style.backgroundImage = "url(Images/gall_choose-gallery-txt.png)";
        }
    }
}

function editImage(id) {
    galleryIndex = parseInt(id);
    parent.showImagegallery("", "", document.getElementById('height').value, document.getElementById('width').value, "", id)
}

function editText(id) {
    alert("in edit Text");
    galleryIndex = parseInt(id);
    var textToEdit = document.getElementById('textPanel' + id).innerHTML;
}