$(document).ready(function(){

	/*	FADE	*/
	$('#el1').click(function() {
		$(this).fadeOut(2000)
			   .fadeIn(1000)
			   .fadeOut(2000, 'Bounce');
	});
	
	$('#el2').click(function() {
		$(this).fadeToggle(2000)
			   .fadeToggle(1000)
			   .fadeToggle(2000, 'Bounce');
	});
	
	$('#el3').click(function() {
		$(this).fade('out', [2000])
			   .fade('in', [4000])
			   .fade('out', [2000, 'Bounce']);
	});
	
	/*	SLIDE	*/
	$('#el4').click(function() {
		$(this).slideOut(2000)
			   .slideIn(1000)
			   .slideOut(2000, 'Bounce');
	});
	
	$('#el5').click(function() {
		$(this).slideToggle(2000)
			   .slideToggle(1000)
			   .slideToggle(2000, 'Bounce');
	});
	
	$('#el6').click(function() {
		$(this).slide('out', [2000])
			   .slide('in', [4000])
			   .slide('out', [2000, 'Bounce']);
	});
	
	$('#el7').click(function() {
		$(this).slideOut(2000, 'horizontal')
			   .slideIn(1000, 'horizontal')
			   .slideOut(2000, 'Bounce', 'horizontal');
	});
	
	/*	GRADIENT	*/
	
	$('#el8').click(function() {
		$(this).gradient('red', [2000])
			   .gradient('#FFFF66', [4000])
			   .gradient('#ff00ff', [2000, 'Bounce']);
	});
	
	$('#el9').click(function() {
		$(this).gradient('green', [2000])
			   .gradient('#00FFCC', [2000])
			   .gradient('#CC99CC', [4000, 'Bounce']);
	});
	
	$('#el10').click(function() {
		$(this).gradient('green', [2000, 'fg'])
			   .gradient('red', [2000, 'fg'])
			   .gradient('#CC99CC', [4000, 'Bounce', 'fg']);
	});
	
	/*	SHOW/HIDE	*/
	
	$('#el11').click(function() {
		$(this).hide(2000)
			   .show(3000, 'Bounce')
			   .hide(2500, 'Elastic')
			   .show(3000);
	});
	
	$('#el12').click(function() {
		$(this).hide();
	});
	
	/*	MOVE	*/
	$('#el13').click(function() {
		$(this).move(100, 100, [1200])
			   .move(-300, -100, [2000, 'Bounce'])
			   .move(20, 200, [1000, 'Back'])
			   .move(0, 0, [1000]);
	});
	
	$('#el14').click(function() {
		$(this).move(0, '+=100', [1200])
			   .move('-=300', 0, [2000, 'Elastic'])
			   .move('+=400', 200, [1000, 'Back'])
			   .move(0, 0, [1000]);
	});
	
	/*	SCALE	*/
	$('#el17').click(function() {
		$(this).scale(200, 200, [1200])
			   .scale(100, 100, [2000]);
	});
	
	$('#el18').click(function() {
		$(this).scale("+=100px", "+=100px", [1200]);
	});
	
	/* MULTI */
	$('#el15').click(function() {
		$(this).move(100, 100, [1200])
			   .move(-300, -100, [2000, 'Bounce'])
			   .gradient('#00FFCC', [2000])
			   .move(20, 200, [1000, 'Back'])
			   .fadeOut(2000)
			   .fadeIn(2000)
			   .gradient('red', [2000])
			   .move(0, 0, [1000]);
	});
	
	$('#el16').gxInit({delay: 2000});
	$('#el16').click(function() {
		$(this).move(100, 100, [1200])
			   .move(-300, -100, [2000, 'Bounce'])
			   .gradient('#00FFCC', [2000])
			   .move(20, 200, [1000, 'Back'])
			   .fadeOut(2000)
			   .fadeIn(2000)
			   .gradient('red', [2000])
			   .move(0, 0, [1000]);
	});
	

});