jQuery.fn.Tabcontrol = function(options){

	var settings = { 
	};

	if(options){jQuery.extend(settings,options)};

	this.each(function(){
		
		var _obj = $(this);
		var _controlType = _obj.attr('controltype');
		if (_controlType != 'tabcontrol' )
			return false;
		
		initTabcontrol(_obj);
	});

	//----------- helper -----------
	
	function initTabcontrol(tabcontrolobj)
	{
		var _o = tabcontrolobj;
		
		var _tabtitles = _o.find("[@controltype='tabtitle']");
		var _tabpages = _o.find("[@controltype='tabpage']");
		
		_tabtitles.click(function(){
			
			var _self = $(this);
			var _pressDownClassName = _self.attr('pressdownclassname');
			var _tabpageId = _self.attr('tabpageid');

			_tabtitles.removeClass( _pressDownClassName );
			_self.addClass( _pressDownClassName );

			_tabpages.hide();
			_tabpages.filter("[@tabpageid='" + _tabpageId + "']").show();
			 
		});

		_tabtitles.each(function(){
			if($(this).attr('tabselected')=="true"){ $(this).click(); }			
		}); 

	};
	
};

//jQuery.noConflict(); 
(function($){
	 $(document).ready(function(){
			$("[@controltype='tabcontrol']").Tabcontrol();
	 });		
})(jQuery);