/**
 * @author Thoras
 */

$(function() {
	// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
	$("#dialog").dialog("destroy");

	$("#dialog-modal").dialog({
		autoOpen: false,
		modal: true,
		width: 500,
		buttons: {
			Ok: function() {
				$(this).dialog('close');
			}
		}
	});
});

$(document).ready(function()
{
	$("#subscribe_form").submit(function(event)
	{
 		validateForm(this);
 		event.preventDefault();
	});
});

function validateForm(form)
{
    var http_request = false;
    if (window.XMLHttpRequest) 
    { // Mozilla, Safari,...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) 
        {
            http_request.overrideMimeType('text/html');
        }
    }
    else if (window.ActiveXObject) 
    { // IE
        try 
        {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) 
        {
            try 
            {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e) 
            {
            }
        }
    }
    
    if (!http_request) 
    {
        return false;
    }
    
    http_request.onreadystatechange = function() 
	{
		if (http_request.readyState == 4) 
    	{
        	if (http_request.status == 200) 
        	{
            	result = http_request.responseText;
				if(result=='OK')
				{
					document.getElementById('dialog-modal').innerHTML='<p>Dankjewel voor jouw inschrijving!</p>';
					$("#dialog-modal").dialog( "option", "title", 'Je bent ingeschreven' );
				}
				else
				{
					document.getElementById('dialog-modal').innerHTML='<p>'+result+'</p>';
					$("#dialog-modal").dialog( "option", "title", 'Gelieve volgende velden te controleren' );
				}
            	$("#dialog-modal").dialog('open');
        	}
        	else 
        	{
        	    alert('Er was een probleem met jouw inschrijving, gelieve opnieuw te proberen.');
        	}
    	}
	};
	
    var parameters = "name=" + encodeURI(form.name.value) +
    "&email=" + encodeURI(form.email.value) +
    "&city=" + encodeURI(form.city.value);
    http_request.open('GET', '/js/ajax/subscribe_form.html?'+parameters, true);
	http_request.send();
}