var lang = 'español';

var imagenes =[
				"images/mec_1_g.jpg", 
				"images/mec_2_g.jpg", 
				"images/mec_3_g.jpg", 
				"images/mec_5_g.jpg", 
				"images/mec_6_g.jpg", 
				"images/mec_7_g.jpg", 
				"images/mec_8_g.html" 
];
 
var imgs = new Array();
 
for(i=0;i<imagenes.length ;i++){
	imgs[i]=$('<img />').attr('src', imagenes[i]);
}

function gimin(obj) {
	var curr_img = obj.attr('src');
	var next_img_n = parseInt(curr_img.substring(11,12));
	return next_img_n;
}

function img_set(){
	$('#menu_cont img').each(function (index) {		
		if (!$(this).hasClass('ph')) {
			$(this).addClass('rst');
			$(this).attr({width:'180', height:'260'});
		} else {
			$(this).attr({width:'360', height:'520'});
			$(this).next().attr('id', 'dep');
			$(this).prev().attr('id', 'ant');
		}
	});	
}

function spin_it(direction){
	var max_lim = $('#menu_cont img').length;
	var img_g_n = (direction=='next')? gimin($('#ant')):gimin($('#dep'));
	var img_lang =(img_g_n==4)? "images/mec_"+img_g_n+"_g_"+lang.substring(0,2)+".jpg" : "images/mec_"+img_g_n+"_g.jpg";
	$('#ph').attr('src', img_lang);
	$('.rst').each(function (index) {
		var next_img_n = gimin($(this));
		if (direction=='next'){
			next_img_n = (next_img_n > 1)? next_img_n-1 : max_lim;
		} else {
			next_img_n = (next_img_n == max_lim)? 1 : next_img_n+1;
		}
		next_img = (next_img_n==4)? "images/mec_"+next_img_n+"_"+lang.substring(0,2)+".jpg" : "images/mec_"+next_img_n+".jpg";
		$(this).attr('src', next_img);
	});
}

$(document).ready(function() {
	$('body').html($('#secreto').html());
	var big_img_pos = $('#menu_cont').offset();
	$('#foot').css({left: big_img_pos.left+535});
		
	var home = $('#menu_cont').html();
	img_set();

	$('#nav span').click(function(e){
		var el_id = $(this).attr('id');
		switch (el_id)
		{
		case 'prev':
			spin_it(el_id);
			break;
		case 'home':
			$('#menu_cont').html(home);
			img_set();
			break;
		case 'next':
			spin_it(el_id);
			break;
		default:
		  return;
		}
	});
	
	$('#lang').click(function(e){
		var lang_txt = $(this).attr('rel');
		$('#menu_cont img').each(function(){
			var this_img_n = gimin($(this));
			if (this_img_n==4) {
				new_img = $(this).attr('src').replace('_'+lang.substring(0,2), '_'+lang_txt.substring(0,2));
				$(this).attr('src',new_img);
			}
		});
		$(this).attr('rel',lang).html(lang);
		lang = lang_txt;
	});
});