jQuery(document).ready(function() {

///////////////////
// home
	var $li = jQuery('li.rectOption');
	var $div = jQuery('li.rectOption > div');
	var $titulo = jQuery('li.rectOption > div > h3');
	var seccion = "";
	var cargando = false;
	//var ajaxURL = "http://estacion/for/homeAjax/";
	var ajaxURL = "http://www.for.es/homeAjax/";
	//var ajaxURL = "http://mortadelo/for/homeAjax/";
	var $abierto = undefined;

	$titulo.click( function(){

		if(jQuery(this).hasClass("abierto")){
			cerrar( jQuery(this));
		}else{
			if($abierto != undefined){
				cerrar($abierto, jQuery(this));
			}else{
				abrir(jQuery(this) );
			}

		}

	});


	function abrir($elem){
		$abierto = $elem;
		$elem.addClass("abierto");
		var $li = $elem.parent().parent();
		$li.css('z-index', 1000);
		if($li.hasClass("rect_dcha") ){
			$li.animate({left:-240 }, 500);
		}
		$elem.parent().animate({ height: 440, width: 460 }, 500, "easeOutBack", function () {
			jQuery(this).prepend('<div class="cerrar" style="position:absolute;left:425px;top:8px;;cursor:pointer;"><img src="img/close.gif" /></div>');
			jQuery(".cerrar").click( function(){
				cerrar( $elem );
			});
			$abierto = $elem;
			traeDatos($elem);
		});
	}


	function cerrar($elem, $next){
		$elem.removeClass("abierto");
		$abierto = undefined;
		var $li = $elem.parent().parent();
		if( $elem.hasClass("abierto") ){
			$elem.removeClass("abierto");
		}
		jQuery(".cerrar").remove();
		if($li.hasClass("rect_dcha") ){
			$li.animate({left:0 }, 500);
		}
		jQuery("#seccion" + seccion).fadeOut(300, function(){
			jQuery(this).remove();
		});
		$elem.parent().animate({ height: 220, width: 220 }, 500, "easeInBack", function(){
			jQuery(this).parent().css('z-index', 1);
			if($next != null){
				abrir($next);
			}
		});

	}

	function cerrarTodos($elem){
		$titulo.each( function(){
			if( jQuery(this).hasClass("abierto") ){
				//jQuery(this).parent().parent().css('z-index', 1);
				cerrar(jQuery(this));
			}
			//jQuery(this).css('z-index', 1);
		});
	}


	function traeDatos($elem){
		seccion = $elem.attr('id').slice(2);// coge la seccion del nombre de la clase del H3
		$elem.after('<div id="seccion' + seccion + '" class="contenidoHome"></div>');
		jQuery("#seccion" + seccion).append('<div style="text-align:center;"><img src="img/loader.gif" /></div>');
		jQuery.post(ajaxURL + seccion, {seccion: "noticias"}, function(data) {
			jQuery("#seccion" + seccion).html(data);
		});
	}


 });// end