jQuery.fn.Slide = function() {
	return this.each(function(){
		var width	= parseInt( $( this ).width() );
		var height	= parseInt( $( this ).height() );
		var contain	= $( this ).children( ".container" );
		var wrapper	= $( contain ).children( "ul" );
		var items	= $( wrapper ).children( "li" ).length;
		var left	= $( this ).children( ".control-left" );
		var right	= $( this ).children( ".control-right" );
		var limit	= items - 1;
		var pos		= 0;
		var interv;
		
		//$( this ).css( "position", "relative" );
		
		$( contain ).width( width );
		$( contain ).height( height );
		//$( contain ).css( "position", "relative" );
		//$( contain ).css( "overflow", "hidden" );
		
		//$( wrapper ).css( "position", "absolute" );
		//$( wrapper ).css( "list-style", "none" );
		//$( wrapper ).css( "margin", 0 );
		//$( wrapper ).css( "padding", 0 );
		$( wrapper ).width( width * items );
		
		/*$( wrapper ).children( "li" ).each( function(){
			$( this ).css( "float", "left" );
		});*/
		
		//$( left ).hide();
		
		if( items <= 1 ){
			$( right ).hide();
			$( left ).hide();
		}
		
		$( left ).children( "a" ).click( function(){
			pos--;
			
			if( pos < 0 ){
				$( wrapper ).animate( { "left": "-=" + ( width * limit ) }, 400 );
				pos = limit;
			}
			else{
				//$( right ).show();
				$( wrapper ).animate( { "left": "+=" + width }, 400 );
			}
			
			clearInterval( interv );
			
			/*if( pos == 0 ){
				$( left ).hide();
			}*/
		});
		
		$( right ).children( "a" ).click( function(){
			pos++;
			
			if( pos > limit ){
				$( wrapper ).animate( { "left": "0" }, 400 );
				pos = 0;
			}
			else{
				//$( left ).show();
				$( wrapper ).animate( { "left": "-=" + width }, 400 );
			}
			
			//clearInterval( interv );
			
			if( pos == limit ){
				//$( right ).hide();
				clearInterval( interv );
			}
		});
		
		function autoMove(){
			$( right ).children( "a" ).click();
		}
		
		interv = setInterval( autoMove, 3000 );
		
	});
};
