$(document).ready(function(){ 
       // $(document).pngFix(); 
		CalcularClip();		
		var oFCKeditor = new FCKeditor('campo') ;
		oFCKeditor.BasePath = "/js/fckeditor/" ;
		oFCKeditor.ReplaceTextarea();
	

	// GUARDAR LOS CAMBIOS DEL RICH EDITOR CON AJAX
	
		$('a.enlaceGuardar').click(function() {
			if($('#capaImagen').is(':hidden'))
			{
				var oEditor = FCKeditorAPI.GetInstance('campo') ;
				//var contenido = oEditor.EditorDocument.body.innerHTML;											
				var contenido = oEditor.GetXHTML(true);
				alert(encodeURIComponent(contenido));
				var cadena = "modulo="+$('#modulo').val()+"&seccion="+$(this).attr('rel')+"&valor="+encodeURIComponent(contenido);
				var campo = $(this).attr('rel');
				$('#'+campo).children('div').html(contenido);
				var selector = 1;
			}
			else
			{
				var campo = $(this).attr('rel');
				var contenido = $('#'+campo).children('img').attr('src');											
				var cadena = "modulo="+$('#modulo').val()+"&seccion="+$(this).attr('rel')+"&valor="+encodeURIComponent(contenido);
				var selector = 2;
				
				var imagenEliminar = "imagen="+imagenAnt;
				$.ajax({
					type: "POST",
					url: "/web_contenido/eliminar",
					data: imagenEliminar,
					success: function(datos){
					   alert("Se eliminaron los datos: " + datos);
					}
				});	
			}
			$.ajax({
				type: "POST",
				url: "/web_contenido",
				data: cadena,
				success: function(datos){
				   alert("Se guardaron los datos: " + datos);
				   //$('#'+campo).attr('src','/uploads/contenido/'+data.msg);
				}
			});	
			guardar = true;
			cerrarCapa(selector);
		});
		
	// FUNCION QUE REFRESCA EL TEXTO ACTUALIZADO
	// LAS IMAGES SE REFESCAN AUTOMATICAMENTE AL SUBIRLAS
	
		$('a.actualizaTexto').click(function() {
				var oEditor = FCKeditorAPI.GetInstance('campo') ;
				var contenido = oEditor.EditorDocument.body.innerHTML ;											
				var campo = $(this).parent().next().children('a.enlaceGuardar').attr('rel');
				textoAnt = $('#'+campo).children('div').html();
				$('#'+campo).children('div').html(contenido);
		});
		
	// EVENTO QUE LANZA EL RICH EDITOR CON EL CONTENIDO DE LA PARTE SELECCIONADA
	
		$('.campoEditable').click(function() {
			var offset = getScrollY();
			$('#capaEditable').css('top',450+getScrollY());
			$('#capaEditable').css('display','block');
			var texto = $(this).parent().children('div').html();
			var id = $(this).parent().attr("id");
			var oEditor = FCKeditorAPI.GetInstance('campo') ;
			if ( oEditor.EditMode == FCK_EDITMODE_WYSIWYG )
				oEditor.SetData(texto) ;
				
			$('#capaEditable .enlaceGuardar').attr("rel",id);
		});
		
	// EVENTO QUE LANZA CAMPO DE ARCHIVO PARA SUBIR UNA IMAGEN
	
		$('.imagenEditable').click(function() {
			var offset = getScrollY();
			$('#capaImagen').css('top',450+getScrollY());
			$('#capaImagen').css('display','block');
			var id = $(this).parent().attr("id");		
			$('#capaImagen .enlaceGuardar').attr("rel",id);
		});
		
	// ROLLOVERS PARA EL TEXTO Y PARA LAS IMAGENES		
		
		$('.campoEditable').mouseover(function() {
			$(this).parent().children('div').css("background-color","#ffe6ce");										 
		});
				
		$('.campoEditable').mouseout(function() {
			$(this).parent().children('div').css("background-color","transparent");
		});
		
		$('.imagenEditable').mouseover(function() {			
			$(this).parent().children('img').css("opacity",".5");
			$(this).parent().children('img').css("filter","alpha(opacity=50)");
		});
		
		$('.imagenEditable').mouseout(function() {			
			$(this).parent().children('img').css("opacity","1");
			$(this).parent().children('img').css("filter","alpha(opacity=100)");
		});	
		
	// PARA LAS IMAGENES SE UTILIZA UNA FUNCIÓN INCLUIDA EN subirImagenAjax.js INCLUIDA EN EL CODIGO
	// LOS CAMBIOS SE GUARDARÁN DEL MISMO MODO QUE SIEMPRE
	// SE UTILIZA UNA CAPA DISTINTA A LA #capaEditable, #capaImagen INICIALMENTE OCULTA

    }); 
	
	var textoAnt = "";
	var imagenAnt = "";
	var guardar = false;
	
	function CalcularClip()
	{
		var posBottom = 20;
		var posTop = 0;
		var posRight = $(window).width();
		
		$("#fondoTop").css("clip","rect("+posTop+"px "+posRight+"px "+posBottom+"px 0px)");	
		
		//CalcularTop();
	}
	
	function CalcularTop()
	{						
		var altura = $(window).height();		
		var nuevoTop;						
		
		if (altura<600)
			nuevoTop = "30px";
		else
			nuevoTop = parseInt(0.15*altura)+"px";				
		
		$("#contenido").css("top",nuevoTop);	
	}
	
	$(window).bind('resize', CalcularClip);		
	
	
	function cerrarCapa(selector) {
		if(selector == 1) {
			$('#capaEditable').css('display','none');
			if(textoAnt != "" && !guardar) {
				var etiqueta = $('#capaEditable .enlaceGuardar').attr('rel');
				$('#'+etiqueta).children("div").html(textoAnt);
			}
			
		}
		else {
			$('#capaImagen').css('display','none');
			if(imagenAnt != "" && !guardar) {
				// ELIMINAR PRIMERO LA FOTO PREVISUALIZADA
				var etiqueta = $('#capaImagen .enlaceGuardar').attr('rel');
				var imagenEliminar = "imagen="+$('#'+etiqueta).children('img').attr('src');
				$.ajax({
					type: "POST",
					url: "/web_contenido/eliminar",
					data: imagenEliminar,
					success: function(datos){
					   alert("Se eliminaron los datos: " + datos);
					}
				});	
				$('#'+etiqueta).children('img').attr('src',imagenAnt);
			}
		}
		textoAnt = "";
		imagenAnt = "";
		guardar = false;
	}
		
	function getScrollY() {
	  var scrOfX = 0, scrOfY = 0;
	  if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	  }
	  return scrOfY;
	}
	
	//CalcularClip();