// MENU ROPA
function ropaFichaActiva(){
	mouseSobreProducto = true;
}

function ropaFichaInactiva(){
	mouseSobreProducto = false;
	ropaOcultarModelos();
}

function ropaCargarImagenModelo(img){
	imgDiv = "#ficha-menu-ropa div.ficha #ficha-img-ropa";
	if(img == ''){
		$(imgDiv+ " img").hide();
		$(imgDiv).attr('class','');
	} else {
		var src = '/img/ropa/fotos/menu/' + img;
		var loadImg = new Image();
		loadImg.onload = function(){
			$(imgDiv).attr('class','loaded');
			$(imgDiv + " img").attr('src',src).show();
		}
		if($(imgDiv + " img").attr('src') != src) {
			$(imgDiv+ " img").hide();
			$(imgDiv).attr('class','loading');
			loadImg.src = src;
		}
	}
}

function ropaCargarModelo(href,nombre,img,precio){
	var hrefParts = href.split("/");
	var modelo = hrefParts[4];
	var datos = "#ficha-menu-ropa div.ficha .ficha-datos";
	
	ropaCargarImagenModelo(img);
	
	$(datos + " p.modelo").html(nombre);
	$(datos + " p.precio").html(precio);
	$(datos + " a.presentacion").attr('href', href);
}

function ropaCambiarModelo(){
	$('#ficha-menu-ropa div.modelos li.modelo_selected').removeClass('modelo_selected');
	$(this).addClass('modelo_selected');
	
	$('#ficha-menu-ropa div.modelos ul a.selected').removeClass('selected');
	elem = $('#ficha-menu-ropa div.modelos li.modelo_selected a');
	elem.addClass('selected');
	ropaCargarModelo(elem.attr('href'),elem.html(),elem.attr('rel'),elem.attr('rev'));
}

function ropaActualizarModelos(){
	$.clearTimer(timerCerrarProducto);
	$('#menuRopa li.modelos_selected').removeClass('modelos_selected');
	$(this).addClass('modelos_selected');
	$('#menuRopa li.familia a.selected').removeClass('selected');
	$('#menuRopa li.modelos_selected > a').addClass('selected');
	$("#ficha-menu-ropa div.modelos ul").empty();
	
	$('#menuRopa .modelos_selected li').clone().prependTo("#ficha-menu-ropa div.modelos ul");
	elem = $("#ficha-menu-ropa div.modelos ul li a:first");
	elem.addClass('selected');
	ropaCargarModelo(elem.attr('href'),elem.text(),elem.attr('rel'),elem.attr('rev'));
	//mouseSobreProducto = true;
}

function ropaMostrarModelos(){
	if(!productoAbierto) $("#ficha-menu-ropa").show();
	productoAbierto = true;
}

function ropaDesactivarOcultarModelos(){
	mouseSobreProducto = false; 
	ropaOcultarModelos(1);
}

function ropaOcultarModelos(inmediate){
	if(inmediate == 1){
		if(!mouseSobreProducto){
			$("#ficha-menu-ropa").hide();
			productoAbierto = false;
		}
	} else{
		timerCerrarProducto = $.timer(5000,function(){ropaOcultarModelos(1)});
	}
}

function ropaMostrarFamilias(){
	$('#menuRopa li.familia_selected').removeClass('familia_selected');
	$(this).addClass('familia_selected');
	$('#menuRopa li.tipo > a').removeClass('selected');
	$('#menuRopa li.familia_selected a').removeClass('selected');
	$('#menuRopa li.familia_selected > a').addClass('selected');
	
	if(familiaAbierta) $('div.familia_opened').hide();
	$('#menuRopa li.familia_selected div.familias').addClass('familia_opened').show();
	familiaAbierta = true;
}

function ropaOcultarFamilias(){
	if(!mouseSobreProducto){
		$('#menuRopa li.tipo a.sel').removeClass('sel');
		$('#menuRopa li.familia_selected > a').removeClass('selected');
		$('#menuRopa div.familias').hide();
		familiaAbierta = false;
	}
}

function ropaMostrarTipos(){
	ocultarBicis();
	ocultarCascos();
	ocultarOrca();
	ocultarTravel();
	
	$('#menuRopa').addClass('tipo_selected');
	$('#menuRopa > a').addClass('sel');
	
	if(tiposAbierto) $('div.tipo_opened').hide();
	$('#menuRopa div.tipos').addClass('tipo_opened').show();
	tiposAbierto = true;
	mouseSobreTipos = true;
	productoAbierto = false;
	mouseSobreProducto = false;
}

function ropaOcultarTipos(){ 
	if(!mouseSobreProducto){
		$('#menuRopa > a.sel').removeClass('sel');
		$('#menuRopa div.tipos').hide();
		tiposAbierto = false;
		mouseSobreTipos = false;
	}
}

function initMenuRopa(){
	$("#menuRopa").hover(ropaMostrarTipos,function(){mouseSobreTipos = false;});
	$("#menuRopa li.tipo").hover(ropaMostrarFamilias,function(){});
	$("#menuRopa li.tipo a.tipo_link").hover(ropaDesactivarOcultarModelos,function(){});
	$("#menuRopa div.familias").hover(ropaMostrarModelos,function(){});
	$("#menuRopa li.familia").hover(ropaActualizarModelos,function(){});
	$("#ficha-menu-ropa").hover(ropaFichaActiva,ropaFichaInactiva);
	$("#ficha-menu-ropa div.modelos li").live('mouseover',ropaCambiarModelo);	
}