﻿//
// Jquery.jwindow 0.01.1
// 窗口插件


jQuery.fn.jWindowOpen = function(settings){
	defaults = {
		modal: false,
		center: false,
		drag: "",
		close: "",
		closeHoverClass: "",
		transfererFrom:"",
		transfererClass:"",
		closed_handler:null
	}
	
	IsOpen = true;

	jQuery.extend(defaults,settings);
	jWindow.init();
	
	//居中
	if(defaults.center){
		var frm = (this);
		jWindow.moveCenter(frm);
//		$(document).scroll(function(){
//			jWindow.moveCenter(frm);
//		});
		$(window).resize(function(){
		    jWindow.setResize(frm);
		});
	}
	
	//模式窗口
	if(defaults.modal){
		jWindow.showOverlayer();
	}
	
	//是否可移动
//	if(defaults.drag){
//		jWindow.setMoveable(this,defaults.drag);	
//	}
	
	//关闭按钮
	if(defaults.close != ""){
		
		var frm = this;
		$(defaults.close).one("click",function(){			
			jWindow.close(frm,0);
		});
		
		if(defaults.closeHoverClass != ""){
			$(defaults.close).bind("mouseover",function(){			
				$(this).addClass(defaults.closeHoverClass);
			});
			
			$(defaults.close).bind("mouseout",function(){			
				$(this).removeClass(defaults.closeHoverClass);
			});
		}
	}
	
	//显示窗口
	//是否有状态
	if(defaults.transfererFrom != "" && defaults.transfererClass != ""){
		var frm = $(this);
		$(defaults.transfererFrom).TransferTo({to:this,className:defaults.transfererClass, duration: 400,complete:function(){
				frm.show();
			}
		});	
		
	}else{	
		$(this).show();	
	}	
};

jQuery.fn.jWindowClose = function(){
	jWindow.close(this, null);
}



var jWindow = {
    result:0,
	arrayPageSize:new Array(0,0,0,0),
	arrayPageScroll:new Array(0,0,0,0),
	overLayerId:'_______overlayer',
		
	//初始化，要使用必须先运行此方法
	//init()
	//Results none
	//
	init:function(){
		arrayPageScroll = this.getPageScroll();
		arrayPageSize = this.getPageSize();
	},
	
	//显示modal层
	//showOverlayer()
	//Results none
	//
	showOverlayer:function(){
		this.removeOverlayer();
		var layer = "<div id=\"" + this.overLayerId + "\" style=\"position:absolute; top:0px; left:0px;-moz-opacity:0.7; opacity:0.7;filter:alpha(opacity=30);background:#000;\"></div>";
		$("body").append(layer);
		var overlayer = $("#" + this.overLayerId);
		overlayer.css("top","0px");
		overlayer.css("left","0px");
		var w = Math.max(arrayPageSize[0], arrayPageSize[2]);
		var h = Math.max(arrayPageSize[1], arrayPageSize[3]);
		var di = $('#debug_info');
		if(di) di.html("time:" + new Date().toLocaleString() + ", overlayer width:" + w + ", height:" + h);
		
		overlayer.css("width",self.innerHeight ? "100%" :  w +"px");
		overlayer.css("height",(self.innerHeight ? h : h + 30)+ "px");
	},
	
	//关闭
	//close(窗口的jquery Dom)
	//Results none
	//
	close:function(frm,result){
		frm.hide();
		frm.draggableDestroy();
		this.removeOverlayer();	
		
		IsOpen = false;
		if(defaults.closed_handler != null)
	    {
	        defaults.closed_handler(result);
	    }
	},
	
	//清除Modal层
	//removeOverlayer()
	//Returns none
	//
	removeOverlayer:function(){		
		var overlayer = $("#" + this.overLayerId);
		if(overlayer != null)
		{
			overlayer.remove();
		}
	},

	//移动窗口到
	//moveCenter(窗口的jquery Dom)
	//Returns none
	//
	moveCenter:function(frm){
		arrayPageScroll = this.getPageScroll();
		arrayPageSize = this.getPageSize();
		var frmLeft = Math.max((arrayPageSize[2] - frm.width()) / 2, 0);
		var frmTop = Math.max(arrayPageScroll[1] + ((arrayPageSize[3]  - frm.height())/ 2), 0);
	    frm.css("left",frmLeft + "px");
	    frm.css("top",frmTop + 'px');
	},
	
	//设置为可移动的
	//
	//setMoveable(窗口的jquery Dom,标题的对象名称)
	//Returns none
	//
	setMoveable:function(frm,title){
		frm.draggable({
			handle:	title,
			opacity: 	0.7
		});
	},
	
	//当浏览器窗口改变时, 做一些处理
	//
	setResize:function(frm){
	    arrayPageScroll = this.getPageScroll();
		arrayPageSize = this.getPageSize();
		
		//var overLayer = $('#' + this.overLayerId);
		if(IsOpen)
		    this.showOverlayer();
	},
	

	//取得页面大小属性
	//
	// getPageScroll()
	// Returns array with x,y page scroll values.
	// Core code from - quirksmode.org
	//
	getPageScroll:function(){

		var yScroll;

		if (self.pageYOffset) {
			yScroll = self.pageYOffset;
		} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
			yScroll = document.documentElement.scrollTop;
		} else if (document.body) {// all other Explorers
			yScroll = document.body.scrollTop;
		}

		arrayPageScroll = new Array('',yScroll) 
		return arrayPageScroll;
	},



	//
	// getPageSize()
	// Returns array with page width, height and window width, height
	// Core code from - quirksmode.org
	// Edit for Firefox by pHaez
	//
	getPageSize:function(){
		
		var xScroll, yScroll;
		
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = document.body.scrollWidth;
			yScroll = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;
		}
		
		var windowWidth, windowHeight;
		if (self.innerHeight) {	// all except Explorer
			windowWidth = self.innerWidth;
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}	
		
		// for small pages with total height less then height of the viewport
		if(yScroll < windowHeight){
			pageHeight = windowHeight;
		} else { 
			pageHeight = yScroll;
		}

		// for small pages with total width less then width of the viewport
		if(xScroll < windowWidth){	
			pageWidth = windowWidth;
		} else {
			pageWidth = xScroll;
		}


		arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
		return arrayPageSize;
	}
	
}

// helper method
function OpenJWindow(windowId, url, width, height, handler)
{
    $(windowId).css({"width":width,"height":height});
    var content_frame = $(windowId + ' .content_frame');
    if(url.length > 0)
    {
        content_frame.attr({src:url});
        content_frame.css({"width":width - 0,"height":height - 25});
        content_frame.hide();
                
        var dom_content_frame = content_frame[0];
        var onReadyDone = false;
        
        // tested under ie6
        dom_content_frame.onreadystatechange=function(){   
          if(dom_content_frame.readyState   ==   'complete'   )   
          {   
            onReadyDone = true;
            content_frame.show();
          }   
        };
        
        // tested under ff2
        if(!onReadyDone)
        {
            dom_content_frame.onload = function() {
                onReadyDone = true;
                content_frame.show();
            };
        }
    }
    else
    {
        content_frame.css({"display":"none"});
    }
    
    $(windowId).jWindowOpen({
	    modal:true,
	    center:true,
	    drag:windowId + " .title",
	    close:windowId + " .close",
	    closeHoverClass:"hover",
	    closed_handler:handler
    });
}

// helper method
function OpenJWindowA(windowId, url, width, height, isAutoFrameSize, handler)
{
    $(windowId).css({"width":width,"height":height});
    var content_frame = $(windowId + ' .content_frame');
    if(url.length > 0)
    {
        content_frame.attr({src:url});
        if(isAutoFrameSize)
        {
            content_frame.css({"width":width - 0,"height":height - 25});
        }
        content_frame.hide();
                
        var dom_content_frame = content_frame[0];
        var onReadyDone = false;
        
        // tested under ie6
        dom_content_frame.onreadystatechange=function(){   
          if(dom_content_frame.readyState   ==   'complete'   )   
          {   
            onReadyDone = true;
            content_frame.show();
          }   
        };
        
        // tested under ff2
        if(!onReadyDone)
        {
            dom_content_frame.onload = function() {
                onReadyDone = true;
                content_frame.show();
            };
        }
    }
    else
    {
        content_frame.css({"display":"none"});
    }
    
    $(windowId).jWindowOpen({
	    modal:true,
	    center:true,
	    drag:windowId + " .title",
	    close:windowId + " .close",
	    closeHoverClass:"hover",
	    closed_handler:handler
    });
}
