$(document).ready(function() {
						   
	var hash = window.location.hash.substr(1);
	
	var href = $('#groups_tabs  a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #groups_tabs_content';
			$('#groups_tabs_content').load(toLoad)
		}											
	});

	$('#groups_tabs  a').click(function(){				  
		var toLoad = $(this).attr('href')+' #groups_tabs_content';
		$('#groups_tabs_content').hide('fast',loadContent);
		$('#load').remove();
		//$('#wrapper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		function loadContent() {
			$('#groups_tabs_content').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#groups_tabs_content').show('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});
	
	function showFirstContent() {$('#groups_tabs_content').show('normal',hideFirstLoader());}
	function hideFirstLoader() {$('#load').fadeOut('normal');}
	var toLoad = $('#groups_tabs #tab_1 a').attr('href')+' #groups_tabs_content';
	$('#groups_tabs_content').load(toLoad,'',showFirstContent());
	
	//var firstTab = $('#groups_tabs #tab_1 a');
	var firstTab = document.getElementById('tab_1')
	highlightLinks2(firstTab)

});


function highlightLinks(obj) {
   var linkList = document.getElementById("groups_tabs").getElementsByTagName("a");
   for (i = 0; i < linkList.length; i++) {
      linkList[i].className = "selected";
   }
   obj.className = "btnOver";
}

function highlightLinks2(obj) {
	var linkList = document.getElementById("tab_1").getElementsByTagName("a");
   for (i = 0; i < linkList.length; i++) {
      linkList[i].className = "btnOver";
   }
}