
function slideshow(box,resized,singleElem,nameForElements){

var conta = 0;
var elementi = new Array();
// conta dimensione totale slideshow e assegna
$j(singleElem).each(function(i){
	$j(this).css("display","block").css("float","left");
	conta += $j(this).width();

	elementi = elementi.concat($j(nameForElements, this).html());
	//console.log(elementi)
});
$j(resized).css("width",conta).css("position","absolute").css("top","0").css("left","0");
$j(box).append("<div class='nextImage'></div>").append("<div class='prevImage'></div>").append("<div class='listElem'></div>");


for(var i=0;i<elementi.length;i++) 
	(i==0)?$j(box+" .listElem").append("<div class='activeSlide' style='cursor: pointer; float: left;'>"+elementi[i]+"</div>"):$j(box+" .listElem").append("<div style='cursor: pointer; float: left;'>"+elementi[i]+"</div>");

// NEXT-PREV /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$j(box+" .nextImage").click(function(){
if ($j(resized).is(':animated')) return false;
else {
		if(($j(resized).css("left"))==(-(conta-645)+"px")){
			$j(resized).animate({
		    	left: '0',
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
		else {
			$j(resized).animate({
		    	left: '-=645',
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
}
});
$j(box+" .prevImage").click(function(){
if ($j(resized).is(':animated')) return false;
else {
		if(($j(resized).css("left"))=="0px"){
			$j(resized).animate({
		    	left: -(conta-645),
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
		else {
			$j(resized).animate({
		    	left: '+=645',
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
}
});

// TITLED SLIDESHOW //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	$j(singleElem+" .slideshowLink").each(function(n){ $j(this).attr("identifier",n) });
	$j(box+" .listElem div").each(function(b){ $j(this).attr("identifier",b) });

$j(box+" .listElem").append("<div class='triangoloSlide'></div>");
$j(box+" .triangoloSlide").animate({ left: (($j(box+" .listElem div:first").position().left)+(($j(box+" .listElem div:first").outerWidth())/2)-($j(box+" .triangoloSlide").width()/2)), opacity: 1 },500, "easeInOutCirc");
var nome;
$j(box+" .listElem div").click(function(){
	$j(box+" .triangoloSlide").animate({ left: (($j(this).position().left)+(($j(this).outerWidth())/2)-($j(box+" .triangoloSlide").width()/2)) });
	$j(this).addClass("activeSlide").siblings().removeClass("activeSlide");
	nome=$j(this).attr("identifier");

//console.log(nome);

	$j(singleElem).each(function(){

//console.log($j(nameForElements, this));

		if(nome==$j(nameForElements, this).attr("identifier")) { $j(resized).animate({ left: -($j(this).position().left) }, 500, "easeInOutCirc"); }
	});
});

/*)
var conta = 0;
$j(".body_page-cookbook #main .view-cookbook .views-row").each(function(){
	conta += $j(this).width();
});
$j(".body_page-cookbook #main .view-cookbook .view-content").css("width",conta);
$j(".body_page-cookbook #main .view-cookbook").append("<div class='nextImage'></div>").append("<div class='prevImage'></div>").append("<div class='triangVideo'></div>");

$j(".nextImage").click(function(){
if ($j(".body_page-cookbook #main .view-cookbook .view-content").is(':animated')) return false;
else {
//					console.log($j(".body_page-cookbook #main .view-cookbook .view-content").css("left") + conta);
		if(($j(".body_page-cookbook #main .view-cookbook .view-content").css("left"))==(-(conta-645)+"px")){
			$j(".body_page-cookbook #main .view-cookbook .view-content").animate({
		    	left: '0',
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
		else {
			$j(".body_page-cookbook #main .view-cookbook .view-content").animate({
		    	left: '-=645',
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
}
});

$j(".prevImage").click(function(){
if ($j(".body_page-cookbook #main .view-cookbook .view-content").is(':animated')) return false;
else {
//					console.log($j(".body_page-cookbook #main .view-cookbook .view-content").css("left") + conta);
		if(($j(".body_page-cookbook #main .view-cookbook .view-content").css("left"))=="0px"){
			$j(".body_page-cookbook #main .view-cookbook .view-content").animate({
		    	left: -(conta-645),
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
		else {
			$j(".body_page-cookbook #main .view-cookbook .view-content").animate({
		    	left: '+=645',
		  	}, 500, "easeInOutCirc", function() {
		    });
		}
}
});
*/
}
