$(document).ready(function() {
	
	
	$("#callmeopenbutton").click(function(){
		$("div#callmepanel").slideDown("slow");
	});	
	
	
	$("#callmeclosebutton").click(function(){
		$("div#callmepanel").slideUp("slow");	
	});		
	
	
	$("#callmetoggle a").click(function () {
		$("#callmetoggle a").toggle();
	});		
	
	$('#callmepanel .submit').click(function(){
		
		return submitCallme();
	});
	
	$(".routepopup").colorbox({ 
			innerWidth: 840, 
			innerHeight: 420, 
			close: 'Sluiten',
			onOpen: function(){
				$('object').css("visibility", "hidden");
				$('embed').css("visibility", "hidden");
			},
			onCleanup: function(){
				$('embed').css("visibility", "visible");
				$('object').css("visibility", "visible");
			}
		});


});

function submitCallme(){
			var name = $("input#callmenamefield").val();   
			var phone = $("input#callmephonefield").val(); 
			var company = $("input#callmecompanyfield").val(); 
			
			var dataString = 'name='+ name + 'company='+ company + '&phone=' + phone;
			
  			$.ajax({
				type: "POST",
				url: "/element/CallmePanel/callme/language:nl",
				data: dataString,
				success: function(responseText) {
					$.fn.colorbox({close: 'Sluiten', html:'<div class="callmeerror"><p>' +  responseText + '</p></div>'});
					$("input#callmenamefield").val("");   
					$("input#callmephonefield").val(""); 
					$("input#callmecompanyfield").val(""); 
					$("div#callmepanel").slideUp("slow");	
					$("#callmetoggle a").toggle();
    			},
    			complete: function(XMLHttpRequest, textStatus){
					
					if(textStatus == "error"){
						$.fn.colorbox({close: 'Sluiten', html:'<div class="callmeerror"><p>' +  XMLHttpRequest.responseText + '</p></div>'});
						//alert( XMLHttpRequest.responseText); 
					}
					else if(textStatus == "timeout" ){
						$.fn.colorbox({close: 'Sluiten', html:'<div class="callmeerror"><p>Er is een timeout opgetreden bij het versturen van uw gegevens</p></div>'});
					}
				}
  			});
			
			
			return false;
}