jQuery.fn.boxSlider=function(opt){
	if(opt==null)opt={};
	else if(typeof(opt)!='object' && opt!='init'){
		var nth=opt;
		opt={ nth:nth };

	}

/*-----INIT--------------*/
	
	if( opt=='init' ){
		
		$(this).each(function(){
			
			
			 
			 var width=$(this).parent().width();
			 var color='#EEE';
			 
			 $(this).width(width);
			 if($(this).attr('color')!=null)color=$(this).attr('color');
			 
			 if(!$(this).data('init')){
				 $(this).wrapInner('<table class="rootBoxSlider"><tr><td class="boxSliderElements"></td></tr></table>');
			 }
			 
			
			 //imposta i figli
			 var i=1;
			 var nth=1;
			 if(opt.nth!=null)nth= opt.nth;
			 $(this).find('.boxSliderElements').children().each(function(){
				 	$(this).addClass('boxSliderElement');
				 	if(i!=nth)$(this).hide();
				 	$(this).attr('nth',i++);
			 });
			 if($(this).data('init')){
				 $(this).find('span[role=nth]').html(1);
				 $(this).find('span[role=tot]').html(i-1);
				 return;
			 }
			 
			 $(this).data('init',true);
			 
			 var widget= $(this).children();
			 widget.width(width);
			 
			 //oggetti per la navigazione
			 var prev = $('<div class="prev" title="precedente"></div>');
			 var next = $('<div class="next" title="successivo"></div>');
			 
			 var nelem = $('<table class="ui-widget ui-corner-all" role="position" ></table>');
			 var row =$('<tr></tr>');
			 nelem.append(row);
			 row.append('<td><span role="nth">1</span> di <span role="tot">'+(i-1)+'</span><td>');
			 nelem.css({
				 'font-size':'12px',
				 'background-color':color,
				 position:'relative',
				 top:'-2px',
				 right:'-2px',
				 padding:'0px',
				 border: 'none'
			 });
			 
			 row.prepend(prev);
			 prev.wrap('<td></td>');
			 row.append(next);
			 next.wrap('<td></td>');
			 
			 prev.addClass('ui-helper-clearfix');
			 prev.icon("ui-icon ui-icon-circle-triangle-w");
			 
			 next.addClass('ui-helper-clearfix');
			 next.icon("ui-icon ui-icon-circle-triangle-e");
			 
			 //fine oggetti navigazione
			 widget.prepend(nelem);
			 nelem.wrap('<div align="right"></div>');
			 nelem.parent().width(nelem.parent().parent().width());
			 
			 widget.css('background-color',color);
			 widget.addClass('ui-corner-all');
			 
			 //imposto gli eventi dei tasti
			 prev.click(function(){
				 $(this).parents('.rootBoxSlider:first').parent().boxSlider({shift : -1});
			 });
			 next.click(function(){
				 $(this).parents('.rootBoxSlider:first').parent().boxSlider({shift : +1});
			 });
			 //imposto la posizione iniziale
			 $(this).data('position',nth);
			 
		});
		
	}
		 
/*-----FINE INIT--------------*/	
	if(opt.shift!=null || opt.nth!=null){
		$(this).each(function(){
			
			var nth =parseInt($(this).data('position'));

			if(opt.shift!=null){
				nth+= opt.shift;
			}

			if(opt.nth!=null)nth= opt.nth;
			elem=$(this).find('.boxSliderElement[nth='+nth+']');
			if(elem.size()!=0){
			 	$(this).find('.boxSliderElement').hide();
				elem.show();

				 
				$(this).data('position',nth);
				$(this).find('span[role=nth]').html(nth);
			}
			
		});	
	}
	
	
}