function init_tariff_scroller(){
	
	var left = $("#test_droppable .droppable:eq(4)").css('left');
	$("#trigger").animate(({left:parseInt(left) - 16}));	
	SliderLoadData(4);
	
	var Coordinates = new Array();
	$("#test_droppable .droppable").each( function(index, el){		
		Coordinates.push(parseInt($(el).css('left')) + 60);
	} )


var Drop = false;

var currentX = 0;
var eventX = 0;

$( "#trigger" ).draggable({ 
	axis: 'x', 
	snap:true, 
	snapMode: 'outer',
	containment: '.main_main',
	stop:function( event, ui){
	
		if ( !Drop )
	  	{
			for ( i in Coordinates)
			{
				if ( (ui.position.left + 50) < Coordinates[i] )
				{
					//alert(i + ":" + ui.position.left + ":" + Coordinates[i]);
					$("#test_droppable .droppable span").attr('class','digit');
   				
					var allel = $("#test_droppable span").length;
		
					for ( j = 0; j <= i; j++ )
					{
						$("#test_droppable .droppable span:eq(" + j + ")").attr('class','digit-active');
					}
				
					$("#trigger").animate({left:(parseInt(Coordinates[i]) - 77)});
								
					loadDataFromTeg($("#test_droppable .droppable:eq(" + i + ")"));
					//alert(i + ":" + ui.position.left + ":" + Coordinates[i] );
					break;
				}
			}
	  	}
	},
	
	drag: function( event, ui)
	{
		for ( i in Coordinates)
		{
			if ( (ui.position.left + 50) < Coordinates[i] )
			{					   																	
				loadDataFromTeg($("#test_droppable .droppable:eq(" + i + ")"));
				break;
			}
		}		
	}
	
});
//$( "#trigger" ).draggable();


$( "#test_droppable .droppable" ).droppable({
	greedy: true,
	tolerance: 'fit',
	refreshPositions:true,
   
  
   drop: function( event, ui )
   {   		
   		//Drop = true;
   		$("#test_droppable .droppable span").attr('class','digit');
   		var index = $("#test_droppable .droppable").index(this);

		var allel = $("#test_droppable span").length;
		
		for ( i = 0; i <= index; i++ )
		{
			$("#test_droppable .droppable span:eq(" + i + ")").attr('class','digit-active');
		}
		
   		loadDataFromTeg(this);
   },
     
   activate: function( event, ui )
   {
   		Drop = false;		
   }

  
});

function SliderLoadData(index)
{	
	$("#test_droppable .droppable span").attr('class','digit');
   							
	for ( j = 0; j <= index; j++ )
	{
		$("#test_droppable .droppable span:eq(" + j + ")").attr('class','digit-active');
	}
				
	loadDataFromTeg($("#test_droppable .droppable:eq(" + index + ")"))
}

$( "#test_droppable .droppable").bind('click',function(){

	var left = $(this).css('left');
	var index = $("#test_droppable .droppable").index(this);	
	$("#trigger").animate(({left:parseInt(left) - 16}));
	SliderLoadData(index);
})



}

function loadDataFromTeg(el)
{
	var p1 = $(el).attr('pos1');
	var p2 = $(el).attr('pos2');
	var p3 = $(el).attr('pos3');
	var p4 = $(el).attr('pos4');
	var p5 = $(el).attr('pos5');
	$("#pos1").html(p1);
	$("#pos2").html(p2);
	$("#pos3").html(p3);
	$("#pos4").html(p4);
	$("#pos5").html(p5);
	TARIFF = ($("#test_droppable .droppable").index(el) + 1);
	
}

$(document).ready(init_tariff_scroller);