﻿var $jq = jQuery.noConflict();  

jQuery.fn.extend({
  JTooltips: function(setting) {
        var ps =$jq.fn.extend({
            buttonText:false,
            buttonEvent:['Ok',function(e) { }],
            dropsheet:false,  
            initWidth:false,
            postion:[$jq(window).width()/5,$jq(window).height()/2],
            fixed: false,
            isCenter:false,
            showTime:null,
	        newClass:null,
            content: 'This is a jquery plugin powered by ariesjia!'
        }, setting);
       if($jq("#JTooltips #JTooltipsContent").length?$jq("#JTooltips #JTooltipsContent").html().replace(/<.*?>/g,'')==ps.content.replace(/<.*?>/g,''):false)
		return false;
	   if(($jq.browser.msie&&$jq.browser.version=='6.0'))  
	   	ps.fixed =false;
       if(ps.dropsheet)
       {
       ps.dropsheet = $jq.fn.extend({
           color:'black',
           opacityTO : 0.5
       }, ps.dropsheet);
       var $jqdropsheet = $jq('<div class="dropsheet"></div>'); 
       	   $jqdropsheet.css({"width":$jq(window).width(),
       	   				   'height':$jq(window).height(),
       	   				   'position':'absolute' , 
       	   				   'top':0,
       	   				   'left':0,
       	   				   'background':ps.dropsheet.color,
       	   				   opacity: 0,
       	   				   'display':'block',
       	   				   'zIndex':999
       	   				  }).prependTo("body").animate({opacity:ps.dropsheet.opacityTO});
       }
	   var $jqJTooltips = $jq("<div id='JTooltips' class='"+ps.newClass+"'><span class='rc-tp'><span></span></span><div id='JTooltipsTitle'></div><div id='JTooltipsContent'></div><div id='JTooltipsBottom'></div><span class='rc-bt'><span></span></span></div>");
	   if(typeof ps.content == 'string')
	   {
	   	$jqJTooltips.find("#JTooltipsContent").html(ps.content)
	   }
	   if (typeof ps.content == 'function') 
	   {
            var e = $jqJTooltips.find("#JTooltipsContent");
            e.holder =$jqJTooltips;
            ps.content(e)
       	   }
	   $jqJTooltips.prependTo("body").css({'width':ps.initWidth ? ps.initWidth : $jqJTooltips.find("#JTooltipsContent").width(),'position':(ps.fixed ? 'fixed' : 'absolute')})
	   					           .css({'left':ps.postion[0],'top':ps.postion[1]})
	   	     if(ps.isCenter)
	   	     $jqJTooltips.css({"margin-left":ps.initWidth?-ps.initWidth/2:-$jqJTooltips.find("#JTooltipsContent").width()/2,'margin-top':-$jqJTooltips.height()/2});
	          var scrollPos = $jq(window).scrollTop()+($jq(window).height()/2);
	          $jqJTooltips.css("position","absolute").css("top",scrollPos);
	   if(ps.buttonText)
	   {
	   	var $jqbutton = $jq('<input name="Button" type="button" value="按鈕" />');
		$jq.each(ps.buttonText, function(i, n){
			$jqbutton.clone().prependTo("#JTooltipsBottom").attr("value",n).css('float','right');
			var numText = n;	
				$jq.each(ps.buttonEvent, function(i, n){
					if(n == numText)
						$jq("#JTooltips #JTooltipsBottom input[value="+numText+"]").bind("click",function(){ps.buttonEvent[i+1]();});	
				});
		});	  
	   }      
	   if(ps.showTime)
	   var times = setTimeout($jq.fn.JTooltipsRmove,ps.showTime);
  }, 
  JTooltipsRmove:function() {
     $jq("#JTooltips").remove();
     $jq(".dropsheet").remove();
  }
}); 
