$(function () {
    $("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>'

    });

    $(".video").fancybox({
        'hideOnContentClick': false,
        'scrolling': 'no',
        'padding': 0,
        'titleShow': false,
        'onComplete': function () {
            var id = this.href.substr(this.href.indexOf("#") + 1);
            jwplayer(id + "Container").play();
        }
    });

    var st;
    setTimeout(function () {
        if (bNet.cookie.read("usedmininavigation") != "true") {
            $("#Navigation").trigger("click");
            st = setTimeout(function () {
                if ($("#Overlay").is(":visible"))
                    hideMiniMap();
            }, 7000);

        }
    }, 2000);

    $("#Overlay").live("mouseover", function () {
        clearTimeout(st);
        st = null;
    }).live("mouseout", function () {
        /*st = setTimeout(function () {
        if ($("#Overlay").is(":visible"))
        hideMiniMap();
        }, 2000);*/
    });

    /* MININAVIGASJON */
    $("#Navigation").click(function () {
        clearTimeout(st);
        st = null;

        if ($("#Overlay").is(":visible")) {
            try {
                _gaq.push(['_trackEvent', 'Minikart', 'Lukket', '']);
            } catch (e) { }
            hideMiniMap();
            return;
        }
        //analytics event track
        
        if (bNet.cookie.read("usedmininavigation") != "true") {
            bNet.cookie.create("usedmininavigation", "true", 365);
        } else {
            try {
                _gaq.push(['_trackEvent', 'Minikart', 'Åpnet', '']);
            } catch (e) { }
        }
        showMiniMap();
    });

    $(document).click(function (e) {
        if (!$("#Overlay").is(":visible"))
            return;

        var $target = $(e.target);
        if (e.target.id != "Overlay" && (e.target.id != "Navigation" && $target.parents("#Navigation").length == 0))
            hideMiniMap();
    });

    function showMiniMap() {
        var mult = 5;
        var $overlay = $("#Overlay");
        var overlayMade = true;
        if (!$overlay.exists()) {
            $overlay = $("<div>").attr("id", "Overlay");
            $overlay.append("<div class='container'><ul></ul></div>");
            $("#InnerWrapper").append("<div id='MininavBottom'></div><div id='MininavMiddle'><span></span></div>");
            $("#InnerWrapper").append($overlay);
            overlayMade = false;
        }

        var $container = $(".container", $overlay);

        var $ul = $overlay.find("ul");

        //bottom: 173px
        //middle: 134px

        $("#MininavBottom").animate({ width: 173 }, 200);
        $("#MininavMiddle span").delay(200).animate({ width: 134 }, 200);
        $overlay.css("height", $(document).height() / mult - 30);
        $overlay.delay(400).animate({ width: $(document).width() / mult + 100 }, 500, function () {
            var length = $(".section").length;
            var counter = 0;
            var si = setInterval(function () {
                if (counter < length) {
                    if (overlayMade) {
                        var $div = $container.find("div").eq(counter);
                        $div.fadeIn();
                        var $li = $overlay.find("li").eq(counter++);
                        $li.fadeIn();
                    } else {
                        var $section = $(".section").eq(counter++);
                        var $div = $("<div>");

                        $div
                        .addClass("box")
                        .css({
                            width: $section.outerWidth() / mult,
                            height: $section.outerHeight() / mult,
                            top: $section.offset().top / mult,
                            left: $section.offset().left / mult + 20,
                            opacity: 0
                        })
                        .data("divid", $section.attr("id"))
                        .data("id", counter)
                        .appendTo($container).fadeTo("normal", 0.5);

                        var $li = $("<li>" + $section.find("h2").text() + "</li>");

                        $li
                        .css("opacity", 0)
                        .data("id", counter)
                        .data("divid", $section.attr("id"))
                        .appendTo($ul)
                        .fadeTo("normal", 0.7);
                    }
                }
                else {
                    clearInterval(si);
                }
            }, 80);
        });
    }

    $("#Overlay .container div, #Overlay .container li").live("click", function () {
        //finn div med rett id
        var div = $("#" + $(this).data("divid")).offset();
        //scrollTo(div)
        $("html,body").animate({
            scrollTop: div.top - 110,
            scrollLeft: div.left - 50
        });
        //fadeOut
        hideMiniMap();
        try {
            _gaq.push(['_trackEvent', 'Minikart', 'Navigert', '']);
        } catch (e) { }
    });

    $("#Overlay .container div, #Overlay .container li").live("mouseover", function (e) {
        var id = $(this).data("id");
        $("#Overlay .container div, #Overlay .container li").filter(function () {
            return $(this).data("id") == id;
        }).stop().animate({ "opacity": 1 }).addClass("hover");
    });

    $("#Overlay .container div, #Overlay .container li").live("mouseout", function (e) {
        $("#Overlay .container div, #Overlay .container li").stop().animate({ "opacity": 0.5 }).removeClass("hover");
    });

    function hideMiniMap() {
        $("#Overlay .container li, #Overlay .container div").fadeOut();
        $("#Overlay").animate({ width: 0 }, function () {
            $("#MininavMiddle span").animate({ "width": 0 }, 100);
            $("#MininavBottom").delay(100).animate({ "width": 0 });
            $(this).hide();
        });
    }

    /* AKTUELT navigasjon */
    $("#ArticlesMain .nav").data("pos", 1);

    $("#ArticlesMain .next").click(function () {
        if ($(this).data("pos") < $("#ArticlesMain ul li").length) {
            $("#ArticlesMain ul").animate({ "margin-left": "-=560" });
            $("#ArticlesThumbs ul").animate({ "margin-left": "-=297" });
            $("#ArticlesMain .nav").data("pos", $(this).data("pos") + 1);
        }
    });

    $("#ArticlesMain .prev").click(function () {
        if ($(this).data("pos") > 1) {
            $("#ArticlesMain ul").animate({ "margin-left": "+=560" });
            $("#ArticlesThumbs ul").animate({ "margin-left": "+=297" });
            $("#ArticlesMain .nav").data("pos", $(this).data("pos") - 1);
        }
    });

    // Tjenester og Opplevelse "les mer"
    $("#Tjenester .readMoreLink").click(function (e) {
        e.preventDefault();
        $("#Menu .item1 a").trigger("click");
    });
    $("#Opplevelse .readMoreLink").click(function (e) {
        e.preventDefault();
        $("#Menu .item2 a").trigger("click");
    });

});