$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('.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();

});

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);