function get_ofset()
	{
	var n_ofset = $("#wid").offset();
	var ofset = $("img.togle").offset();
	return {"width": ofset.left-n_ofset.left, "left": n_ofset.left};
	}
function get_key(scroll_x)
	{
	for (var key in scroll_x)
		{
		if(scroll_x [key]<=$('div.slider').scrollLeft())
			{
			if((scroll_x[key]+scroll_x[key*1+1])/2<$('div.slider').scrollLeft())
					var slow = key*1+1;
		else
			var slow = key;
			}
		}
	return slow;
	}
function balancing(direction, scroll_x, control_x, time)
	{
	var max_len = ($('div.slider>div').length - $('div.slider').width()/css_width($('div.slider>div').eq(0))).toFixed(0);
	var slow = get_key(scroll_x);
	var new_der = slow*1+direction;
	if(!time)
		time=100;
	if (new_der>=0 && new_der<=max_len)
		{
		$('div.slider').animate(
			{
			scrollLeft: scroll_x[new_der]
			}, time);
		$("img.togle").animate(
			{
			left: get_ofset().left+control_x[new_der]-$("img.togle").width()/2
			}, time);
		return !!1;
		}
	else return !1;
	}
			
function slider_eve()
	{
	scroll_x = [0];
	control_x = [0];
	sum=0;
	sum2=0;
	$("img.togle").css('position', 'absolute');
	$('div.slider>div').each(function()
		{
		scroll_x.push(scroll_x[(scroll_x.length-1)]+css_width($(this))+1);
		sum+=css_width($(this));
		});
	$('div.slider>div').each(function()
		{
		control_x.push(control_x[(control_x.length-1)]+$('#wid').width()/($('div.slider>div').length - $('div.slider').width()/css_width($('div.slider>div').eq(0))));
		sum2+=$('#wid').width()/$('div.slider>div').length;
		});
	var f = 1;	
	var inerval = setInterval(function()
		{
		balancing(f, scroll_x, control_x, 500)?"":f=f*-1;
		}, 5000)	
	
	 //events
	 
	$('div.slider>div>div').click(function()
		{
		location.href=$(this).find('a').attr('href');
		});
	$("img.togle").draggable(
		{
		containment: 'parent',
		axis: "x"
		});
	$("img.togle").bind("drag", function(event, ui) {
		clearInterval(inerval);
		togle_ofset = get_ofset().width;
		$('#info').html((togle_ofset)/(sum2-$("img.togle").width()));
		$('div.slider').scrollLeft((togle_ofset)/(sum2-$("img.togle").width())*(sum-$('div.slider').width()));
		});
	$("img.togle").bind("dragstop", function(event, ui) 
		{
		clearInterval(inerval);
		balancing(0, scroll_x, control_x)
		});
	$('div.control img.left').click(function(event)
		{
		clearInterval(inerval);
		balancing(-1, scroll_x, control_x)
		});
	$('div.control img.right').click(function(event)
		{
		clearInterval(inerval);
		balancing(1, scroll_x, control_x)
		});
	$('#l').click(function(e)
		{
		clearInterval(inerval);
		$("img.togle").animate({left: e.pageX-$("img.togle").width()/2}, 100,function()
			{
			$('div.slider').animate({
				scrollLeft: (get_ofset().width)/(sum2-$("img.togle").width())*(sum-$('div.slider').width())
				}, 100, function()
					{
					balancing(0, scroll_x, control_x)
					});
			});
		});
	}