var reference = "promotion";
jQuery('[id^="'+reference+'-"]:not([id*=prev]):not([id*=next]):not([id*=first]):not([id*=last])').css("opacity",0).css("display","none");

this[reference+"_click"] = this[reference+"_click_init"] = function(reference, activated, deactivated, prevsteps, nextsteps, multiple, cycle){
	jQuery("#"+reference+"-"+deactivated).removeClass("active");
	jQuery("#"+reference+"-"+activated).addClass("active");
	var xspace = 50;
	var yspace = 30;
	//
	var arr = multiple.before_out;
	for(var i=0;i<arr.length;i++){
		var mypath = jQuery("#"+reference+"-"+arr[i]);
		var t = -(arr.length-i)-1;
		var x = 200-(multiple.activated.length/2+t)*xspace;
		var y = 50+(multiple.activated.length/2-t)*yspace;
		mypath.stop().css("z-index", -i-1);
		mypath.animate({top:y,left:x,opacity:0},{queue:true, duration:1200, specialEasing: {top:'easeOutExpo', left:'easeOutExpo', opacity:'easeOutExpo'}, complete:function(){jQuery(this).css("display","none");}});
	}
	var arr = multiple.after_out;
	for(var i=0;i<arr.length;i++){
		var mypath = jQuery("#"+reference+"-"+arr[i]);
		var t = (multiple.activated.length-i)+1;
		var x = 200-(multiple.activated.length/2+t)*xspace;
		var y = 50+(multiple.activated.length/2-t)*yspace;
		mypath.stop().css("z-index", -i-1);
		mypath.animate({top:y,left:x,opacity:0},{queue:true, duration:1200, specialEasing: {top:'easeOutExpo', left:'easeOutExpo', opacity:'easeOutExpo'}, complete:function(){jQuery(this).css("display","none");}});
	}
	var arr = multiple.before_in;
	for(var i=0;i<arr.length;i++){
		var mypath = jQuery("#"+reference+"-"+arr[i]);
		var t = -i-1;
		var x = 200-(multiple.activated.length/2+t)*xspace;
		var y = 50+(multiple.activated.length/2-t)*yspace;
		mypath.stop().css("top",y).css("left",x).css("display","block").css("opacity",0);
	}
	var arr = multiple.after_in;
	for(var i=0;i<arr.length;i++){
		var mypath = jQuery("#"+reference+"-"+arr[i]);
		var t = (multiple.activated.length-arr.length+i)+multiple.jumped;
		var x = 200-(multiple.activated.length/2+t)*xspace;
		var y = 50+(multiple.activated.length/2-t)*yspace;
		mypath.stop().css("top",y).css("left",x).css("display","block").css("opacity",0);
	}
	var arr = multiple.activated;
	for(var i=0;i<arr.length;i++){
		var mypath = jQuery("#"+reference+"-"+arr[i]);
		if(i>arr.length/2){var t = i-1;}else{var t = i;} // remove activated space
		var x = 200-(arr.length/2+t)*xspace;
		var y = 50+(arr.length/2-t)*yspace;
		mypath.css("display","block").css("z-index", arr.length-i);
		mypath.animate({top:y, left:x, opacity:1},{queue:false, duration:1200, specialEasing: {top:'easeOutExpo', left:'easeOutExpo', opacity:'easeOutExpo'}});
	}
	var mypath = jQuery("#"+reference+"-"+deactivated);
	mypath.animate({width:100, height:110},{queue:false, duration:1200, specialEasing: {width:'easeOutExpo', height:'easeOutExpo'}});
	var mypath = jQuery("#"+reference+"-"+activated);
	mypath.stop().animate({top:0, left:200, opacity:1, width:355, height:200},{queue:true, duration:1200, specialEasing: {top:'easeOutExpo', left:'easeOutExpo', opacity:'easeOutExpo', width:'easeOutExpo', height:'easeOutExpo'}});
}

mg_init({
	reference:"promotion",
	click:{
		activated:[4],
		interactive:true,
		max_activated:1,
		less:3, plus:3
	}
});