$(function()
{
  $("#lodde").bind("ajaxSend", function(){
    $(this).show();
   }).bind("ajaxComplete", function(){
    $(this).hide();
  });

  // initalize waiting overlay
  $('#wait_overlay').overlay({ 
      expose: {
          color:'#eee', 
          loadSpeed: 0, 
          opacity: .3 
      },
      close: '#wait_overlay .no-close', 
      closeOnClick: false,
      speed : '0'
  });

  // initalize server message overlay
  $('#serverMsgOverlay').overlay({ 
      expose: {
          color:'#000', 
          loadSpeed: 0, 
          opacity: .7 
      },
      closeOnClick: true,
      speed : '0'
  });

});

function waitOverlay()
{
  var api = $("#wait_overlay").overlay();
  api.load();  
}

function closeWaitOverlay()
{
  var api = $("#wait_overlay").expose();
  api.close();
}

function serverMsgOverlay()
{
	$.ajax({
		type: 'POST',
		url : '/home/xml/get_servermsg.php?rnd=' + Math.random(),
		dataType : 'json',
		success: function(json) {
			$('#serverMsgContent').html( '' );
			if ( json )
			{
				$.each( json, function(i, v){
					$('#serverMsgContent').append( '<div class="newMessage">' + v.date + ': ' + v.value + '</div>' );
				});
				var api = $("#serverMsgOverlay").overlay();
				api.load();
			}
		}
		});  
}

function closeServerOverlay()
{
  var api = $("#serverMsgOverlay").expose();
  api.close();
}

function buttonEffects()
{
	$(function(){
		//all hover and click logic for buttons
		$(".fg-button:not(.ui-state-disabled)")
		.hover(
			function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		)
		.mousedown(function(){
				$(this).parents('.fg-buttonset-single:first').find(".fg-button.ui-state-active").removeClass("ui-state-active");
				if( $(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active') ){ $(this).removeClass("ui-state-active"); }
				else { $(this).addClass("ui-state-active"); }	
		})
		.mouseup(function(){
			if(! $(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button,  .fg-buttonset-multi .fg-button') ){
				$(this).removeClass("ui-state-active");
			}
		});
	});
}

window.alert = function( msg, id, f, title )
{
  document.getElementById("modal_content").innerHTML = msg;
 
  if ( !id )
  {
    id = '#modal_content';
  }

  $( id ).html( msg );
  
  $( id ).dialog('destroy');
  
	$( id ).dialog({
		bgiframe: true,
		resizable: false,
		draggable: false,
    autoOpen: false,
    close: function(){	
      if ( f )
			{ 
			  f();
			}
		},
    
		modal: true,
		overlay: {
			backgroundColor: '#000',
			opacity: 0.5
		},
		buttons: {
			'Ok': function(){$(this).dialog('close')}
		}
	});

  $( id ).dialog('option', 'title', title );
	
  $( id ).dialog("open");  
}

window.confirm = function( msg, f, f2 )
{
  document.getElementById("modal_content").innerHTML = msg;
  
  $("#modal_content").dialog('destroy');
  
	$("#modal_content").dialog({
		bgiframe: true,
		resizable: false,
    autoOpen: false,
		modal: true,
		overlay: {
			backgroundColor: '#000',
			opacity: 0.5
		},
		buttons: {
			'Ja': function() {
				$(this).dialog('close');
				f();
			},
			'Nee': function() {
				$(this).dialog('close');
				if ( f2 )
				{
  				f2();
  			}
			}
		}
	});
	
  $("#modal_content").dialog("open");  
}

function go( url )
{
	window.location.href = url;
}
