function scegli_box_visti(){
	// sulla base dell'altezza del box main-right decido su quale url fare la request ajax per il box.
	if($("#blockVideoBox").length > 0){
		if($('#blockDescrizione').length > 0){
			var url_box = "";
			var h_box_descrizione = $('#blockDescrizione').outerHeight();
			if ($('#mycarousel1').length > 0){
				// controllo le altezze in ordine decrescente, altrimenti anche se il box e' altissimo, mi prende sempre la prima condizione
				if(h_box_descrizione > 230) url_box = "/includes/db/_ultimi_tre_righe.php";
				else if(h_box_descrizione > 140) url_box = "/includes/db/_ultimi_due_righe.php";
				else url_box = "/includes/db/_ultimi_una_riga.php";
			} else{
				if(h_box_descrizione > 130) url_box = "/includes/db/_ultimi_tre_righe.php";
				else if(h_box_descrizione > 40) url_box = "/includes/db/_ultimi_due_righe.php";
				else url_box = "/includes/db/_ultimi_una_riga.php";
			}
			getBox(url_box);
		}
	} else getBox("/includes/db/_ultimi_tre_righe.php");
}

function getBox(url_box){
	$.get(
		url_box,
		function(data){
			$("#mainRight").append(data);
			if($('#mycarousel2').length > 0) $('#mycarousel2').jcarousel();
		}
	);
}

function sliderStartUp(slider, ul_selector, box_container, li_selected){
	setup_gallery(ul_selector, box_container);
	if($(ul_selector + ' li').length > 6){
		$(slider).slider({
			slide: function(event,ui){scroll_gallery(slider, ul_selector)},
			change: function(event,ui){scroll_gallery(slider, ul_selector)}
		});
		if($(ul_selector + ' li.' + li_selected).length > 0)
			slider_start_position(slider, ul_selector, li_selected);
	}
}

function setup_gallery(ul_selector, container_selector){
	// setup della ul che contiene le miniature e del div che contiene la ul.
	var li_width = parseInt($(ul_selector).find('li').outerWidth());
	var li_margins = parseInt($(ul_selector).find('li').css('margin-left')) + parseInt($(ul_selector).find('li').css('margin-right'));
	var single_dim = li_width + li_margins;
	var ul_width = $(ul_selector).find('li').length * single_dim;
	var ul_height = $(ul_selector).find('li').height();
	var dim_container = ($(ul_selector).find('li').length - 6) * single_dim ;
	if($.browser.msie == true && $.browser.version == '6.0') {
		ul_width += 15;
		dim_container += 9;
	}
	$(ul_selector).width(ul_width).height(ul_height);
	$(container_selector).width(dim_container);
}

function slider_start_position(slider, ul_selector, li_selected_class){
	var index;
	var max_index = $(ul_selector).find('li').length;
	var one_step = 100 / (max_index - 6);
	var initial_offset = 0;
	
	$(ul_selector).find('li').each(function() {
		if($(this).hasClass(li_selected_class)) {
			index = $(ul_selector).find('li').index(this);
			return false; // break the loop on item found
		}
	});
	if(max_index < 6) initial_offset = 0;
	else if(index < 3) initial_offset = 0;
	else if(index > (max_index - 4)) initial_offset = 100;
	else initial_offset = Math.ceil((index * one_step) - (2 * one_step));
	$(slider + ' .ui-slider-handle').css('left', initial_offset + '%');
	$(ul_selector).css({
		'left': '-' + initial_offset + "%",
		'position': 'absolute'
	});
}

function scroll_gallery(slider, ul_selector){
	var scroller_offset = $(slider + ' .ui-slider-handle').css('left');
	$(ul_selector).css({
		'left': '-' + scroller_offset,
		'position': 'absolute'
	});
}
