// JavaScript Document
$(document).ready(function(){
	$('.btn_citas').click(function(){
		$('.citas').center();
		$('.citas').show();
	});
	
	$('.cerrar').click(function(){
		$('.citas').hide();
	});
	
	
	$('.redes img').hover(function(){
		$(this).attr('src',$(this).attr('src').replace("up","over"));
	},function(){
		$(this).attr('src',$(this).attr('src').replace("over","up"));
	});
	
	$('.menu img').hover(function(){
		$(this).attr('src',$(this).attr('src').replace("up","over"));
	},function(){
		$(this).attr('src',$(this).attr('src').replace("over","up"));
	});
	
	$('.botones_menu img').hover(function(){
		$(this).attr('src',$(this).attr('src').replace("up","over"));
	},function(){
		$(this).attr('src',$(this).attr('src').replace("over","up"));
	});
	
	$('.botones_menu a').click(function(){
		var path = $(this).attr('src');
		if(path == 'donaciones'){
			$('#cambio').load('includes/donaciones.php').css('height','auto');
			$('#banner').html("<img src='Images/banners/acerca.jpg' />");
		}	
	});
	
    //Sidebar menu
	$('.side_menu img').hover(function(){
		$(this).attr('src',$(this).attr('src').replace("up","over"));
	},function(){
		if(!$(this).hasClass('over')){
			$(this).attr('src',$(this).attr('src').replace("over","up"));
		}
	}).click(function(){
		//Pasar todas las imagenes a up y remover clase
		$('.side_menu img').attr('src',function(){
			//Ocultar submenus
			$(this).parent().parent().children('.sub_menu').css('display','none');
			return $(this).attr('src').replace("over","up");	
		}).removeClass('over');
		
		//Pasar a over la imagen clickeada 
		$(this).attr('src',$(this).attr('src').replace("up","over"));
		//Agregar clase a la imagen para que no que pase a up en el hover
		$(this).addClass('over');
		
		//Mostrar submenu
		$(this).parent().parent().children('.sub_menu').css('display','block');
	});
	
	//Sidebar submenu
	$('.sub_menu li').click(function(){
		//Resetear colores
		$('.sub_menu li').removeClass('activo');
		$('.sub_menu li:odd').css('background-color','#F8C0DF');
		
		//Seleccionar 
		$(this).addClass('activo');
	});
	
	//Colorear  submenu
	$('.sub_menu li:odd').css('background-color','#F8C0DF');
	
	$('.ubicar img').hover(function(){
		$(this).attr('src',$(this).attr('src').replace("up","over"));
	},function(){
		$(this).attr('src',$(this).attr('src').replace("over","up"));
	});
	
	//cargar ubicar
	$('.ubicar img').click(function(){
		var path = 'includes/ubicacion.php';
		var img = 'acerca';
		$('#cambio').load(path).css('height','auto');
		$('#banner').html("<img src='Images/banners/"+img+".jpg' />");
	});
	
	
	//Cambiar contenido
	$('.side_menu a,.menu a,.flotante a,#link_programa').click(function(){
		var path = 'includes/' + $(this).attr('src');
		var img = $(this).attr('name');
		var padre =  $(this);
		$('#cambio').load(path).css('height','auto');
		$('#banner').html("<img src='Images/banners/"+img+".jpg' />");

	});
	
	//Inicio 
	$('.flotante img').hover(function(){
		$(this).attr('src',$(this).attr('src').replace("up","over"));
	},function(){
		$(this).attr('src',$(this).attr('src').replace("over","up"));
	});
	
	$('#btn_saber').click(function(){
		//Pasar todas las imagenes a up y remover clase
		$('.side_menu img').attr('src',function(){
			//Ocultar submenus
			$(this).parent().parent().children('.sub_menu').css('display','none');
			return $(this).attr('src').replace("over","up");	
		}).removeClass('over');
		
		$('#seccion_acerca img').attr('src',$('#seccion_acerca img').attr('src').replace("up","over"));
		//Agregar clase a la imagen para que no que pase a up en el hover
		$('#seccion_acerca img').addClass('over');
		
		//Mostrar submenu
		$('#seccion_acerca').parent().children('ul').css('display','block');
		
	});
	
	$('#btn_autocuidado').click(function(){
		//Pasar todas las imagenes a up y remover clase
		$('.side_menu img').attr('src',function(){
			//Ocultar submenus
			$(this).parent().parent().children('.sub_menu').css('display','none');
			return $(this).attr('src').replace("over","up");	
		}).removeClass('over');
		
		$('#seccion_auto img').attr('src',$('#seccion_auto img').attr('src').replace("up","over"));
		//Agregar clase a la imagen para que no que pase a up en el hover
		$('#seccion_auto img').addClass('over');
		
		//Mostrar submenu
		$('#seccion_auto').parent().children('ul').css('display','block');
		
	});
	
	$('#btn_cancerc').click(function(){
		//Pasar todas las imagenes a up y remover clase
		$('.side_menu img').attr('src',function(){
			//Ocultar submenus
			$(this).parent().parent().children('.sub_menu').css('display','none');
			return $(this).attr('src').replace("over","up");	
		}).removeClass('over');
		
		$('#seccion_cancerc img').attr('src',$('#seccion_cancerc img').attr('src').replace("up","over"));
		//Agregar clase a la imagen para que no que pase a up en el hover
		$('#seccion_cancerc img').addClass('over');
		
		//Mostrar submenu
		$('#seccion_cancerc').parent().children('ul').css('display','block');
		
	});
		
	$('#btn_cancerm').click(function(){
		//Pasar todas las imagenes a up y remover clase
		$('.side_menu img').attr('src',function(){
			//Ocultar submenus
			$(this).parent().parent().children('.sub_menu').css('display','none');
			return $(this).attr('src').replace("over","up");	
		}).removeClass('over');
		
		$('#seccion_cancerm img').attr('src',$('#seccion_cancerm img').attr('src').replace("up","over"));
		//Agregar clase a la imagen para que no que pase a up en el hover
		$('#seccion_cancerm img').addClass('over');
		
		//Mostrar submenu
		$('#seccion_cancerm').parent().children('ul').css('display','block');
		
	});		

	$('#bann_programa,#img_programa').click(function(){
		//Pasar todas las imagenes a up y remover clase
		$('.side_menu img').attr('src',function(){
			//Ocultar submenus
			$(this).parent().parent().children('.sub_menu').css('display','none');
			return $(this).attr('src').replace("over","up");	
		}).removeClass('over');
		
		$('#seccion_programa img').attr('src',$('#seccion_programa img').attr('src').replace("up","over"));
		//Agregar clase a la imagen para que no que pase a up en el hover
		$('#seccion_programa img').addClass('over');
		
		//Mostrar submenu
		$('#seccion_programa').parent().children('ul').css('display','block');
		
	});	
	
	$('#bann_comunicacion').click(function(){
		//Pasar todas las imagenes a up y remover clase
		$('.side_menu img').attr('src',function(){
			//Ocultar submenus
			$(this).parent().parent().children('.sub_menu').css('display','none');
			return $(this).attr('src').replace("over","up");	
		}).removeClass('over');
		
		$('#seccion_comunicacion img').attr('src',$('#seccion_comunicacion img').attr('src').replace("up","over"));
		//Agregar clase a la imagen para que no que pase a up en el hover
		$('#seccion_comunicacion img').addClass('over');
		
		//Mostrar submenu
		$('#seccion_comunicacion').parent().children('ul').css('display','block');
		
	});		
	
});

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
}