﻿$j = jQuery.noConflict();


$j(document).ready(function () {

    $j("#current_rev").html("v" + $j.mcDropdown.version);

    var mc1 = $j('#categoryChruch').mcDropdown("#categoryChruchMenu", { openSpeed: 100, closeSpeed: 100, hoverOutDelay: 500 });
    $j(mc1).val("Velg kirke");

    var mc2 = $j('#categoryGeo').mcDropdown("#categoryGeoMenu", { openSpeed: 100, closeSpeed: 100, hoverOutDelay: 500, minRows: 40, maxRows: 40 });
    $j(mc2).val("Velg sted");

    $j('#gallery-container ul').cycle({
        fx: 'fade',
        speed: 2500,
        timeout: 5000
    });

    $j('#gallery-articles a').animate({ "opacity": 0.9 }, 1);

    $j('#gallery-articles a').hover(function () {
        $j(this).animate({ "opacity": 1 }, 100);
    }, function () {
        $j(this).animate({ "opacity": 0.9 }, 100);
    });

    $j('#map ul a').animate({ "opacity": 0.7 }, 1);

    $j('#map ul a').hover(function () {
        $j(this).animate({ "opacity": 1 }, 100);
    }, function () {
        $j(this).animate({ "opacity": 0.7 }, 100);
    });


    $j('.contentimage').wrap("<span class='wrap1'><span class='wrap2'><span class='wrap3'></span></span></span>");

    $j('.txtTo').keyup(function () { BindPostcard(); });
    $j('.txtFrom').keyup(function () { BindPostcard(); });
    $j('.txtComment').keyup(function () { BindPostcard(); });

    $j('.coverslide-caption').fadeTo(500, 0.6);

    $j('#content-slider').mouseenter(function () { $j('#panels a .item').show() });
    $j('#content-slider').mouseleave(function () { $j('#panels a .item').hide() });

    $j('#panels').cycle({
        fx: 'fade',
        pagerEvent: 'mouseover',
        fastOnEvent: true,
        pager: '.slideselector',
        pagerAnchorBuilder: function (idx, slide) {
            // return sel string for existing anchor
            return '.slideselector li:eq(' + (idx) + ') a';
        }

    });

    $j('.slideselector a').click(function () { window.location = $j(this).attr('href'); });

    $j('.facebook').click(function () { popUp($j(this).attr('href')); return false; });

    $j('.UseOriginalImage #stack li img').vAlign();
    $j('.UseOriginalImage #stack li img').hAlign();

    $j('.jLoupe, .jloupe').jloupe({ width: 300, height: 250 });


    // Timeago
    // Norwegian
    jQuery.timeago.settings.strings = {
        prefixAgo: "",
        prefixFromNow: "om",
        suffixAgo: "siden",
        suffixFromNow: "",
        seconds: "mindre enn et minutt",
        minute: "ca. et minutt",
        minutes: "%d minutter",
        hour: "ca. en time",
        hours: "ca. %d timer",
        day: "en dag",
        days: "%d dager",
        month: "ca. en måned",
        months: "%d måneder",
        year: "ca. et år",
        years: "%d år"
    };

    jQuery("abbr.timeago").timeago();
});

function ClearPopup() {
    $j('.FadeBackground').hide();
    $j('.HoldPopup').hide();
};

function FadeBackground() {
    $j('.FadeBackground').fadeTo(500, 0.6);
    $j('.FadeBackground').show();
};


function BuildIframe(url) {
    FadeBackground();
    $j('.HoldPopup').html("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' src='" + url + "' /><div onclick='javascript:ClearPopup();' class='close'>Close</div>");
};

function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=400,top=300');");
}

function BindPostcard() {

    $j('#preview_to').html("Til: " + $j('.txtTo').val());
    $j('#preview_from').html("Fra: " + $j('.txtFrom').val());

    var mystring = $j('.txtComment').val();
    var x = mystring.length;

    while (mystring.match('\n')) {
        mystring = mystring.replace('\n', '<br />');
    }

    $j('#preview_comment').html(mystring);
};

(function ($) {
    $.fn.vAlign = function () {
        return this.each(function (i) {
            var h = $(this).height();
            var oh = $(this).outerHeight();
            var mt = (h + (oh - h)) / 2;
            $(this).css("margin-top", "-" + mt + "px");
            $(this).css("top", "50%");
            $(this).css("position", "absolute");
        });
    };
})(jQuery);

(function ($) {
    $.fn.hAlign = function () {
        return this.each(function (i) {
            var w = $(this).width();
            var ow = $(this).outerWidth();
            var ml = (w + (ow - w)) / 2;
            $(this).css("margin-left", "-" + ml + "px");
            $(this).css("left", "50%");
            $(this).css("position", "absolute");
        });
    };
})(jQuery);
