$(function() {
	/* setup ul.tabs to work as tabs for each div directly under div.panes*/
	$("ul.tabs").tabs("div.panes > div");
});

$(document).ready( function() {			
		
	$("li#tab1 a").click(function() {
											  
	$("li#tab1").removeClass("tab1-off");
	$("li#tab1").addClass("tab1-on");
	
	$("li#tab2").removeClass("tab2-on");
	$("li#tab2").addClass("tab2-off");	
				
	});
				
	$("li#tab2 a").click(function(){
							  
	$("li#tab1").removeClass("tab1-on");
	$("li#tab1").addClass("tab1-off");
	
	$("li#tab2").removeClass("tab2-off");
	$("li#tab2").addClass("tab2-on");
	});	
});