// JavaScript Document

			var activeClick = false;

			$(document).ready(function(){
				
                if ($('.imagenesColorbox').size())
				    $('.imagenesColorbox').colorbox()
				
				$('#menuImage a').each(function(){
						
						var html = this.href;
						
						var obj = $(this).find('.hoverImg');
						
						obj.click(function(){
								
								document.location.href= html
								
						})
					
				})
				 
				 /*
					$('#menuImage a').hover(function(){
						var Imagen   = $(this).find('img');
						var IdImagen = Imagen.attr('id'); 
						Imagen.attr("src","images/"+IdImagen+"_hover.png");
					},function(){
						var Imagen   = $(this).find('img');
						var IdImagen = Imagen.attr('id'); 
						Imagen.attr("src","images/"+IdImagen+".jpg");
					})
				 */
			
				if ($('#gallery').size()){
							
						 $('#ulImages #gallery  li').hide();
						
						var gallery = $('#gallery');
						
						// ComprobarPosition($('#gallery li').eq(0));	
						
						gallery.find('li').each(function(){
							
								   var Imagen = $(this).find('img');
								    
							 		if (!gallery.is('.noResize')){
									
											if (Imagen.height() > 600 &&  Imagen.width() <=608 ){
													$(this).addClass('V');
													Imagen.attr('width','602');
													Imagen.attr('height','702');
											}else{
													$(this).addClass('H');
													
														Imagen.attr('width','699');
														
														if (Imagen.height() > 600){
															Imagen.attr('height','599');
														}
											}
								 
									}
								
						})
						
						
						$('#gallery li').eq(0).addClass('active').fadeIn();
				
				
				
				
						$('#areaClick').click(function(e){
							
							if (activeClick == false){
							
								var ImagenActivo =  $('#gallery li.active');
								var Next         =  ImagenActivo.next('li')
								
								ImagenActivo.fadeOut(0,function(){
									
									activeClick = true ;
									
									if (Next.size()){
										
										ComprobarPosition(Next , ImagenActivo );
										
										ImagenActivo.removeClass('active')
										Next.addClass('active').fadeIn();
										activeClick = false ;
									}else{
										ComprobarPosition($('#gallery li').eq(0), ImagenActivo);
										$('#gallery li').eq(0).addClass('active').fadeIn();
										ImagenActivo.removeClass('active')
										activeClick = false ;
									}
								})
								
								
								
							}
							e.preventDefault();
							
							
						})
						
						$('#areaClick2').click(function(e){
							
							if (activeClick == false){
							
								var ImagenActivo =  $('#gallery li.active');
								var Next         =  ImagenActivo.prev('li')
							
								if (Next.size()){	
								
								ImagenActivo.fadeOut(0,function(){
									
									activeClick = true ;
									
									if (Next.size()){
										
										ComprobarPosition(Next , ImagenActivo );
										
										ImagenActivo.removeClass('active')
										Next.addClass('active').fadeIn();
										activeClick = false ;
									}else{
										ComprobarPosition($('#gallery li').eq(0), ImagenActivo);
										$('#gallery li').eq(0).addClass('active').fadeIn();
										ImagenActivo.removeClass('active')
										activeClick = false ;
									}
								})
								
								
								
							}
							e.preventDefault();
							
							}
							
						})
				
					// end Event Gallery
				}
			});
			
			
function ComprobarPosition(elem , elemAnt){
		
		if (elem.is('.V') && elemAnt.is('.H') ){
			$('#nav').fadeOut(0,function(){
				$('#nav').removeClass('horizontal');
				$('#nav').addClass('vertical').fadeIn();
			})	
		}
		
		if (elem.is('.H') && elemAnt.is('.V')){
			$('#nav').fadeOut(0,function(){
				$('#nav').removeClass('vertical');
				$('#nav').addClass('horizontal').fadeIn();
			})	
		}
		
		var altIMG   =   elem.find('img');
		var ref      =   altIMG.attr('ref');
		
		if (ref) {
			document.location.href = ref;
		}
		
		var altInfo  = altIMG.attr('alt');
		if (altInfo != undefined)
			$('#nav span').html(altInfo);
		else
			$('#nav span').html('');
		
		
	
		
		
}