/**
 *  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
 */
 

var jqWindowsEngineZIndex = 999999; 
(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 : "",
        content: "",
        ajaxURL: "",
        width : 200,
        height : 200,
        posx : 50,
        posy : 50,
        onDragBegin: null,
        onDragEnd: null,
        onResizeBegin: null,
        onResizeEnd: null,
        onAjaxContentLoaded: null,
        statusBar: true,
        minimizeButton: true,
        minimizeIcon: "-",
        maximizeButton: true,
        maximizeIcon: "O",
        closeButton: true,
        closeIcon: "X",
        draggable: true,
        resizeable: true,
        resizeIcon: " ",
        windowType: "standard"
    };
//resizeIcon: "<div style='background-image:url(/js/resizer_arrow.gif);font-size:30px;background-repeat:no-repeat;cursor:se-resize;float:right;height:11px;margin-top:2px;overflow:hidden;width:11px;'>&nbsp; &nbsp; &nbsp; &nbsp;</div>",
          
    var options = $.extend(defaults, options);
    
    $windowContainer = $('<div class="window-container" id="fde_window_container_'+ fde_window_content_id+ '"></div>');
    $windowTitleBar = $('<div class="window-titleBar"></div>');        
    $windowMinimizeButton = $('<div class="window-minimizeButton"></div>');
    $windowMaximizeButton = $('<div class="window-maximizeButton"></div>');
    $windowCloseButton = $('<div class="window-closeButton" id="fde_close_button_window_'+ fde_window_content_id+ '"></div>');
    $windowContent = $('<div class="window-content" id="fde_window_'+ fde_window_content_id+ '"></div>');
    $windowStatusBar = $('<div class="window-statusBar"></div>');
    $windowResizeIcon = $('<div class="window-resizeIcon"></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){
      fde_clear_interval(this.id);                               
      $(e.target).parent().parent().fadeOut();
      $(e.target).parent().parent().children(".window-content").html("");
    });
    
    $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");
    
    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){
            event.preventDefault();   
            $window = $this.data("window")
            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);
            $window.fadeIn();            
        });
        */

        {
            $window = $this.data("window")
            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);
            $window.fadeIn();            
        }
        

    });

  
}})(jQuery);