var IE6 = ($.browser.msie)&&($.browser.version=='6.0') ? true : false;
var IE7 = ($.browser.msie)&&($.browser.version=='7.0') ? true : false;
var navigatorLang = $.browser.msie? navigator.systemLanguage : navigator.language;                                //瀏覽器語言
/*----------------------------------------------------------目前檔案根目錄------------------------------------------------------------------*/
var root_path=function(){
    	var href=location.pathname;
		var myindex=href.lastIndexOf('/');
		return href.substring(0,myindex);
};
/*----------------------------------------------------------目前檔案名稱--------------------------------------------------------------------*/
var file_name=function(){
	var href=location.pathname;
	var myindex=href.lastIndexOf('/');
	return href.substring(myindex+1,href.length);
};
/*----------------------------------------------------------取得瀏覽器大小-----------------------------------------------------------------*/
//取得瀏覽器視窗高度  
function getBrowserHeight() {  
  if ($.browser.msie) {  
      return document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight :  
               document.body.clientHeight;  
  } else {  
      return self.innerHeight;  
  }  
}  
  
//取得瀏覽器視窗寬度  
function getBrowserWidth() {  
  if ($.browser.msie) {  
      return document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth :  
               document.body.clientWidth;  
  } else {  
      return self.innerWidth;  
  }  
} 
/*--------------------------------------------------------------------作用物件座標函式--------------------------------------------------------------------*/
jQuery.fn.posX=function(){
	var elmt=this[0];
	var x=0;
	for (var e=elmt;e;e=e.offsetParent){
		x +=e.offsetLeft;
	}
	for(e=elmt.parentNode;e && e!=document.body;e=e.parentNode){
	    if(e.scorllLeft)
	    s -=e.scrollLeft;	
	}
	return x;
};
jQuery.fn.posY=function(){
	var elmt=this[0];
	var y=0;
	for(var e=elmt;e;e=e.offsetParent){
		y+=e.offsetTop;
	}
	for(e=elmt.parentNode;e&&e!=document.body;e=e.parentNode){
		if(e.scrollTop)
		y-=e.scrollTop;
	}
	return y;
};
/*------------------------------------------------------------paliie block------------------------------------------------------------------*/
jQuery.paliieBlock = function(parameters){
	/*預設參數*/
	var defaults={
		content       : '',
		title         : 'Information',
		cancelBtn     : true,
		width         : 300,
		height        : 100,
		overlayCSS    : {
			margin          : 0,
			padding         : 0,
			border          : 'none',
			opacity         : '0.2',
			cursor          : 'wait',
			top             : 0,
			left            : 0,
			zIndex          : 2400000,
			backgroundColor : '#000000',
			width           : '100%',
			height          : '100%',
			position        : 'fixed'
		},
		ie6OverlayCSS : {
			margin          : 0,
			padding         : 0,
			border          : 'none',
			opacity         : '0.2',
			cursor          : 'wait',
			top             : 0,
			left            : 0,
			zIndex          : 2400000,
			backgroundColor : '#000000',
			width           : '100%',
			height          : '100%',
			position        : 'absolute'
		}
	};
	/*映射參數*/
	jQuery.extend(defaults,parameters);
	
	var IE6OverLayCss = function(){
		var windowWidth=parseInt(getBrowserWidth());
		var windowHeight=parseInt(getBrowserHeight());
		var bodyWidth=parseInt($('body').outerWidth());
		var bodyHeight=parseInt($('body').outerHeight());
		
		var setWidth= windowWidth>bodyWidth ? windowWidth : bodyWidth;
		var setHeight= windowHeight>bodyHeight ? windowHeight : bodyHeight;
		$('#overLay').css({
			width:setWidth,
			height:setHeight
		});
	};
	
	var blockContent = function(){
		var layout = '<div id="blockContentBG">';
		    layout+= '   <div id="blockContentSection" style="width:'+defaults.width+'px;">';
		    layout+= '      <div class="minorColor" id="blockTitleSection">';
		    layout+= '         <span class="boldfont" id="blockTitle">'+defaults.title+'</span>';
		if(defaults.cancelBtn){
			layout+= '         <div id="blockCancel_1"></div>';
		}
		    layout+= '      </div>';
		    layout+= '      <div id="blockContent" style="height:'+defaults.height+'px;">'+defaults.content+'</div>';
		    layout+= '';
		    layout+= '';
		    layout+= '';
		    layout+= '   </div>';
		    layout+= '</div>';
		return layout;
	};
	
	var setPosition = function(){
		/*總寬高*/
		var totalWidth  = parseInt($('#blockContentBG').outerWidth());
		var totalHeight = parseInt($('#blockContentBG').outerHeight());
		
		/*取得視窗寬高*/
		var windowWidth  = parseInt(getBrowserWidth());
		var windowHeight = parseInt(getBrowserHeight());
		
		/*set top,left*/
		var top  = totalHeight >= windowHeight ? 50 : (windowHeight-totalHeight)/2;
		var left = totalWidth  >= windowWidth  ? 50 : (windowWidth-totalWidth)/2;
		//if(IE6){
			top += $(document).scrollTop( );
		//}
		/*set position*/
		$('#blockContentBG').css({
			'top':top,
			'left':left
		});
	};
	
	var overLay = '<div id="overLay"></div>';
	if($('#blockContentBG').length != 0){
		$('#blockContentBG').empty().remove();
	}
	
	$('body').append(overLay);
	if(IE6){
		$('select').css('visibility','hidden');
		
		$('#overLay').css(defaults.ie6OverlayCSS);
		IE6OverLayCss();
		$(window).resize(IE6OverLayCss);
	}
	else{
		$('#overLay').css(defaults.overlayCSS);
	}
	$('body').append(blockContent());
	setPosition();
	if(defaults.cancelBtn){
		$('#blockCancel_1').click(function(){
			$.unPaliieBlock();
		});
	}
	$('div',$('a',$('#blockContent'))).hover(
		function(){
			$(this).css('textDecoration','underline');
		},
		function(){
			$(this).css('textDecoration','none');
		}
	);
	
};

jQuery.unPaliieBlock = function(parameters){
	var defaults={
		fadeOut:400
	};
	jQuery.extend(defaults,parameters);
	
	$('#blockContentBG').empty().remove();
	var removeOverlay = function(){
		$('#overLay').empty().remove();
		if(IE6){
			$('select').css('visibility','visible');
		}
	};
	if(defaults.fadeOut==0){
		removeOverlay();
	}
	else{
		$('#overLay').fadeOut(defaults.fadeOut,removeOverlay);
	}
};

/*------------------------------------------------------------loading UI------------------------------------------------------------------*/
jQuery.loadingUI = function(parameters){
	var defaults={
		tilte:'Loading Now.....'
	};
	jQuery.extend(defaults,parameters);
	$.paliieBlock({
		content   : '<div class="loading_2" style="margin:15px auto 0px;"></div>',
		height    : 50,
		width     : 400,
		cancelBtn : false,
		title     : defaults.title
	});
	
};
