var prevTab="";
	$(document).ready(function() {
		setTab();
	});
	
	function setTab(){
        var tabContainers = $('div.tabs > div');
        tabContainers.hide().filter(':first').show(); 
          
        $('div.tabs ul.tabNavigation a').click(function () {
               var activeTab = $(this).attr("href");
		        tabContainers.hide();
                tabContainers.filter(this.hash).show();
                $('div.tabs ul.tabNavigation a').parent().removeClass('selected');
                $(this).parent().addClass('selected');               
				setSrollContent(activeTab, prevTab);               
                prevTab =activeTab;
                return false;
        }).filter(':first').click();             
	
	}
	
	
	
	function setSrollContent(currTab, prevTab){
		 if(currTab!=prevTab){
		 	var currDocId =currTab.substr(1,currTab.length);
		 	var prevDocId=prevTab.substr(1,prevTab.length);
		 		if(prevTab!=""){
					if(prevTab!="#views")
					$("#"+prevDocId).jScrollPaneRemove(); 
					document.getElementById(prevDocId).style.display='none';
				}
				
				if(currTab!="#views")
				$("#"+currDocId).jScrollPane({showArrows:true, scrollbarWidth: 14, arrowSize: 14});
		 }
	}
	
	
	function setSroll(currDiv, prevDiv){
		var currTabId =currDiv.id+"_data";
		var prevTabId = prevDiv.id+"_data";
			$("#"+prevTabId).jScrollPaneRemove(); 
			$("#"+currTabId).jScrollPane({showArrows:true, scrollbarWidth: 14, arrowSize: 14});
		
	}
	
	
	$(document).ready(function() {
		attachEventTab();

	 });
	 
	 
	 function attachEventTab(){
	 
	     var nav = $('ul.' + "tabNavigation", "tab_container");
		 $('div.ptabs ul.tabNavigation li').click(function () {
		 		var id = this.id;
				var parseId = id.split("__");
				var tabId = parseId[0];
				var catId = parseId[1];
				var sUrl = "/services/tabdata.jsp?cat="+catId+"&id="+tabId;
			 	var tabContentId = "tab_"+tabId;
			 	
				if(isContentAvailable(tabContentId)==false){
				 	$('div.ptabs ul.tabNavigation li').unbind('click');		
			 	 	resetContainer(tabContentId);	
			 	 	var tabContent =$("#tabContent").html();
			 	 	$.ajax({ url: sUrl, context: document.body, success: function(data){
			 	 				
			 	 					   $('div.ptabs ul.tabNavigation li')
				 	 				   var updContent = tabContent+ data;
								 		 $("#tabContent").html(updContent);
 				 						 $("#"+tabContentId).show(); 	
 				 						 $("#"+tabContentId+"_data").jScrollPane({showArrows:true, scrollbarWidth: 14, arrowSize: 14}); 
					    }});

					 attachEventTab();
			 	}else{
			 	 	resetContainer(tabContentId);
				 	$("#"+tabContentId).show(); 	
				 	 $("#"+tabContentId+"_data").jScrollPane({showArrows:true, scrollbarWidth: 14, arrowSize: 14}); 
			 	}
			 	
			 	resetTabStyle(id);
			 	
			 	return false;
		 });	 
	 }
	 
	 
	 function isContentAvailable(tabContentId){
	 	if(document.getElementById(tabContentId)==null){
	 		 return false;
	 	 }else{
	 	 	 return  true;
		 }	 
	 }
	 
	 function resetContainer(id){
		 var tabContainers = $('#tabContent > div');
		 for(var i=0; i<tabContainers.length; i++){
			 var idContainer = tabContainers[i].id;
			 $("#"+idContainer).hide(); 
			  $("#"+idContainer+"_data").jScrollPaneRemove(); 
		 }	
	 }
	 
	 function resetTabStyle(selectedTab){
	 	 var tabMenu = $('ul.tabNavigation  > li');
	 	  for(var i=0; i<tabMenu.length; i++){
		 	   var idContainer = tabMenu[i].id;
		 	   $("#"+idContainer).removeClass('selected');
	 	  }
	     $("#"+selectedTab).addClass('selected');
	 
	 }