function GalleryLayout(gb) {
    this.Browser = gb;

    this.dng_btn_slider = this.Browser.FindElement("dng_btn_slider");
    this.dng_btn_newcategory = this.Browser.FindElement("dng_btn_newcategory");

    this.dng_btn_up = this.Browser.FindElement("dng_btn_up");

    this.dng_btn_newcategory.title = GalleryLocalize.CLICK_NEWCATEGORY;
    this.dng_btn_slider.title = GalleryLocalize.CLICK_SHOWSLIDER;
    this.Browser.FindElement("dng_location").innerHTML = GalleryLocalize.LOCATION + " : ";

    this.dng_btn_slider.src = this.Browser.Param.Folder + "Images/text-slider.png";
    this.dng_btn_newcategory.src = this.Browser.Param.Folder + "Images/text-category.png";

    this.dng_btn_newcategory.onclick = ToDelegate(this, function() { this.Browser.PromptNewCategory(); return false });
    this.dng_btn_up.onclick = ToDelegate(this, this.OnButtonUpClick);

    if (!this.Browser.Param.AllowEdit) {
        this.dng_btn_newcategory.style.display = "none";
    }

    var uploadercontainer = this.Browser.GetUploaderContainer();
    if (uploadercontainer) {
        this.Browser.FindElement("dng_uploaderholder").appendChild(uploadercontainer);
    }

    var pl = this.Browser.FindElement("dng_photolist");

    if (navigator.userAgent.indexOf("MSIE 6.") > -1) {

    }

    var ctrlwidth = this.Browser.Control.style.width;
    if (ctrlwidth && ctrlwidth.indexOf('%') == -1) {
        pl.style.width = (parseInt(ctrlwidth) || pl.parentNode.offsetWidth) + "px";
    }

    var ctrlheight = this.Browser.Control.style.height;
    if (ctrlheight && ctrlheight.indexOf('%') == -1) {
        pl.style.height = (parseInt(ctrlheight) || pl.parentNode.offsetHeight) + "px";
        pl.style.overflow = "auto";
    }
    pl.ondragstart = new Function("", "return false");
    pl.onselectstart = new Function("", "return false");

    this._categories = this.Browser.GetCategories();
    this.DrawUI();
}

GalleryLayout.prototype.CreateItemDiv = function _GalleryLayout_CreateItemDiv(category, photo, title, thumbnail, width, height) {
    var div = document.createElement("DIV");
    div.className = photo ? "GalleryPhotoItem" : "GalleryDirectoryItem";
    div.dngcategory = category;
    div.dngphoto = photo;
    var t = document.createElement("TABLE");
    t.style.width = "100%";
    t.style.height = "100%";
    t.border = 0;
    t.cellSpacing = 0;
    t.cellPadding = 0;
    var c1 = t.insertRow(-1).insertCell(-1);
    var c2 = t.insertRow(-1).insertCell(-1);
    c1.className = "GalleryItemImageCell";
    c1.onselectstart = new Function("", "return false");
    c2.style.textAlign = "center";
    var scale = Math.min(88 / width, 88 / height);
    var img;
    if (photo) {
        img = this.Browser.CreateThumbnail(thumbnail, Math.floor(width * scale), Math.floor(height * scale));
    }
    else {
        img = document.createElement("IMG");
        img.src = thumbnail;
        img.width = Math.floor(width * scale);
        img.height = Math.floor(height * scale);
    }
    c1.appendChild(img);
    c2.innerHTML = "<span class='GalleryItemText'></span>";
    var titltText = title;
    if (titltText && titltText.length > 30) titltText = titltText.substring(0, 30) + "..";
    c2.firstChild.appendChild(document.createTextNode(titltText));

    if (this.Browser.Param.AllowShowComment) {
        var cs = (photo || category || {}).Comments;
        if (cs && cs.length) {
            c2.innerHTML += "<br/><span class='GalleryItemNumComments'>" + cs.length + " " + GalleryLocalize.NUMCOMMENTS + "<span>";
        }
    }

    div.appendChild(t);
    return div;
}
GalleryLayout.prototype.DrawUI = function _GalleryLayout_DrawUI() {
    this._selecteddiv = null;
    var container = this.Browser.FindElement("dng_photolist");

    container.innerHTML = "";

    if (!this._selectedcategory) {
        this.dng_btn_up.style.display = "none";
        this.Browser.FindElement("dng_path").innerHTML = "/";
        for (var i = 0; i < this._categories.length; i++) {
            var c = this._categories[i];
            var folderthumb = this.Browser.GetTheme("Images/directory-thumbnail.png");

            if (c.Photos.length != 0) {
                var div = this.CreateItemDiv(c, null, (c.Title || GalleryLocalize.DEFAULTCATEGORYNAME) + " (" + c.Photos.length + ")", c.Photos[0].Thumbnail, c.Photos[0].Width, c.Photos[0].Height);
                this.AttachItemEvent(container.appendChild(div));
            }
            //else {
                //var div = "";// this.CreateItemDiv(c, null, (c.Title || GalleryLocalize.DEFAULTCATEGORYNAME) + " (" + c.Photos.length + ")", folderthumb, 128, 128);
            //}

            
        }
    }
    else {
        this.dng_btn_up.style.display = "";
        this.Browser.FindElement("dng_path").innerHTML = "/" + (this._selectedcategory.Title || GalleryLocalize.DEFAULTCATEGORYNAME) + "/";

        //if(addparentnode)
        var returnthumb = this.Browser.GetTheme("Images/directory-thumbnail.png");
        var div = this.CreateItemDiv(null, null, "...", returnthumb, 128, 128);
        this.AttachItemEvent(container.appendChild(div));

        var photos = this._selectedcategory.Photos;

        for (var i = 0; i < photos.length; i++) {
            var p = photos[i];
            var div = this.CreateItemDiv(this._selectedcategory, p, p.Title, p.Thumbnail, p.Width, p.Height);
            this.AttachItemEvent(container.appendChild(div));
        }
    }
}
GalleryLayout.prototype.AttachItemEvent = function _GalleryLayout_AttachItemEvent(div) {
    function SetDivClass(div) {
        var clsname;
        if (div.dngselected && div.dnghover)
            clsname = " GalleryItemHoverSelected";
        else if (div.dngselected)
            clsname = " GalleryItemSelected";
        else if (div.dnghover)
            clsname = " GalleryItemHover";
        else
            clsname = "";
        if (div.dngphoto)
            div.className = "GalleryPhotoItem " + clsname;
        else
            div.className = "GalleryDirectoryItem " + clsname;
    }
    div.onmouseover = ToDelegate(this, function() {
        div.dnghover = true;
        SetDivClass(div);
        if (div.dngphoto)
            this.Browser.ShowPhotoTooltip(div.dngphoto, div, this);
        else if (div.dngcategory)
            this.Browser.ShowCategoryTooltip(div.dngcategory, div, this);
    });
    div.onmouseout = ToDelegate(this, function() {
        div.dnghover = false;
        SetDivClass(div);
    });
    div.onclick = ToDelegate(this, function() {
        if (this._selecteddiv) {
            this._selecteddiv.dngselected = false;
            SetDivClass(this._selecteddiv);
        }
        this._selecteddiv = div;
        div.dngselected = true;
        SetDivClass(div);
    });
    div.ondblclick = ToDelegate(this, function() {
        if (div.dngphoto) {
            this.Browser.ShowViewer(div.dngphoto);
        }
        else {
            this._selectedcategory = div.dngcategory || null;
            this.DrawUI();
        }
    });
    div.oncontextmenu = ToDelegate(this, function(event) {
        div.onclick();
        event = event || window.event;
        if (div.dngphoto) {
            this.Browser.ShowPhotoMenu(div.dngphoto, div, event, this);
        }
        else if (div.dngcategory) {
            this.Browser.ShowCategoryMenu(div.dngcategory, div, event, this);
        }
        if (event.preventDefault) event.preventDefault();
        event.cancelBubble = true;
        return event.returnValue = false;
    });
}

GalleryLayout.prototype.OnButtonUpClick = function _GalleryLayout_OnButtonUpClick() {
    this._selectedcategory = null;
    this.DrawUI();
}

GalleryLayout.prototype.Ajax_Result = function _GalleryLayout_Ajax_Result(ret, param, method) {
    if (method == "GetAllCategoryData" || method == "GetCategoryData") {
        this._categories = this.Browser.GetCategories();
        var sc = this._selectedcategory;
        if (sc) this._selectedcategory = this.Browser.FindCategory(sc.CategoryID, sc.PhotoID);
        this.DrawUI();
    }
}


GalleryLayout.prototype.Popup_OpenCategory = function _GalleryLayout_OnMenuOpenCategory(category) {
    this._selectedcategory = category;
    this.DrawUI();
}