/**
 * @author Rafael Nieves
 * jquery routines
 * © 2007 all rights reserved PUCPR 
 */		
			

			$(function(){
  				$('div.accordion-show:eq(1)> div:gt(0)').hide();
  
  				$('div.accordion-show:eq(0)> h3').click(function() {
				$(this).next('div:hidden').slideDown('fast')
					.siblings('div:visible').slideUp('fast');
  				});			
			});						
		
		
		$(function(){
  			$('div.accordion-show2:eq(1)> div:gt(0)').hide();
  
  			$('div.accordion-show2:eq(0)> h3').click(function() {
			$(this).next('div:hidden').slideDown('fast')
				.siblings('div:visible').slideUp('fast');
  			});
		});
		
		$(function(){
  			$('div.accordion-show3:eq(1)> div:gt(0)').hide();
  
  			$('div.accordion-show3:eq(0)> h3').click(function() {
			$(this).next('div:hidden').slideDown('fast')
				.siblings('div:visible').slideUp('fast');
  			});
		});				
			
			$(function(){
				$('#slickBox1').hide();
				$('#slickBox2').hide();
				$('#slickBox3').hide();
				$('#slickBox4').hide();
				$('#slickBox5').hide();
				$('#slickBox6').hide();
								
				$('#boxYellow').click(function() {
			    $('#slickBox1').toggle('slow');
				});
				$('#boxGreen').click(function() {
			    $('#slickBox2').toggle('slow');
				});
				$('#boxBlue').click(function() {
			    $('#slickBox3').toggle('slow');
				});
				$('#boxOrange').click(function() {
			    $('#slickBox4').toggle('slow');
				});
				$('#boxPurple').click(function() {
			    $('#slickBox5').toggle('slow');
				});
				$('#boxPink').click(function() {
			    $('#slickBox6').toggle('slow');
				});								
			});
			
						
			$(function(){										
					$('ul#portfolio').innerfade({
						speed: 'slow',
						timeout: 4000,
						type: 'sequence',
						containerheight: '100px'
					});
			});
			
/**  Menus **/
			
			
			$(function(){				
				$('ul.jd_menu').jdMenu({	onShow: loadMenu
											//onHideCheck: onHideCheckMenu,
											//onHide: onHideMenu, 
											//onClick: onClickMenu, 
											//onAnimate: onAnimate
											});
				$('ul.jd_menu_vertical').jdMenu({onShow: loadMenu, onHide: unloadMenu, offset: 1, onAnimate: onAnimate});		
			});
			
			
			function onAnimate(show) {
				//$(this).fadeIn('slow').show();
				if (show) {
					$(this)
						.css('visibility', 'hidden').show()
							.css('width', $(this).innerWidth())
						.hide().css('visibility', 'visible')
					.fadeIn('normal');
				} else {
					$(this).fadeOut('fast');
				}
			}

			var MENU_COUNTER = 1;
			function loadMenu() {
				if (this.id == 'dynMenu1') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');						
						$('> ul', this).append('<li><a href="AsuntAcad.html" title="Asuntos Académicos">Asuntos Académicos</a></li>');
						$('> ul', this).append('<li><a href="AsuntAdm.html" title="Asuntos Administrativos">Asuntos Adminsitrativos</a></li>');								
						$('> ul', this).append('<li><a href="AsuntEst.html" title="Asuntos Estudiantiles">Asuntos Estudiantiles</a></li>');								
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
						
				}
				if (this.id == 'dynMenu1s') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');						
						$('> ul', this).append('<li><a href="../../AsuntAcad.html" title="Asuntos Académicos">Asuntos Académicos</a></li>');
						$('> ul', this).append('<li><a href="../../AsuntAdm.html" title="Asuntos Administrativos">Asuntos Adminsitrativos</a></li>');								
						$('> ul', this).append('<li><a href="../../AsuntEst.html" title="Asuntos Estudiantiles">Asuntos Estudiantiles</a></li>');								
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
						
				}
						
				if (this.id == 'dynMenu2') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="CarrerasCortas.html" title="Carreras Cortas">Carreras Cortas</a></li>');		
						$('> ul', this).append('<li><a href="ColCiencias.html" title="Ciencias">CIencias</a></li>');						
						$('> ul', this).append('<li><a href="NoDisponible.html" title="Educación">Educación</a></li>');
						$('> ul', this).append('<li><a href="NoDisponible.html" title="Administración COmercial">Administración Comercial</a></li>');
						$('> ul', this).append('<li><a href="NoDisponible.html" title="Artes">Artes</a></li>');
						$('> ul', this).append('<li><a href="NoDisponible.html" title="Escuela Graduada">Escuela Graduada</a></li>');		
						
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');
				}
				if (this.id == 'dynMenu2s') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="../../CarrerasCortas.html" title="Carreras Cortas">Carreras Cortas</a></li>');		
						$('> ul', this).append('<li><a href="../../ColCiencias.html" title="Ciencias">CIencias</a></li>');						
						$('> ul', this).append('<li><a href="../../NoDisponible.html" title="Educación">Educación</a></li>');
						$('> ul', this).append('<li><a href="../../NoDisponible.html" title="Administración COmercial">Administración Comercial</a></li>');
						$('> ul', this).append('<li><a href="../../NoDisponible.html" title="Artes">Artes</a></li>');
						$('> ul', this).append('<li><a href="../../NoDisponible.html" title="Escuela Graduada">Escuela Graduada</a></li>');								
							
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');
				}
				
				if (this.id == 'dynMenu3') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="Admisiones.html" title="Admisiones">Admisiones</a></li>');
						$('> ul', this).append('<li><a href="AsistEcon.html" title="Asistencia Economica">Asistencia Económica</a></li>');
						$('> ul', this).append('<li><a href="Registrador.html" title="Registraduría">Registraduría</a></li>');
						$('> ul', this).append('<li><a href="Tesoreria.html" title="Tesorería">Tesorería</a></li>');
						$('> ul', this).append('<li><a href="NoDisponible.html" title="CCI">CCI</a></li>');		
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				if (this.id == 'dynMenu3s') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="../../Admisiones.html" title="Admisiones">Admisiones</a></li>');
						$('> ul', this).append('<li><a href="../../AsistEcon.html" title="Asistencia Economica">Asistencia Económica</a></li>');
						$('> ul', this).append('<li><a href="../../Registrador.html" title="Registraduría">Registraduría</a></li>');
						$('> ul', this).append('<li><a href="../../Tesorería.html" title="Tesorería">Tesorería</a></li>');
						$('> ul', this).append('<li><a href="../../NoDisponible.html" title="CCI">CCI</a></li>');		
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				
				if (this.id == 'dynMenu4') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="Biblioteca1.html" title="Descripción">Descripción</a></li>');
						$('> ul', this).append('<li><a href="Biblioteca2.html" title="Servicios">Servicios</a></li>');
						$('> ul', this).append('<li><a href="Biblioteca3.html" title="Normas">Normas</a></li>');
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				if (this.id == 'dynMenu4s') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');						
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				
				if (this.id == 'dynMenu5') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="NoDisponible.html" title="Capellanía">Capellanía</a></li>');
						$('> ul', this).append('<li><a href="http://www.Pionet.org" title="Pionet">Pionet</a></li>');
						$('> ul', this).append('<li><a href="http://www.omantoni.com/" title="Padre Omar">Página Personal del Padre Omar</a></li>');						
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				if (this.id == 'dynMenu5s') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="../../NoDisponible.html" title="Capellanía">Capellanía</a></li>');
						$('> ul', this).append('<li><a href="http://www.Pionet.org" title="Pionet">Pionet</a></li>');
						$('> ul', this).append('<li><a href="http://www.omantoni.com/" title="Padre Omar">Página Personal del Padre Omar</a></li>');						
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				
				if (this.id == 'dynMenu6') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="ETAI/index.html" title="ETAI">ETAI</a></li>');
						$('> ul', this).append('<li><a href="NoDisponible.html" title="Tit5Corp">Título 5 Corporativo</a></li>');
						$('> ul', this).append('<li><a href="http://www.wix.com/upwardboundarecibo/web-page" title="Upward Bound">Upward Bound</a></li>');						
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				if (this.id == 'dynMenu6s') {
					$('> ul > li', this).remove();
			
					var ul = $('<ul></ul>');
					var t = MENU_COUNTER + 10;
					
						$('> ul', this).append('<ul style="width:18em">');
						$('> ul', this).append('<li><a href="ETAI/index.html" title="ETAI">ETAI</a></li>');
						$('> ul', this).append('<li><a href="../../NoDisponible.html" title="Tit5Corp">Título 5 Corporativo</a></li>');
						$('> ul', this).append('<li><a href="http://www.wix.com/upwardboundarecibo/web-page" title="Upward Bound">Upward Bound</a></li>');					
						$('> ul', this).append('</ul>');
						$('> ul', this).append('</li>');								
				}
				
			}

			function unloadMenu() {
				if (MENU_COUNTER >= 30) {
					MENU_COUNTER = 1;
				}
			}

			// We're passed a UL
			function onHideCheckMenu() {
				return !$(this).parent().is('.LOCKED');
			}

			// We're passed a LI
			function onClickMenu() {
				$(this).toggleClass('LOCKED');
				return true;
			}