// 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();
});

newsletterSubscribeListener = function() {
    var container = $('div#newsletterSubscribe');
    var form = $(container).find('form');
    /*
    var button = $(form).find('input[type=submit]');
    $(button).click(function() {
        
        
    });*/
    $(form).validate({
        debug: true,
        submitHandler: function(form) {
            var val = $(form).serialize();
            $(container).find('div.loader').show();
            $.ajax({
                type: "POST",
                url: "/xhr/CustomApp/Newsletter",
                data: val,
                success: function(msg) {
                    $(container).html(msg);
                }
            });
        },
        rules: {
            firstName: "required",
            emailAddress: {
                required: true,
                email: true
            },
            lastName: "required",
            company: "required"
        },
        messages: {
            firstName: "Voornaam is verplicht",
            lastName: "Achternaam is verplicht",
            emailAddress: {
                required: "E-mailadres is verplicht",
                email: "Uw e-mailadres is niet in het formaat naam@domein.com"
            },
            company: "Bedrijfsnaam is verplicht"
        }


    });

}

openNewsletterSubscriber = function() {
    $('div#newsletterSubscribe').dialog('open');
    var rand = new Date().getTime();
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/Newsletter?' + rand,
        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');
    var rand = new Date().getTime();
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/DirectContact?' + rand,
        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');
    var rand = new Date().getTime();
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/TellAFriend?' + rand,
        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
    });

}