// JavaScript Document
$(document).ready(function() {
	/*$("#tab2").css("display", "none");
	$("#tab3").css("display", "none");
	$("#tab4").css("display", "none");
*/
	/*$("#tab-me li").click(function(){
		$("#tab1").css("display", "none");
		$("#tab2").css("display", "none");
		$("#tab3").css("display", "none");
		$("#tab4").css("display", "none");
		var div_id = $(this).attr("rel");
		$("#"+div_id).css("display", "block");
		$("#"+div_id).css("height", "200px");
				$("#"+div_id).css("width", "200px");
	});*/
});
$(document).ready(function() {
	$("#tab-me li a").click(function(){
		$("#tab-me li.last a").parent("li").attr("id", "") ;
		$("#tab-me li.first a").parent("li").attr("id", "") ;		
	});							   
	$("#tab-me li.last a").click(function(){
		$(this).parent("li").attr("id", "lastcurrent") ;
	});
	$("#tab-me li.first a").click(function(){
		$(this).parent("li").attr("id", "firstcurrent") ;
	});	
});

$(document).ready(function() {
	$("#tab-me li a").click(function(){
		$("#tab-me li a").css("color", "#FFFFFF");
		$(this).css("color", "#BA1311");
		//alert("clicked");
	});
});

$(function()
{
	// this initialises the demo scollpanes on the page.
	$('#pane1').jScrollPane();
	$('#pane2').jScrollPane({showArrows:true});
	$('#pane3, #pane4').jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
	
	// this allows you to click a link to add content to #pane4 and shows how to 
	// reinitialise the scrollbars when you have done this.
	$('#add-content').bind(
		'click',
		function()
		{
			$('#pane4').append($('<p></p>').html($('#intro').html())).jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
		}
	);
	// and this allows you to click the link to reduce the amount of content in
	// #pane4 and reinitialise the scrollbars.
	$('#remove-content').bind(
		'click',
		function()
		{
			$('#pane4').empty().append($('<p></p>').html($('#intro').html())).jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
		}
	);
});