jQuery(document).ready( function() {
	jQuery.noConflict();
	
	jQuery("#ex-1").click( function(event) {
		jQuery("#example1").toggle();
		event.preventDefault();
	} );
	
	jQuery("#ex-2").click( function(event) {
		jQuery("#example2").toggle(1000);
		event.preventDefault();
	} );
	
	jQuery("#ex-3").click( function(event) {
		jQuery("#example3").slideToggle(1000);
		event.preventDefault();
	} );
	
	jQuery("#ex-4").click( function(event) {
		if ( jQuery("#example4").css("display") == "none" )
			jQuery("#example4").fadeIn(1000);
		else
			jQuery("#example4").fadeOut(1000);
		event.preventDefault();
	} );
	
	jQuery("#ex-5").click( function(event) {
		if ( jQuery("#example5").css("width") != "100px" )
			jQuery("#example5").width(100);
		else
			jQuery("#example5").css("width", "100%");
		event.preventDefault();
	} );
	
	jQuery("#ex-6").click( function(event) {
		if ( jQuery.data( jQuery("#example6").get(0), "border" ) != "black" ) 
		{
			jQuery("#example6").css("border", "1px solid black");
			jQuery.data( jQuery("#example6").get(0), "border", "black" );
		}
		else
		{
			jQuery("#example6").css("border", "none");
			jQuery.data( jQuery("#example6").get(0), "border", "" );
		}
		event.preventDefault();
	} );
	
	jQuery("#ex-7").click( function(event) {
		if ( jQuery("#example7").attr("class") != "purple-box" ) 
			jQuery("#example7").addClass("purple-box");
		else
			jQuery("#example7").removeClass("purple-box");
		event.preventDefault();
	} );
} );