$(function(){
	
	width = 900;
		   
	for(i=1;i<6;i++){
		r = i * 30;
		w = (width+30) - r;
		$("#opcion"+i).css("width",w);
		$("#opcion"+(i+1)).css("marginLeft","-"+(w-30)+"px");
	}
});


act=5;
function slide(x){
	if (x!=act){
		r = (5-x) * 30;
		r2= (act+1) * 30;
		w1 = (width+30) - r2;
		w2 = 30 - w1;
		if (x>act){
			$("#opcion"+(act+1)).animate({marginLeft: "-"+w1+"px"},700);
			$("#opcion"+(x+1)).animate({marginLeft: "-"+r},700);
			$("#img"+x).show();
			$("#tag"+act).removeClass("active");
			$("#tag"+x).addClass("active"); 
		}else{
			$("#opcion"+(act+1)).animate({marginLeft: "-"+w1+"px"},700);
			$("#opcion"+(x+1)).animate({marginLeft: "-"+r+"px"},700);
			$("#img"+x).show();
			$("#tag"+x).addClass("active");
			$("#tag"+act).removeClass("active");	
		}
		act=x;
	}
}