/*
 * Custom Script by Glide Design for H2Orange
 * 
 * Author: Nathan Biles for Glide Design
 * Author URI: http://www.glidedesign.com/
 *
 */
 
/* *********************** BEGIN JQUERY ********************** */

	jQuery(function()
	{
		// this initialises the demo scollpanes on the page.
		jQuery('#pane1').jScrollPane();
		jQuery('#pane2').jScrollPane({showArrows:true});
		jQuery('#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.
		jQuery('#add-content').bind(
			'click',
			function()
			{
				jQuery('#pane4').append(jQuery('<p></p>').html(jQuery('#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.
		jQuery('#remove-content').bind(
			'click',
			function()
			{
				jQuery('#pane4').empty().append(jQuery('<p></p>').html(jQuery('#intro').html())).jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
			}
		);
	});

/* ************************ END JQUERY *********************** */