J=jQuery.noConflict();

J(document).ready(function(){
		var tw=0;
		var ti=0;
		var divWidth=J("#table_tabs").width();
		var tableTabPositions=new Array();
		var current=0;
		J("#table_tabs ul li").each(function(){
			tableTabPositions[ti]=tw;
			tw+=J(this).width();
			tw+=parseInt(J(this).css("padding-left"));
			
			ti++;
		});
		
		
		if(tw>divWidth){
			J("#table_tabs ul").width(tw+divWidth);
			J("#table_scroll_left").css("left",(divWidth-30)+"px");
			J("#table_scroll_left").show();
			J("#table_scroll_left").click(function(e){
				if(current<=tableTabPositions.length-1){
					if(current<tableTabPositions.length-1){
						current++;
					}
					J("#table_tabs ul").animate({"left":29-10-tableTabPositions[current]+"px"},"fast"); //because the left padding is 10. 
					J("#table_scroll_right").show("slow");
					if(tw-tableTabPositions[current]<=divWidth){
						J(this).hide("slow");
					}
				}
			});
			
			J("#table_scroll_right").click(function(e){
				if(current>0){
					current--;
					var diff=29-10;		//because the left padding is 10. 
					if(current==0){
						diff=0;
						J(this).hide("slow");
					}
					J("#table_tabs ul").animate({"left":diff-tableTabPositions[current]+"px"},"slow");
					J("#table_scroll_left").show("slow");
				}
			});
		}
		else {
			J("#table_scroll_left").hide();
		}
	
		
		
		
		
		
		J("#table_tabs ul li").each(
			function(){
				J(this).click(function(){
					J("#table_tabs ul li").each(
					function(){
						J(this).removeClass("active");
					});
					
					J(this).addClass("active");
					return true;
				});
				
			}
		);
	});
	

/*	
	if(w>300){
		J("#tabs").width(w+300);
		J("#scroll_left").show();
		J("#scroll_left").click(function(e){
			if(current<=tabPositions.length-1){
				if(current<tabPositions.length-1){
					current++;
				}
				J("#tabs").animate({"left":29-tabPositions[current]+"px"},"slow");
				J("#scroll_right").show("slow");
				if(w-tabPositions[current]<=300){
					J(this).hide("slow");
				}
			}
		});
		
		J("#scroll_right").click(function(e){
			if(current>0){
				current--;
				var diff=29;
				if(current==0){
					diff=0;
					J(this).hide("slow");
				}
				J("#tabs").animate({"left":diff-tabPositions[current]+"px"},"slow");
				J("#scroll_left").show("slow");
			}
		});
	}
	
	
	var firstTab=J("#tabs li:first a");
	var tabID=firstTab.attr("rel");
	
	firstTab.parent().addClass("active");
	J("#"+firstTab.attr("rel")).removeClass("hidden");

	J("#tabs li a").each(
		function(){
			J(this).click(function(){
				var tab=J(this);
				J("#tabs li").each(
				function(){
					J(this).removeClass("active");
				});
				
				tab.parent().addClass("active");
				tabID=tab.attr("rel");
				
				J("#tab_content div").addClass("hidden");
				
				J("#"+tabID).removeClass("hidden");
				
				return false;
			});
			
		}
	);
	
	J("#tab_content table tr").each(
				function(row){
					J(this).mouseover(function(){
						//J(this.firstChild).hide();
						var cityLink=J(this).find("a");
						var imageURL=J(cityLink[0]).attr("rel");
						J("#"+tabID+" .chart_image").attr("src",imageURL);
						J(this).addClass("rollover");
					});
					J(this).mouseout(function(){
						J(this).removeClass("rollover");
					});
				});
});


*/