function carousel() {
	var currentPosition = 0;
	var itemWidth = 927;
	var items = $('.carousel-item');
	var numberOfItems = items.length;
	
	items.wrapAll('<div id="carousel-content"></div>').css({'float' : 'left', 'width' : itemWidth});

	$('#carousel-content').css('width', itemWidth * numberOfItems);
	
	$('#carousel').prepend('<span class="control" id="left"></span>').append('<span class="control" id="right"></span>');

	manageControls(currentPosition);

	$('.control').live('click', function(){
		currentPosition = ($(this).attr('id')=='right') ? currentPosition+1 : currentPosition-1;
		manageControls(currentPosition);
		$('#carousel-content').animate({'marginLeft' : itemWidth*(-currentPosition)});
	});

	function manageControls(position){
		if(position==0)
			$('#left').hide();
		else
			$('#left').show();
		if(position==numberOfItems-1)
			$('#right').hide();
		else
			$('#right').show();
	}
}

function modalBox() {
	var i;
	$('body').append('<div id="mask"></div>');
	$('[name=modal]').click(function(e) {    
		e.preventDefault();
		var id = $(this).attr('href');
		$('#mask').fadeIn();    

		var winH = $(window).height();
		var winW = $(window).width();
		$(id).css('top',  winH/2-($(id).height()+60)/2);
		$(id).css('left', winW/2-($(id).width()+40)/2);
		$(id).fadeIn(); 
	});

	$('.modal .close').click(function (e) {
		e.preventDefault();
		$('#mask, .modal').hide();
	});     

	$('#mask').click(function () {
		$('#mask, .modal').hide();
	});    
}