$j = jQuery.noConflict();


$j(document).ready(function() {

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

function ClearPopup() {
    $j('#FadeBackground').hide();
    $j('#HoldPopup').hide();
};

function BuildIframe(url) {

    $j('#FadeBackground').fadeTo(500, 0.6);
    $j('#FadeBackground').show();
    $j('#HoldPopup').show('fast');
    $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);
};