$(function(){
	$('#mid .box:last').addClass('last');
	
	var count = $('#slider .sl-ins img').length;
	var width = $('#slider').width();
	var realwidth = count * width;
	
	$('#slider .sl-ins').css({'width': realwidth});
	$('#slider .sl-ins img:first-child').addClass('current'); 
	
	initial = window.setTimeout(function(){ slideIt('slid-next', width, true); },5000);
	
	$('#slid-next, #slid-prev').click(function(){
		slideIt($(this).attr('id'), width, false);
		clearTimeout(initial);
	});
		
});

function slideIt(slid, width, loop){
	$('#slider .sl-ins').stop();

	if ($('#slider .sl-ins img').length>0){

		count = 1;
		current = $('#slider .sl-ins img.current');
		
		if ( slid == 'slid-next') {
		
			if ( !$('#slider .sl-ins img:first-child').hasClass('current') ){
				img = $('#slider .sl-ins img:first-child');
				
				while( !$(img).hasClass('current') ){
					count = count+1;
					img = $(img).next();
				}
			}
		
			if ( $(current).next().length == 0 ) {
				first = $('#slider .sl-ins img:first-child');
				$('#slider .sl-ins').append(first);
				count = count-1;
				margin = -1*(count-1)*width;
				$('#slider .sl-ins').css({'margin-left': margin});   		
			}
			
			$(current).next().addClass('current');		
			margin = -1*(count)*width;
			
		} else if ( slid == 'slid-prev' ) {
			if ( $(current).prev().length == 0 ) {
				last = $('#slider .sl-ins img:last-child');
				$('#slider .sl-ins').prepend(last);
				margin = -1*width;
				$('#slider .sl-ins').css({'margin-left': margin});
				margin = 0;   		
			} else {
				img = $('#slider .sl-ins img.current');
				count = 0;
				while( $(img).length>0 ){
					count = count+1;
					img = $(img).prev();
				}
				margin = -1*(count-2)*width;
				//alert(count);	
			}
			
			$(current).prev().addClass('current');
				
		}
		
		$(current).removeClass('current');
		
		$('#slider .sl-ins').animate({'margin-left': margin}, 600);
		if (loop)
			initial = window.setTimeout(function(){ slideIt('slid-next', width, true); },5000);   		
	}		
}