/**
 *  jQuery Windows Engine Plugin
 *@requires jQuery v1.2.6
 *  http://www.socialembedded.com/labs
 *
 *  Copyright (c)  Hernan Amiune (hernan.amiune.com)
 *  Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 * 
 *  Version: 0.6
 */
 
/*
function dump($data)
{
	if(is_array($data))
	{ //If the given variable is an array, print using the print_r function.
		print "<pre>-----------------------\n";
		print_r($data);
		print "-----------------------</pre>";
	}
	else if (is_object($data))
	{
		print "<pre>==========================\n";
		var_dump($data);
		print "===========================</pre>";
	}
	else
	{
		print "=========&gt; ";
		var_dump($data);
		print " <=========";
	}
}
*/


var jqWindowsEngineZIndex = 100; 
(function($){ 

/**
 * @option string windowTitle, the tile to display on the window
 * @option HTML content, the content to display on the window
 * @option string ajaxURL, URL address to load the content, this has priority over content
 * @option int width, the initial width of the window
 * @option int height, the initial height of the window
 * @option int posx, the initial x position of the window
 * @option int posy, the initial y position of the window
 * @option function onDragBegin: onDragBegin callback function,
 * @option function onDragEnd: onDragEnd callback function,
 * @option function onResizeBegin: onResizeBegin callback function,
 * @option function onResizeEnd: onResizeEnd callback function,
 * @option function onAjaxContentLoaded: onAjaxContentLoaded callback function,
 * @option boolean statusBar, enable or disable the window status bar
 * @option boolean minimizeButton, enable or disable the window minimize button
 * @option HTML minimizeIcon, an html text to display as the minize icon
 * @option boolean maximizeButton, enable or disable the window maximize button
 * @option HTML maximizeIcon, an html text to display as the maximize icon
 * @option boolean closeButton, enable or disable the window close button
 * @option HTML closeIcon, an html text to display as the close icon
 * @option boolean draggable, enable or disable the window dragging
 * @option boolean resizeable, enable or disable the window resize button
 * @option HTML resizeIcon, an html text to display as the resize icon
 * @option string windowType, a string "normal", "video", or "iframe"
 *
 * @type jQuery
 *
 * @name jqWindowsEngine
 * @cat Plugins/Windows
 * @author Hernan Amiune (amiune@gmail.com)
 */ 
$.fn.newWindow = function(options){

    var lastMouseX = 0;
    var lastMouseY = 0;

    var defaults = {
        windowTitle : "",
        windowName : "",
		content: "",
		ajaxURL: "",
        width : 200,
        height : 200,
        posx : 50,
        posy : 50,
		onDragBegin: null,
		onDragEnd: null,
		onResizeBegin: null,
		onResizeEnd: null,
		onAjaxContentLoaded: null,
        statusBar: false,
		minimizeButton: true,
		minimizeIcon: "-",
		maximizeButton: true,
		maximizeIcon: "O",
		closeButton: true,
		closeIcon: "X",
		draggable: true,
		resizeable: true,
		resizeIcon: "#",
		windowType: "standard"
    };
	// Taskbar buttons.
	function dump(arr,level)
	{
		var dumped_text = "";
		if(!level) level = 0;
		
		//The padding given at the beginning of the line.
		var level_padding = "";
		for(var j=0;j<level+1;j++) level_padding += "    ";
		
		if(typeof(arr) == 'object')
		{ //Array/Hashes/Objects
			for(var item in arr)
			{
				var value = arr[item];
				if(typeof(value) == 'object')
				{
					//If it is an array,
					dumped_text += level_padding + "'" + item + "' ...\n";
					dumped_text += dump(value,level+1);
				}
				else
				{
					dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
				}
			}
		}
		else
		{ //Stings/Chars/Numbers etc.
			dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
		}
		return dumped_text;
	} 
    var options = $.extend(defaults, options);
    
    //$windowContainer = $('<div class="window-container"></div>');
    $windowContainer = $('<div class="window-container ui-dialog ui-widget ui-widget-content ui-draggable ui-resizable"></div>');
    //$windowTitleBar = $('<div class="window-titleBar"></div>');        
    ////$windowTitleBar = $('<div class="window-titleBar ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"></div>');        
    $windowTitleBar = $('<div class="window-titleBar ui-accordion-header ui-helper-reset ui-state-default ui-corner-all"></div>');        
    //$windowMinimizeButton = $('<div class="window-minimizeButton"></div>');
    $windowMinimizeButton = $('<div class="window-minimizeButton ui-icon ui-icon-minusthick"></div>');
	//$windowMaximizeButton = $('<div class="window-maximizeButton"></div>');
	$windowMaximizeButton = $('<div class="window-maximizeButton ui-icon ui-icon-plusthick"></div>');
	//$windowCloseButton = $('<div class="window-closeButton"></div>');
	////$windowCloseButton = $('<div class="window-closeButton ui-dialog-titlebar-close ui-corner-all"></div>');
	$windowCloseButton = $('<div class="window-closeButton ui-icon ui-icon-close"></div>');
	//$windowContent = $('<div class="window-content"></div>');
	$windowContent = $('<div class="window-content ui-dialog-content"></div>');
	$windowStatusBar = $('<div class="window-statusBar"></div>');
	$windowResizeIcon = $('<div class="window-resizeIcon ui-icon ui-icon-grip-diagonal-se"></div>');
	
	if(options.windowType=="video" || options.windowType=="iframe")
	  $windowContent.css("overflow","hidden");
	
	var setFocus = function($obj){
	    $obj.css("z-index",jqWindowsEngineZIndex++);
	}
	
	var resize = function($obj, width, height){
	    
		width = parseInt(width);
		height = parseInt(height);
		
		$obj.attr("lastWidth",width)
		    .attr("lastHeight",height);
		
		width = width+"px";
		height = height+"px";
		
		$obj.css("width", width)
	        .css("height", height);
		
		if(options.windowType=="video"){
		  $obj.children(".window-content").children("embed").css("width", width)
	               .css("height", height);
		  $obj.children(".window-content").children("object").css("width", width)
	               .css("height", height);
		  $obj.children(".window-content").children().children("embed").css("width", width)
	               .css("height", height);
		  $obj.children(".window-content").children().children("object").css("width", width)
	               .css("height", height);
		}
		
        if(options.windowType=="iframe")		
	      $obj.children(".window-content").children("iframe").css("width", width)
	               .css("height", height);
				   
	}
	
	var move = function($obj, x, y){
	    
		x = parseInt(x);
		y = parseInt(y);
		
		$obj.attr("lastX",x)
		    .attr("lastY",y);
		
        x = x+"px";
		y = y+"px";		
			
		$obj.css("left", x)
	        .css("top", y);
	}

	var dragging = function(e, $obj){
	    if(options.draggable){
		e = e ? e : window.event;
	    var newx = parseInt($obj.css("left")) + (e.clientX - lastMouseX);
        var newy = parseInt($obj.css("top")) + (e.clientY - lastMouseY);
	    lastMouseX = e.clientX;
	    lastMouseY = e.clientY;
	  
	    move($obj,newx,newy);
		}
	};
	
	var resizing = function(e, $obj){
	  
	  e = e ? e : window.event;
	  var w = parseInt($obj.css("width"));
	  var h = parseInt($obj.css("height"));
	  w = w<100 ? 100 : w;
	  h = h<50 ? 50 : h;
	  var neww = w + (e.clientX - lastMouseX);
      var newh = h + (e.clientY - lastMouseY);
	  lastMouseX = e.clientX;
	  lastMouseY = e.clientY;
	  
	  resize($obj, neww, newh);
	};
	
	$windowTitleBar.bind('mousedown', function(e){
	    $obj = $(e.target).parent();
		setFocus($obj);
		
	    if($obj.attr("state") == "normal"){
	        e = e ? e : window.event;
		    lastMouseX = e.clientX;
		    lastMouseY = e.clientY;
		    
		    $(document).bind('mousemove', function(e){
			    dragging(e, $obj);
		    });
		    
			
		    $(document).bind('mouseup', function(e){
				if(options.onDragEnd != null)options.onDragEnd();
				$(document).unbind('mousemove');
				$(document).unbind('mouseup');
		    });
			
			if(options.onDragBegin != null)options.onDragBegin();
	    }
    });
	
	$windowResizeIcon.bind('mousedown', function(e){
		$obj = $(e.target).parent().parent();
		setFocus($obj);
		
		if($obj.attr("state") == "normal"){
			e = e ? e : window.event;
			lastMouseX = e.clientX;
			lastMouseY = e.clientY;

			$(document).bind('mousemove', function(e){
				resizing(e, $obj);
			});

			$(document).bind('mouseup', function(e){
				if(options.onResizeEnd != null)options.onResizeEnd();
				$(document).unbind('mousemove');
				$(document).unbind('mouseup');
			});
			
			if(options.onResizeBegin != null)options.onResizeBegin();
		}
	  
    });
	
	$windowMinimizeButton.bind('click', function(e){
	    $obj = $(e.target).parent().parent();
		setFocus($obj);
		if($obj.attr("state") == "normal"){
	        $(e.target).parent().next().slideToggle("slow");
		}
    });
	
	$windowMaximizeButton.bind('click', function(e){
	  $obj = $(e.target).parent().parent();
	  setFocus($obj);
	  if($obj.attr("state") == "normal")
	  {
		  if(options.windowType=="standard"){
		    $obj.animate({
		      top: "5px",
			  left: "5px",
			  width: $(window).width()-15,
			  height: $(window).height()-45
		    },"slow");
		  }
		  else{
			tmpx = $obj.attr("lastX");
		    tmpy = $obj.attr("lastY");
			tmpwidth = $obj.attr("lastWidth");
		    tmpheight = $obj.attr("lastHeight");
			move($obj, 5, 5);
		    resize($obj,$(window).width()-15,$(window).height()-45);
			$obj.attr("lastX",tmpx);
		    $obj.attr("lastY",tmpy);
			$obj.attr("lastWidth",tmpwidth);
		    $obj.attr("lastHeight",tmpheight);
		  }
		  $obj.attr("state","maximized")
	  }
	  else if($obj.attr("state") == "maximized")
	  {
	    if(options.windowType=="standard")
	    { 
		  $obj.animate({
		    top: $obj.attr("lastY"),
			left: $obj.attr("lastX"),
			width: $obj.attr("lastWidth"),
			height: $obj.attr("lastHeight")
		  },"slow");
		}
		else
		{
		  resize($obj,$obj.attr("lastWidth"),$obj.attr("lastHeight"));
		  move($obj,$obj.attr("lastX"),$obj.attr("lastY"));
		}
		$obj.attr("state","normal")
	  }
	  
    });
	
	$windowCloseButton.bind('click', function(e){
		
//		$(this).closest('div.window').hide();
//		$($(this).attr('href')).hide('fast');
		alert( dump( e.target ) );
		$(e.target).parent().parent().fadeOut();
		$(e.target).parent().parent().children(".window-content").html("");
	  //$(e.target).remove();
    });
	
	$windowContent.click(function(e){
      setFocus($(e.target).parent());
    });
	$windowStatusBar.click(function(e){
      setFocus($(e.target).parent());
    });
	
	move($windowContainer,options.posx,options.posy);
	resize($windowContainer,options.width,options.height);
	$windowContainer.attr("state","normal");
	$windowTitleBar.append(options.windowTitle);
	
	if(options.minimizeButton)
	    $windowTitleBar.append($windowMinimizeButton)
	if(options.maximizeButton)
	    $windowTitleBar.append($windowMaximizeButton)
	if(options.closeButton)  
	    $windowTitleBar.append($windowCloseButton);
	
	if(options.resizeable)
	    $windowStatusBar.append($windowResizeIcon);
	
	$windowContainer.append($windowTitleBar)
	$windowContainer.append($windowContent)
	
	if(options.statusBar)
	    $windowContainer.append($windowStatusBar);
	
	$windowContainer.css("display","none");
	$('#dock a').bind('click', function() {
		// Get the link's target.
		var b_x = $(this).attr('href');
		//alert(b_x)
		// Hide, if visible.
		if ($(b_x).is(':visible'))
		{
			$(b_x).hide();
		}
		else
		{
			// Bring window to front.
			//JQD.window_flat();
			$(b_x).show().addClass('window_stack');
		}

		// Stop the live() click.
		//this.blur();
		//return false;
	});
	/*$('#dock a').bind('click', function(e){
	    //$obj = $(e.target).parent().parent();
	    $b_x = $(e.href).show();
		setFocus($b_x);
//		if($obj.attr("state") == "normal"){
//	        $(e.target).parent().next().slideToggle("slow");
//		}
    });*/
	return this.each(function(index){
		var $this = $(this);      	
		
		$windowMinimizeButton.html(options.minimizeIcon);
		$windowMaximizeButton.html(options.maximizeIcon);
		$windowCloseButton.html(options.closeIcon);
		$windowResizeIcon.html(options.resizeIcon);
		
		$this.data("window",$windowContainer);
		$('body').append($windowContainer);

		$this.click(function(event)
		{
			//console.log(options);
			//console.log("blah");
			//href = $this.attr('href');
			//alert(href);
			var url = $(this).attr('href');
			var m_name =  $(this).attr('title');
			options.windowName = m_name;
			var m_title = '<span id="title_' + m_name + '">' + m_name + '</span>';
			//$(this).blur();

			if (url.match(/^#/)) {
				//return false;
				options.ajaxURL = '';
			}
			else if (url.match('://'))
			{
				//$(this).attr('target', '_blank');
				options.ajaxURL = url;
				//alert('ajaxcode');
				//return true;
			}
			//alert(url);
			$windowTitleBar.find('#title_'+m_name).remove();
			options.windowTitle = m_title;
			// Get the link's target.
			//var x = 'button_' + m_name;
			var button_x = '<li id="button_' + m_name + '"><a href="#title_' + m_name + '"><img src="images/icons/icon_22_computer.png" />' + m_name + '</a></li>';
			///$()
			//var y = $(x.find('a').attr('href'));
			//alert(y);
			//x.appendTo('#dock').end().show('fast');
			// Show the taskbar button.
			/*if ($(x).css('display') == 'none')
			{
				x.remove().appendTo('#dock').end().show('fast');
			}
			else if(x)
			{
				x.remove().appendTo('#dock').end().show('fast');
			}
			else
			{
				
			}*/
			$('#dock').append(button_x);
			$('#button_' + m_name ).show('fast');
			//button_x.appendTo('#dock').end().show('fast');
			//alert('HeyHey');
			$windowTitleBar.prepend(m_title);
			event.preventDefault();   
			$window = $this.data("window")
			//console.log(options);
			if(options.ajaxURL != "")
			{ 
				 $.ajax({
				   type: "GET",
				   url: options.ajaxURL,
				   dataType: "html",
				   //data: "header=variable",
				   success: function(data){
					 $window.children(".window-content").html(data);
					 if(options.onAjaxContentLoaded != null) options.onAjaxContentLoaded(); 
				   }
				 });
		    
			}
			else $window.children(".window-content").html(options.content);
			if(!options.draggable)
			    $window.children(".window-titleBar").css("cursor","default");
			setFocus($window);
			//$('#dock_task_bar').append('<input type="button" value="bank" class="ui-state-default ui-corner-all" />')
            $window.fadeIn();			
		});
	});

  
}})(jQuery);