/* Global.fs JS
--------------------------------------------------------------------------------------------
ABOUT:					Funciones globales para el sitio

CREATED ON/By:			26/8/2010 by Guillermo Avalos - Kits Design Studio
CONTACT INFO:			Email at guillermo@kitsdesign.com
LAST MODIFICATION:		26/8/2010
----------------------------------------------------------------------------------------- */

$(document).ready(function() {
		
		/* Preload de imagenes
		--------------------------------------------------------------------------------- */
		$.imgpreload(['/_assets/images/ui/backgrounds/top-header-link-bkg.png',
		'/_assets/images/ui/backgrounds/top-header-link-left-bkg.png',
		'/_assets/images/ui/backgrounds/top-header-link-right-bkg.png',
		'/_assets/images/logos/social-media/twitter-on.png',
		'/_assets/images/logos/social-media/youtube-on.png',
		'/_assets/images/logos/social-media/facebook-on.png',
		'/_assets/images/logos/social-media/linkedin-on.png'],function()
		{
			//alert('Cargaron las imagenes!');
		});
		
		
		/* Anima los links
		--------------------------------------------------------------------------------- */	
//		var hoverColor = '#1f82e6';        
//        $('a').hover(function() {
//        		$(this).animate({ color: "#1f82e6" }, 600);
//        		},function() {
//        
//        		$(this).animate({ color: "#2e75bc" }, 400);
//        });
//		
		
		
		/* Aplica Fancybox a los links con class "youtube" para ver los videos
		--------------------------------------------------------------------------------- */	
		$('a.youtube').click(function() {
			$.fancybox({
					'padding'		: 10,
					'autoScale'		: false,
					'transitionIn'	: 'fade',
					'transitionOut'	: 'fade',
					'title'			: this.title,
					'titlePosition'	: 'inside',
					'width'			: 700,
					'height'		: 500,
					'href'			: this.href,
					'type'			: 'iframe',
					'overlayOpacity' : 0.8
				});		
			return false;
		});
	
			
		/* Aplica Fancybox al link de Google Maps 
		--------------------------------------------------------------------------------- */	
		$('a#gmaps').click(function() {
			$.fancybox({
					'padding'		: 10,
					'autoScale'		: false,
					'transitionIn'	: 'fade',
					'transitionOut'	: 'fade',
					'title'			: this.title,
					'titlePosition'	: 'inside',
					'width'			: 800,
					'height'		: 600,
					'href'			: this.href,
					'type'			: 'iframe',
					'overlayOpacity' : 0.8
				});		
			return false;
		});
		
		/* Aplica Fancybox al link de Servicio Tecnico 
		--------------------------------------------------------------------------------- */	
		$('a.serv-tecnico').click(function() {
			$.fancybox({
					'padding'		: 15,
					'autoScale'		: false,
					'transitionIn'	: 'elastic',
					'transitionOut'	: 'elastic',
					'title'			: this.title,
					'titlePosition'	: 'inside',
					'width'			: 500,
					'height'		: 150,
					'href'			: this.href,
					'type'			: 'iframe',
					'overlayOpacity' : 0.8
				});		
			return false;
		});
		
		
		/* Slideshow en logos del pie
		--------------------------------------------------------------------------------- */	
		$('#logos').innerfade({
			animationtype: 'fade',
			speed: 750,
			timeout: 4000,
			type: 'random',
			containerheight: '50px'
		});
		
		/* Slideshow de Noticias
		--------------------------------------------------------------------------------- */	
		$('#footer-noticias').innerfade({
			animationtype: 'fade',
			speed: 750,
			timeout: 5000,
			type: 'sequence',
			containerheight: '100px'
		});
			
		/* Autoclear de campos en formularios
		--------------------------------------------------------------------------------- */	
		$('.autoclear').autoclear();		
		
		
		/* Megamenu
		--------------------------------------------------------------------------------- */
			
		/* SOLUCIONES INTEGRADAS
		   Muestra el megamenu de Soluciones Integradas y remueve 'on' de Equipos */
		$('#header-nav-1').click(function() {
		    
		    $(this).addClass('on');
		    $('#header-nav-2').removeClass('on');   
		   
		    $('#wrapper-header-megamenu').slideDown('fast', function() {	   	
		    	 
		   		  //Modifica la altura a 200px cuando solo hay una fila de items
		   		 $('#wrapper-header-megamenu').animate({height : "190px"},200);
		   		 
		   		 $('#wrapper-megamenu-equipos').hide();
		   		 $('#wrapper-megamenu-soluciones').fadeIn('fast');
		   		 $('div.megamenu-nav-close').fadeIn('fast'); 
		    });	   
		    return false;
		});
		
		
		/* EQUIPOS
		   Muestra el megamenu de Equipos y remueve 'on' de Soluciones Integradas */
		$('#header-nav-2').click(function() {
			
			$(this).addClass('on');
			$('#header-nav-1').removeClass('on');
		    
		    $('#wrapper-header-megamenu').slideDown('fast', function() {
		    		
		    		 // Modifica la altura para dos lineas de items
		    		 $('#wrapper-header-megamenu').animate({height : "320px"}, 200);
		    
		    		 $('#wrapper-megamenu-soluciones').hide();
		    		 $('#wrapper-megamenu-equipos').fadeIn('fast');
		    		 $('div.megamenu-nav-close').fadeIn('fast'); 
		    });
		    return false; 
		});
		
		/* BOTON CERRAR
		   Oculta el megamenu y remueve el estilo 'on' de los links */
		$('div.megamenu-nav-close a').click(function() {
		    
		    $('.on').removeClass('on');
		    $('#megamenu-nav-close').fadeIn();
		    
		    $('#wrapper-megamenu-soluciones, #wrapper-megamenu-equipos, div.megamenu-nav-close').fadeOut('fast', function() {
		    		 $('#wrapper-header-megamenu').slideUp('fast');
		    });
		    return false; 
		});
		
		/* LINKS
		   Cambia el estilo del dest5 en el hover del link */
		$('#header-megamenu a').hover(function() {
		  $(this).find('.dest5').addClass('dest5-hover');},function() {
		  $(this).find('.dest5').removeClass('dest5-hover');
		});

				
		/* Rollover de imagenes
		--------------------------------------------------------------------------------- */	
		// Basta con establecer en atributo 'data-hover' en el img y listo 
		$('img[data-hover]').hover(function() {
		        $(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover', $(this).attr('tmp')).removeAttr('tmp');
		    }).each(function() {
		        $('<img />').attr('src', $(this).attr('data-hover'));
		});
		
		
		// Links de Social Media en el pie	
		$('#social a').hover(function() {
		  	$(this).find('img').attr('src', $(this).find('img').attr('data-on'));
		 	},		 	
		 	function() {
		  	$(this).find('img').attr('src', $(this).find('img').attr('data-off'));
		});
		
		
// Fin Funciones
});