jQuery.noConflict();

var width = 0;
var number = 0;
var total = 0;
var action = false;
var active = false;
var time = 3000;

jQuery(document).ready(function() {
	width = jQuery('#banner').width();
	jQuery('#banner ul').addClass('images');
	number = jQuery('#banner ul.images li').length;
	total = number*parseInt(width);
	
	jQuery('#banner').css({ 'position':'relative', 'overflow':'hidden' });
	jQuery('#banner ul.images').css({ 'position':'absolute', 'left':'0px', 'width':total + 'px', 'margin':'0', 'padding':'0', 'list-style-type':'none' });
	jQuery('#banner ul.images li').css({ 'position':'relative', 'float':'left' });
	jQuery('#banner').append('<div id="slide"></div>');
	
	jQuery('#slide').css({ 'position':'absolute', 'left':'0px', 'bottom':'0', 'width':width + 'px', 'background':'url(./themes/eurobel/images/transparent_black_s1.png)' });
	
	jQuery('#slide').append('<ul></ul>');
	jQuery('#slide ul').append('<li class="prev"><</li>');
	for(var i = 0; i < number; i++)
	{
		jQuery('#slide ul').append('<li>&bull;</li>');
	}
	jQuery('#slide ul').append('<li class="next">></li>');
	jQuery('#slide ul').css({ 'height':'auto', 'margin':'auto' });
	jQuery('#slide ul li').css({ 'position':'relative', 'float':'left' });
	jQuery('#slide ul li').eq(1).addClass('current');
	
	var size = 0;
	jQuery('#slide ul li').each(function() {
		size += parseInt(jQuery(this).width());
		size += parseInt(jQuery(this).css('padding-left'));
		size += parseInt(jQuery(this).css('padding-right'));
	});
	
	jQuery('#slide ul').width(size);
	
	jQuery('#slide ul li').click(function() {
		if(jQuery(this).hasClass('prev'))
		{
			moveLeft();
		}
		else if(jQuery(this).hasClass('next'))
		{
			moveRight();
		}
		else
		{
			if(!jQuery(this).hasClass('current'))
			{
				if(active) {
					active = !active;
					jQuery('#banner ul.images').stopTime('controlled');
				}
				
				var eq = jQuery(this).index('#slide ul li')-1;
				var left = -eq*width;
				jQuery('#banner ul.images').css({ 'left':left + 'px' });
				jQuery('#slide ul li.current').removeClass('current');
				jQuery('#slide ul li').eq(eq+1).addClass('current');
				
				if(!active) {
					active = !active;
					jQuery('#banner ul.images').everyTime(time+5000, 'controlled', function() {
						moveRight();
					});
				}
			}
		}
	});
	
	if (!active) {
		active = !active;
		jQuery('#banner ul.images').everyTime(time, 'controlled', function() {
			moveRight();
		});
	}
});

function moveLeft()
{
	if(!action)
	{
		if(active) {
			active = !active;
			jQuery('#banner ul.images').stopTime('controlled');
		}
		
		action = true;
		var newLeft = parseInt(jQuery('#banner ul.images').css('left')) + parseInt(width);
		var current = jQuery('#slide ul li.current');
		current.removeClass('current');
		
		if(newLeft > 0)
		{
			newLeft = -total + parseInt(width);
			jQuery('#slide ul li').eq(number).addClass('current');
		}
		else
		{
			current.prev().addClass('current');
		}
		
		jQuery('#banner ul.images').animate(
			{
				left: newLeft
			},
			1000,
			function() {
				action = false;
				if(!active) {
					active = !active;
					jQuery('#banner ul.images').everyTime(time, 'controlled', function() {
						moveRight();
					});
				}
			}
		);
	}
}

function moveRight()
{
	if(!action)
	{
		if(active) {
			active = !active;
			jQuery('#banner ul.images').stopTime('controlled');
		}
		
		action = true;
		var newLeft = parseInt(jQuery('#banner ul.images').css('left')) - parseInt(width);
		var current = jQuery('#slide ul li.current');
		current.removeClass('current');
		
		if(newLeft < (-total + parseInt(width)))
		{
			newLeft = 0;
			jQuery('#slide ul li').eq(1).addClass('current');
		}
		else
		{
			current.next().addClass('current');
		}
		
		jQuery('#banner ul.images').animate(
			{
				left: newLeft
			},
			1000,
			function() {
				action = false;
				if(!active) {
					active = !active;
					jQuery('#banner ul.images').everyTime(time, 'controlled', function() {
						moveRight();
					});
				}
			}
		);
	}
}