// JavaScript Document

(function($){
	// ==================================================================
	var $$ = $.fn.MyButton2 = function($options) {
	
		var $defaults = { };
		$$.$options = $.extend($defaults, $options);
	
		return $(this).each(function() {
							var $this=$(this);
							$this.$=function() {};
							$this.$.ID=this.id;
	
							$$.onParseData($this);
							$$.onInitView($this);
						});
	};

	// ==================================================================
	$$.SupportedTags=new Array("input", "div", "span", "img");
	$$.isSupportedTag=function($this) {
		var i=0;
		for(i=0;i<$$.SupportedTags.length;i++)
		{
			if ($this[0].nodeName.toUpperCase()==$$.SupportedTags[i].toUpperCase())
				return true;
		}
		
		return false;
	};
	
	$$.onParseData=function($this) {
	
		// check tagname is supported
		if (!$$.isSupportedTag($this))
			return;
		
		// parseData
	};

	// ==================================================================
	$$.onInitView=function($this) {
	    var text=$this.html();
	    var link=$this.attr("href");
	    
		// Init Root Container Table
		var $tblRoot=$(document.createElement("table")).addClass("MyButton2_container")
		               .attr({cellspacing:0, cellpadding:0, border:0,
		               id:$this.$.ID, name:$this.$.ID });

		var $tdRoot=$(document.createElement("td"))
		              .text("")
		              .addClass("MyButton2_content");

		var $tdLeft=$(document.createElement("td"))
		              .text("")
		              .addClass("MyButton2_left");	

        var $tdRight=$(document.createElement("td"))
		              .text("")
		              .addClass("MyButton2_right");
	
		
		$tblRoot.append($(document.createElement("tr"))
		                 .append($tdLeft).append($tdRoot).append($tdRight));
		                 
		$this.replaceWith($tblRoot);
		$tblRoot.$=$this.$;
		$this=$tblRoot;
		
		// Init Inner Elements											  
		$tdRoot.html(text);

        $tblRoot.click(function(){
                if (!IsValueEmpty(link))
                    document.location=link;
            });	
		$tblRoot.hover(
			function(){ 
				$tdLeft.addClass("MyButton2_left_hover");
				$tdRoot.addClass("MyButton2_content_hover");
				$tdRight.addClass("MyButton2_right_hover");							
			},			
			function(){ 
				$tdLeft.removeClass("MyButton2_left_hover");
				$tdRoot.removeClass("MyButton2_content_hover");
				$tdRight.removeClass("MyButton2_right_hover");							
			}
		);	
    }
})(jQuery);