/// <reference path="../../Default/Scripts/jquery-1.4.1-vsdoc.js" />
/// <reference path="../../Default/Scripts/jquery.bnet-vsdoc.js" />

// PNG fix for IE
$(document).ready(function () {
    // PRETTYPHOTO LIGHTBOX
    $(".imageGallery a[rel^='prettyPhoto']").prettyPhoto({
        overlay_gallery: true,
        show_title: true,
        markup: '<div class="pp_pic_holder"> \
                <div class="ppt">&nbsp;</div> \
            <div class="pp_details"> \
				<a class="pp_close" href="#">Close</a> \
			</div> \
			<div class="pp_content_container"> \
				<div class="pp_left"> \
				<div class="pp_right"> \
					<div class="pp_content clearfix"> \
						<div class="pp_loaderIcon"></div> \
						<div class="pp_fade"> \
							<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
							<div class="pp_hoverContainer"> \
								<a class="pp_next" href="#">next</a> \
								<a class="pp_previous" href="#">previous</a> \
							</div> \
							<div id="pp_full_res"></div> \
						</div> \
					</div> \
				</div> \
				</div> \
			</div> \
		</div> \
		<div class="pp_overlay"></div>'
    });

    // SUBMENU
    $("#Menu a").click(function (e) {
        e.preventDefault();

        removeSubMenu();

        if ($(this).parent().hasClass("selected")) {
            $(this).parent().removeClass("selected");
            return;
        }

        var itemid = $(this).attr("data-itemid");
        var $menu = $("<div>").attr("id", "SubMenu").insertAfter("#Header");

        $menu.load("/Customers/Roci/Roci/Pages/DynamicMenu.aspx?parentid=" + itemid + " #SubMenu > *", function () {
            var height = $menu.outerHeight();
            $menu.css("top", "-" + height + "px").data("height", height);
            $menu.animate({ top: 60 });
        });

        $(this)
            .parent()
            .addClass("selected")
            .siblings()
                .removeClass("selected");
    });

    //close submenu
    $(document).click(function (e) {
        if (e.target.tagName.toLowerCase() == "a")
            return;
        
        var $target = $(e.target);
        if (e.target.id != "SubMenu" && $target.parents("#SubMenu").length == 0 && $target.parents("#Header").length == 0) {
            removeSubMenu();
            $("#Menu .selected").removeClass("selected");
        }
    });

    function removeSubMenu() {
        var $submenu = $("#SubMenu");
        if ($submenu.exists()) {
            $submenu.animate({ top: "-" + $submenu.data("height") + "px" }, 200, function () {
                $submenu.remove();
            });
        }
    }

});