//Concreta el elemento draggable que no se ha creado posterior a la pagina y le da opciones
			$(function() {
				$("#draggable_0").draggable({opacity: 1, containment: 'parent', zIndex: 10});
				$("#nuevo_post").draggable({opacity: 1, containment: 'parent', zIndex: 10});
				$("#comentarios_0").accordion({collapsible: true, active: false, clearStyle: true});
				$("#comentarios_1").accordion({collapsible: true, active: false, clearStyle: true});
				$("#comentarios_2").accordion({collapsible: true, active: false, clearStyle: true});
		}	);
					
			
			//Crea un CKEDITOR al vuelo
			
			window.onload = function()
			{
				// Listen to the double click event.
				if ( window.addEventListener )
					document.body.addEventListener( 'dblclick', onDoubleClick, false );
				else if ( window.attachEvent )
					document.body.attachEvent( 'ondblclick', onDoubleClick );
			
			};
			
			function onDoubleClick( ev )
			{
				// Get the element which fired the event. This is not necessarily the
				// element to which the event has been attached.
				var element = ev.target || ev.srcElement;
			
				// Find out the div that holds this element.
				element = element.parentNode;
				
				
				if ( element.nodeName.toLowerCase() == 'div' && ( element.className.indexOf( 'editable_description' ) != -1 ) )
					{
					replaceDiv( element );
					}
				
			}
			
			var editor;
			
			function replaceDiv( div )
			{
				if ( editor )
					editor.destroy();
				document.getElementById('editable_title').innerHTML = "Titulo: <input type='text' maxlength='100' size='60' name='ftitulo' /><input type='submit' name='mysubmit' value='Enviar' />";			
				editor = CKEDITOR.replace( div );
			}

			
			
			//Limpia una caja de texto
			
			var clickedIt_0 = false;
			var clickedIt_1 = false;
			var clickedIt_2 = false;

			function cleartextarea(id){
					if(id.name == "fmensaje_0" && clickedIt_0 == false){
						id.value="";
						clickedIt_0=true;
					}else if(id.name == "fmensaje_1" && clickedIt_1 == false){
						id.value="";
						clickedIt_1=true;
					}else if(id.name == "fmensaje_2" && clickedIt_2 == false){
						id.value="";
						clickedIt_2=true;
					}
			} 
			
			//Insercion de comentarios sin tener que refrescar la página
			$(document).ready(function() {
			   // Esta primera parte crea un loader no es necesaria
				$().ajaxStart(function() {
					$('#loading').show();
					$('#result').hide();
				}).ajaxStop(function() {
					$('#loading').hide();
					$('#result').fadeIn('slow');
				});
			   // Interceptamos el evento submit
				$('#fo_0').submit(function() {
			  // Enviamos el formulario usando AJAX
					$.ajax({type: 'POST', 
						   url: $(this).attr('action'), 
						   data: $(this).serialize(),
						   /*Mostramos un mensaje con la respuesta de PHP*/
						   success: function(data) {
							   $('#comments_list_0').html(data);
							   }
						  })        
					return false;
				});
				$('#fo_1').submit(function() {
			  // Enviamos el formulario usando AJAX
					$.ajax({type: 'POST', 
						   url: $(this).attr('action'), 
						   data: $(this).serialize(),
						   /*Mostramos un mensaje con la respuesta de PHP*/
						   success: function(data) {
							   $('#comments_list_1').html(data);
							   }
						  })        
					return false;
				});
				$('#fo_2').submit(function() {
			  // Enviamos el formulario usando AJAX
					$.ajax({type: 'POST', 
						   url: $(this).attr('action'), 
						   data: $(this).serialize(),
						   /*Mostramos un mensaje con la respuesta de PHP*/
						   success: function(data) {
							   $('#comments_list_2').html(data);
							   }
						  })        
					return false;
				});
			})  
							
			//Hace desaparecer y eliminar una capa o lo minimiza
			$(document).ready(function(){				
				$("body").click(function (evt) {										  
					 var target = evt.target; //Es el target al que se esta clicando
					 var parent = target.parentNode; //Selecciona el parent de "target"
					 if((target.id[0]+target.id[1]+target.id[2]+target.id[3]+target.id[4]+target.id[5]) == 'cerrar'){ //Se procede a cerrar y eliminar el parent del target
						 $("#"+parent.id).fadeOut(500);
						 $("#"+parent.id).hide('slow');
						 //Elimina la capa después de un tiempo prudencial para realizar el fadeout-->
						 setTimeout(
						 function() {
						   	fi = document.getElementById('contenedor_ventanas'); // 1 
							fi.removeChild(document.getElementById(parent.id)); // 10
						 }, 500);
					  }
					  
				//Minimizar una capa
					  if((target.id[0]+target.id[1]+target.id[2]+target.id[3]+target.id[4]+target.id[5]) == 'minimi'){ //Se procede a cerrar y eliminar el parent del target
						document.getElementById('contenido_0').style.display = 'none';
						document.getElementById('cabecera_noticias').id = 'cabecera_noticias_2';
						document.getElementById('minimizar_0').id = 'maximizar_0';
					  }else if((target.id[0]+target.id[1]+target.id[2]+target.id[3]+target.id[4]+target.id[5]) == 'maximi'){ //Se procede a cerrar y eliminar el parent del target
						document.getElementById('contenido_0').style.display = '';
						document.getElementById('cabecera_noticias_2').id = 'cabecera_noticias';
						document.getElementById('maximizar_0').id = 'minimizar_0';
					  }
				});
				
				
			//Trae al frente la capa draggable al hacer click en ella
				$("body").mousedown(function (evt) {
					 var target = evt.target; //Es el target al que se esta clicando
					 var parent = target.parentNode; //Selecciona el parent de "target"
					 if(target.id !== 'contenedor_ventanas'){//Esto sirve para que no de un error de undefined en el parent del parent del parent del contenedor de ventanas
					 //Comprueba si el elemento que se clica tiene algun parentesco draggable y lo trae al frente
					 
						  if((target.id[0]+target.id[1]+target.id[2]+target.id[3]+target.id[4]+target.id[5]) == 'dragga'){ 
									for (i=0;i<=20;i++){
										if ($("#draggable_"+i).length > 0){
											document.getElementById("draggable_"+i).style.zIndex=1;
										}
									}
									document.getElementById(target.id).style.zIndex=9;
						  }else if(( target.parentNode.id[0]+ target.parentNode.id[1]+ target.parentNode.id[2]+ target.parentNode.id[3]+ target.parentNode.id[4]+ target.parentNode.id[5]) == 'dragga'){ 
									for (i=0;i<=20;i++){
										if ($("#draggable_"+i).length > 0){
											document.getElementById("draggable_"+i).style.zIndex=1;
										}
									}
									document.getElementById(target.parentNode.id).style.zIndex=9;
						  }else if((parent.parentNode.id[0]+ parent.parentNode.id[1]+ parent.parentNode.id[2]+ parent.parentNode.id[3]+ parent.parentNode.id[4]+ parent.parentNode.id[5]) == 'dragga'){
									for (i=0;i<=20;i++){
										if ($("#draggable_"+i).length > 0){
											document.getElementById("draggable_"+i).style.zIndex=1;
										}
									}
									document.getElementById(parent.parentNode.id).style.zIndex=9;
						  }else if((parent.parentNode.parentNode.id && parent.parentNode.parentNode.id[0]+ parent.parentNode.parentNode.id[1]+ parent.parentNode.parentNode.id[2]+ parent.parentNode.parentNode.id[3]+ parent.parentNode.parentNode.id[4] + parent.parentNode.parentNode.id[5]) == 'dragga'){
									for (i=0;i<=20;i++){
										if ($("#draggable_"+i).length > 0){
											document.getElementById("draggable_"+i).style.zIndex=1;
										}
									}
									document.getElementById(parent.parentNode.parentNode.id).style.zIndex=9;
						  }
					 }
				});
			});
			
			
			
		//Crea un nuevo DIV
		function crear(draggable, cerrar) { 
			//Pone el zindex de todas las capas draggables a 1 para poner la seleccionara a 9
			for (i=0;i<=20;i++){
				if ($("#draggable_"+i).length > 0){
					document.getElementById("draggable_"+i).style.zIndex=1;
				}
			}
		
		 	 if ($("#"+draggable).length <= 0) { //Comprueba si existe la capa draggable mediante jquery
				  //Crea el div contenedor de la informacion dentro del contenedor de ventanas -->
				  fi = document.getElementById('contenedor_ventanas'); // 1
				  contenedor = document.createElement('div'); // 2
				  contenedor.id = draggable;
				  fi.appendChild(contenedor);
				  //AQUI VA TODO EL CONTENIDO RECOGIDO DE LA BASE DE DATOS O CUALQUIER OTRA FUENTE -->
				  //Se han separado cada parte para que sea más cómoda la inserción con innetHTML				  
				  if(draggable == "draggable_1"){
					  cabecera = "<div style='position: relative; background-image: url(images/cabecera_bio.png); width: 463px; height: 42px;'></div><div id='contenido_1'>";
					  contenido = "Somos Cellarway, nacidos de las cenizas de anteriores formaciones que no fueron demasiado fructíferas. Hemos estado tocando desde 2003 bajo el nombre No Future For You, pero tras encontrar la formación más estable y productiva de todos estos años decidimos cambiar nuestro nombre.<br /><br />Hemos aprendido de los errores del pasado, somos más creativos, nos gusta probar nuevas melodías y, en definitiva, hemos evolucionado favorablemente. Somos mejores.<br /><br />Lo damos todo en los conciertos, en el estudio y, sobre todo, a la hora de crear. Este es el resurgir de una banda que siempre ha estado presente. Somos Cellarway y lo nuestro es el rock alternativo.<br/><center><img src='images/cellarway.png'/></center>";
				  }else if(draggable == "draggable_2"){
					  cabecera = "<div style='position: relative; background-image: url(images/cabecera_media.png); width: 463px; height: 42px;'></div><div id='contenido_2'>";
					  contenido = "<div id='gallery'><ul><li><a href='images/photos/1.jpg' title='We are Cellarway'><img src='images/photos/thumb-1.jpg' width='100' height='100' alt='' /></a> </li><li><a href='images/photos/2.jpg' title='Walk around'><img src='images/photos/thumb-2.jpg' width='100' height='100' alt='' /></a> </li><li><a href='images/photos/3.jpg' title='We are Cellarway'><img src='images/photos/thumb-3.jpg' width='100' height='100' alt='' /></a> </li><li><a href='images/photos/4.jpg' title='We are Cellarway'><img src='images/photos/thumb-4.jpg' width='100' height='100' alt='' /></a> </li></ul></div>";
				  }else if(draggable == "draggable_3"){
					  cabecera = "<div style='position: relative; background-image: url(images/cabecera_contact.png); width: 463px; height: 42px;'></div><div id='contenido_3'>";
					  contenido = "<center>Teléfono: 605 313 362 <br/>Email: lebrero@informaticos.com</center>";
				  }else{
					contenido = "";  
				  }
				  pie = "</div><div><img src='images/pie.png'/></div>"; 				  
				  
				  document.getElementById(draggable).innerHTML = cabecera + contenido + pie;
				  //Crea la pestaña que cierra el div contenedor de informacion -->
				  fi_2 = document.getElementById(draggable); // 1
				  contenedor_2 = document.createElement('div'); // 2
				  contenedor_2.id = cerrar; // 3
				  fi_2.appendChild(contenedor_2); // 4
				  document.getElementById(cerrar).innerHTML = "";
				  //Funcion que hace que la ventana pueda ser draggable y se pueda mover -->
				  $(function() {
					  $("#"+draggable).draggable({opacity: 1, containment: 'parent', zIndex: 10, distance: 10, });
					  $('#gallery a').lightBox({fixedNavigation:true});
				  });
				  $("#"+draggable).hide();
				  //$("#"+draggable).fadeIn(500); Usaremos fadeTo para permitir la transparencia en IE
				  $("#"+draggable).fadeTo('slow',0.8);
				  	document.getElementById(draggable).style.zIndex=9;
		 	 }else{ //Fin del IF de comprobacion, es decir, si existe la ventana
					$("#"+draggable).fadeTo('fast',0.5);
					$("#"+draggable).fadeTo('fast',0.8);
					$("#"+draggable).fadeTo('fast',0.5);
					$("#"+draggable).fadeTo('slow',0.8);
					document.getElementById(draggable).style.zIndex=9;
				   }
		  }
		 		 
		 
		 //Fade de imágenes
		/* $(document).ready(function(){	
			$("#slider").easySlider({
				auto: true,
				continuous: true,
				controlsShow: false,
				speed: 2000,
				pause:	5000

			});
		});*/