//rollover image -------------------------------- begin


$(document).ready(function (){
	
	$("img.rolloverimagen").mouseover(function (){
		var newImage = $(this).attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1_over$2");
		$(this).attr('src', newImage);
	});
	$("img.rolloverimagen").mouseout(function (){
		var newImage = $(this).attr('src').replace('_over', '');
		$(this).attr('src', newImage);
	});
});
//rollover image --------------------------------- end

function muestra_capa_1(){
	$("#capauser").css({ display: "none" });

	$("#capa1").css({ display: "block" });
	
	
	var newImage = $("#top1").attr('src').replace('_over', '');
		$("#top1").attr('src', newImage);
	var newImage = $("#top2").attr('src').replace('_over', '');
		$("#top2").attr('src', newImage);
	var newImage = $("#top3").attr('src').replace('_over', '');
		$("#top3").attr('src', newImage);
	var newImage = $("#top4").attr('src').replace('_over', '');
		$("#top4").attr('src', newImage);
	
		
	var newImage = $("#top1").attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1_over$2");
		$("#top1").attr('src', newImage);
		
		
	$("#capa2").css({ display: "none" });
	$("#capa3").css({ display: "none" });
	$("#capa4").css({ display: "none" });
	
	
}

function muestra_capa_2(){
	$("#capauser").css({ display: "none" });
	$("#capa1").css({ display: "none" });
	
	var newImage = $("#top1").attr('src').replace('_over', '');
		$("#top1").attr('src', newImage);
	var newImage = $("#top2").attr('src').replace('_over', '');
		$("#top2").attr('src', newImage);
	var newImage = $("#top3").attr('src').replace('_over', '');
		$("#top3").attr('src', newImage);
	var newImage = $("#top4").attr('src').replace('_over', '');
		$("#top4").attr('src', newImage);
		
		
	var newImage = $("#top2").attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1_over$2");
		$("#top2").attr('src', newImage);
		
	$("#capa2").css({ display: "block" });
	$("#capa3").css({ display: "none" });
	$("#capa4").css({ display: "none" });
	
}

function muestra_capa_3(){
	$("#capauser").css({ display: "none" });
	$("#capa1").css({ display: "none" });
	$("#capa2").css({ display: "none" });
	$("#capa3").css({ display: "block" });
	
	var newImage = $("#top1").attr('src').replace('_over', '');
		$("#top1").attr('src', newImage);
	var newImage = $("#top2").attr('src').replace('_over', '');
		$("#top2").attr('src', newImage);
	var newImage = $("#top3").attr('src').replace('_over', '');
		$("#top3").attr('src', newImage);
	var newImage = $("#top4").attr('src').replace('_over', '');
		$("#top4").attr('src', newImage);
	
	
		
	var newImage = $("#top3").attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1_over$2");
		$("#top3").attr('src', newImage);
		
	$("#capa4").css({ display: "none" });
	
}

function muestra_capa_4(){
	$("#capauser").css({ display: "none" });
	$("#capa1").css({ display: "none" });
	$("#capa2").css({ display: "none" });
	$("#capa3").css({ display: "none" });
	$("#capa4").css({ display: "block" });
	var newImage = $("#top1").attr('src').replace('_over', '');
		$("#top1").attr('src', newImage);
	var newImage = $("#top2").attr('src').replace('_over', '');
		$("#top2").attr('src', newImage);
	var newImage = $("#top3").attr('src').replace('_over', '');
		$("#top3").attr('src', newImage);
	var newImage = $("#top4").attr('src').replace('_over', '');
		$("#top4").attr('src', newImage);
		
		
	var newImage = $("#top4").attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1_over$2");
		$("#top4").attr('src', newImage);
		
	
}
/*
function muestra_capa_5(){
	$("#capauser").css({ display: "none" });
	$("#capa1").css({ display: "none" });
	$("#capa2").css({ display: "none" });
	$("#capa3").css({ display: "none" });
	$("#capa4").css({ display: "none" });
	$("#capa5").css({ display: "block" });
	var newImage = $("#top1").attr('src').replace('_over', '');
		$("#top1").attr('src', newImage);
	var newImage = $("#top2").attr('src').replace('_over', '');
		$("#top2").attr('src', newImage);
	var newImage = $("#top3").attr('src').replace('_over', '');
		$("#top3").attr('src', newImage);
	var newImage = $("#top4").attr('src').replace('_over', '');
		$("#top4").attr('src', newImage);
	var newImage = $("#top5").attr('src').replace('_over', '');
		$("#top5").attr('src', newImage);
		var newImage = $("#top6").attr('src').replace('_over', '');
		$("#top6").attr('src', newImage);
	
		
	var newImage = $("#top5").attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1_over$2");
		$("#top5").attr('src', newImage);
		
	$("#capa6").css({ display: "none" });
}

function muestra_capa_6(){
	$("#capauser").css({ display: "none" });
	$("#capa1").css({ display: "none" });
	$("#capa2").css({ display: "none" });
	$("#capa3").css({ display: "none" });
	$("#capa4").css({ display: "none" });
	$("#capa5").css({ display: "none" });
	$("#capa6").css({ display: "block" });
	var newImage = $("#top1").attr('src').replace('_over', '');
		$("#top1").attr('src', newImage);
	var newImage = $("#top2").attr('src').replace('_over', '');
		$("#top2").attr('src', newImage);
	var newImage = $("#top3").attr('src').replace('_over', '');
		$("#top3").attr('src', newImage);
	var newImage = $("#top4").attr('src').replace('_over', '');
		$("#top4").attr('src', newImage);
	var newImage = $("#top5").attr('src').replace('_over', '');
		$("#top5").attr('src', newImage);
		var newImage = $("#top6").attr('src').replace('_over', '');
		$("#top6").attr('src', newImage);
	
	
	var newImage = $("#top6").attr('src').replace(/^(.*?)(\.(?:gif|jpg|png))$/, "$1_over$2");
		$("#top6").attr('src', newImage);
		
}*/

function showUserSubmit(){
	
	$("#capa1").css({ display: "none" });
	$("#capa2").css({ display: "none" });
	$("#capa3").css({ display: "none" });
	$("#capa4").css({ display: "none" });
	
	var newImage = $("#top1").attr('src').replace('_over', '');
		$("#top1").attr('src', newImage);
	var newImage = $("#top2").attr('src').replace('_over', '');
		$("#top2").attr('src', newImage);
	var newImage = $("#top3").attr('src').replace('_over', '');
		$("#top3").attr('src', newImage);
	var newImage = $("#top4").attr('src').replace('_over', '');
		$("#top4").attr('src', newImage);
	
	
	$("#capauser").css({ display: "block" });
}