$(document).ready(function()
{
		$loginbox_html = '<div id="loginbox">\
				<span style="width:110px;display:block; float:left">Kundennummer:</span><input id="user" type="text"></input>\
				<span style="width:110px;display:block; float:left">Passwort:</span><input id="pass" type="password"></input>\
				<div class="msg" style="font-size:10px; color:red; font-weight:bold;padding:5px;"></div>\
			</div>';
		
		$logoutbox_html =  '<div id="logoutbox">\
				<div class="msg" style="font-size:10px; color:red; font-weight:bold;padding:5px;"></div>\
			</div>';
		
		var  login = function() {				
			$.post('/service.php', {service: 'session', action: 'login', user:$('#user').val(), pass:$('#pass').val()}, 
			function(data){
			//$.each(data, function() { alert('ahhh')});
				if(data.type == 'error')
				{
					$loginbox_error.empty();
					$loginbox_error.append(data.msg);
				}
				else if(data.type == 'success')
				{
					document.location.reload();
				}
			},'json'); //post ende
		}
		
		$('a.login').click(function(e) {
			e.preventDefault();
			$($loginbox_html).appendTo('body');	
			$loginbox = $('#loginbox');
			$loginbox_error = $('#loginbox .msg');
			$loginbox.dialog({
			modal:true,
			//show: 'none',
			resizable:false,
			draggable:false,
			width:320,
			buttons:{
			'Anmelden':function() {
				login();
				}, //login button ende
			'Abbrechen': function() {
				$('#loginbox').remove();
				}
			},
			open:function() {
			if($.browser['msie'] && $.browser.version == '6.0')
			{
				$('#loginbox').prepend('<div style="color:red; padding:5px; border:1px solid red; margin-bottom:5px;">Sie benutzen den Internet Explorer 6. Leider können wird diese Browserversion nicht unterstützen! Bitte verwenden Sie eine aktuellere Version des Internet Explorers oder einen alternativen Browser(z.B. <a style="color:red;" target="_blank" href="http://www.mozilla-europe.org/de/firefox/">Mozilla Firefox</a>).</div>');
			}
			$('#user').focus();
			},
			close:function() {
				$loginbox.remove();
			}
			
			}); //dialog ende
			$loginbox.keypress(function(event) {
				if(event.which == 13) {
					//alert('');
					login();
				}
			});
			
		});	 //login click ende	
			$('a.logout').click(function(e) {
				e.preventDefault();
			$($logoutbox_html).appendTo('body');	
			$logoutbox = $('#logoutbox');
			$logoutbox_msg = $('#logoutbox .msg');
			$logoutbox.dialog({
			modal:true,
			resizable:false,
			draggable:false,
			width:300,
			buttons:{
				'Schließen': function() {
				$('#logoutbox').remove();
				document.location.reload();
				}
			},
			open: function() {
				$.post('/service.php', {service: 'session', action: 'logout'}, 
					function(data){
						if(data.type == 'error')
						{
							$logoutbox_msg.empty();
							$logoutbox_msg.append(data.msg);
						}
						else if(data.type == 'success')
						{
							$logoutbox_msg.append(data.msg);
						}
					},'json'); //post ende
				}, //logout button ende
			close:function() {
				document.location.reload();
				//$logoutbox.remove();
			}
			
			}); //dialog ende					
			
		});//logout click ende	
});