// JavaScript Document

/********* MENU *********/
$(function() {
    $('div.submenu').each(function(i, el) {
        var bottomDiv = $('<div></div>').addClass('last');
        var div1 = $('<div></div>').addClass('br');
        var div2 = $('<div></div>').addClass('bl');
        div1.append(div2);
        bottomDiv.append(div1);
        bottomDiv.appendTo(el);
    });
    $('div#menu ul li:not(div.submenu ul li)').hover(function() {
        $(this).addClass('hover');
        $(this).children('div.submenu').show();
    }, function() {
        $(this).removeClass('hover');
        $(this).children('div.submenu').hide();
    });

    if ($('div#right').height() < $('div#left').height()) {
        $('div#right').height($('div#left').height());
    }

    $('a.newslettersubscribe').click(function() {
        openNewsletterSubscriber();
        return false;
    });

    $('a.contextcontact').click(function() {
        openDirectContactForm();
        return false;
    });
    
    $('a.tellafriend').live('click', function() {
        openTellAFriendForm();
    });

    initNewsLetterSubscribeForm();
    initDirectContactForm();
    initTellAFriendForm();
});

openNewsletterSubscriber = function() {
    $('div#newsletterSubscribe').dialog('open');
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/Newsletter',
        success: function(msg) {
            
            $('div#newsletterSubscribe').append(msg);
            $('div#newsletterSubscribe div.loader').hide();
            var title = $('div#newsletterSubscribe').children('h1').text();
            $('div#newsletterSubscribe').children('h1').hide();
            $('div#newsletterSubscribe').dialog('option', 'title', title);
            newsletterSubscribeListener();
            
            

        }
    });
};

openDirectContactForm = function() {
    $('div#directContactForm').dialog('open');
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/DirectContact',
        success: function(msg) {
            $('div#directContactForm').append(msg);
            $('div#directContactForm div.loader').hide();
            var title = $('div#directContactForm').children('h1').text();
            $('div#directContactForm').children('h1').hide();
            $('div#directContactForm').dialog('option', 'title', title);
            directContactListener();

        }
    });
} 

openTellAFriendForm = function() {
    $('div#TellAFriendForm').dialog('open');
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/TellAFriend',
        success: function(msg) {
            $('div#TellAFriendForm').append(msg);
            $('div#TellAFriendForm div.loader').hide();
            var title = $('div#TellAFriendForm').children('h1').text();
            $('div#TellAFriendForm').children('h1').hide();
            $('div#TellAFriendForm').dialog('option', 'title', title);
            tellAFriendListener();

        }
    });
} 



initNewsLetterSubscribeForm = function() {
    var dialog = $('<div id="newsletterSubscribe" />').appendTo('body');
    var loader = $('<div class="loader" />').appendTo(dialog);
    $(dialog).dialog({
        title: 'loading...',
        modal: true,
        close: function() {
            $('div#newsletterSubscribe').dialog('destroy');
            $('div#newsletterSubscribe').remove();
            initNewsLetterSubscribeForm();
        },
        autoOpen: false
    });
}

initDirectContactForm = function() {
    var dialog = $('<div id="directContactForm" />').appendTo('body');
    var loader = $('<div class="loader" />').appendTo(dialog);
    $(dialog).dialog({
        title: 'loading...',
        modal: true,
        close: function() {
            $('div#directContactForm').dialog('destroy');
            $('div#directContactForm').remove();
            initDirectContactForm();
        },
        autoOpen: false
    });

}

initTellAFriendForm = function() {
    var dialog = $('<div id="TellAFriendForm" />').appendTo('body');
    var loader = $('<div class="loader" />').appendTo(dialog);
    $(dialog).dialog({
        title: 'loading...',
        modal: true,
        close: function() {
            $('div#TellAFriendForm').dialog('destroy');
            $('div#TellAFriendForm').remove();
            initTellAFriendForm();
        },
        autoOpen: false
    });

}