if($.browser.version.substr(0,3)=="6.0")
DD_belatedPNG.fix('.project-marquee, #footer, #menu li img, #menu, label.error, label.valid, .oracle, .microsoft');


$(document).ready(function() {
	
	// Función utilizada para el slide de banners en el "Home"
	var current_banner = Math.floor(Math.random() *4)+1;
	$('.banner'+current_banner).fadeIn(2000);
	var last_banner;
	var temp = 0;
	$('#banner-slide').everyTime(10000, 'controlled', function() {
		current_banner = Math.floor(Math.random() *4)+1;
		if (current_banner != last_banner && current_banner != temp){
			temp = last_banner;
			last_banner = current_banner;
			$('.banner'+current_banner).fadeIn(2000);
			$('.banner'+temp).fadeOut(1000);
				
		} else {
			while (current_banner == last_banner || current_banner == temp)
				current_banner = Math.floor(Math.random() *4)+1;
				
			temp = last_banner;
			last_banner = current_banner;
			$('.banner'+current_banner).fadeIn(2000);
			$('.banner'+temp).fadeOut(1000);
			
		}
	});
	


	var isMSIE = /*@cc_on!@*/false;
	
	// Función utilizada para corregir el bug del ancho del layout
	function body_width_fix(){
		if (isMSIE){
			ww = document.documentElement.clientWidth;
		}else{
			ww = window.innerWidth;
		}
		if (ww<941)
			$('body').css('width','940px');
		else
			$('body').css('width','100%');
	}
	body_width_fix();
	$(window).resize(function() {
		body_width_fix();
	});
	
	// Función utilizada para el carousel del area de "Proyectos recientes"
	$(".jCarouselLite").jCarouselLite({
		btnNext: ".next",
		btnPrev: ".prev"
	});
	
	// Función utilizada para el carousel del area de "Nuestros Clientes"
	$("#nuestros-clientes").jCarouselLite({
		auto: 2000,
   		speed: 1000
	});
	
	// Función utilizada para el fancybox lightbox de los proyectos de "Portafolio"
	$(".frame").fancybox({
				'autoScale'		: false,
				'transitionIn'	: 'fade',
				'transitionOut'	: 'fade',
				'titleShow'		: true,
				'overlayOpacity'	:	0,
				'overlayColor'		:	'#000'
	});
	
	$("#nav-bar ul li ul li").hover(function(){
		$(this).css("background","url(img/buttons/filter_start2.png) no-repeat");
	}, function(){
		$(this).css("background","url(img/buttons/filter_start.png) no-repeat");
	})
	
	// Función que realiza el fade In y fade Out del fondo de lo navegadores del Menu principal
      $('#menu li a').hover(function () {
        $(this).find('img').stop().fadeTo(2000, 0.5);
		$(this).addClass('navHover');
      }, function () {
        $(this).find('img').stop().fadeTo(1000, 0);
		$(this).removeClass('navHover');
      });
	
	/* Función para desplegar/ocultar el texto dentro de la caja de texto de Búsquedas*/
	$('.txtInputs, .areaTexto').placeholder();
	
	/* Función para validar la forma de "Contacto" */
	$("#contact-form").validate();
	
	/* Función para esconder el mailto del spam en Contactanos */
	$('.hide-mail').each(function(){
		var proteccion = $(this).html();
		proteccion = proteccion.replace("[at]","@");
		proteccion = proteccion.replace("[dot]",".");
		if ($('#container').hasClass("en")){
			$(this).html(proteccion).replaceWith('<a href="mailto:'+$(this).text()+'">here</a>');
		} else {
			$(this).html(proteccion).replaceWith('<a href="mailto:'+$(this).text()+'">aqu&iacute;</a>');
		}
	});
	
	/* Función para esconder el mailto del spam en el footer */
	$('.mail-footer').each(function(){
		var proteccion = $(this).html();
		proteccion = proteccion.replace("[at]","@");
		proteccion = proteccion.replace("[dot]",".");
		$(this).html(proteccion).replaceWith('<a href="mailto:'+$(this).text()+'">contacto@jwmsolutions.com</a>');
	});
	
	/* Función para enviar los datos del formulario con ajax */
	$("#contact-form").submit(function(){
		if ($(this).valid()){							   
		  $.ajax({
			  type: 'POST',
			  url: $('#contact-form').attr('action'),
			  data: $('#contact-form').serialize(),
			  success: function(data) {
			  		if (data != "0" ){
						$('#contact-form').fadeOut("medium",function(){
							$('#contact-box').fadeIn("medium");
						});
					}else{
						$('#contact-box-fail').fadeIn("medium");
					}	
			  }
		  }); 
		}
		  return false;
	  });
	
	/* Función para volver al formulario y enviar un nuevo mensaje */
	$("#new-message").click(function(){
		$('#contact-box').fadeOut("medium",function(){
			$('#contact-form').fadeIn("medium");
		});
	 });
	
	/* Función para volver al formulario y enviar un nuevo mensaje */
	$("#close-box").click(function(){
		$('#contact-box-fail').fadeOut("medium");
	 });
	
	$(".txtInputs").focus(function(){
		$(this).addClass("input-focus");
		$(this).addClass("back-focus");
	});
	
	$(".txtInputs").blur(function(){
		$(this).removeClass("back-focus");
		if($(this).val() == "" || $(this).val() == "Nombre" || $(this).val() == "Email" || $(this).val() == "Asunto" || $(this).val() == "Name" || $(this).val() == "Subject"){ 
			$(this).removeClass("input-focus");
		}
	});
	
	$("textarea").focus(function(){
		$(this).addClass("txtarea-focus");
		$(this).addClass("back-focus");
	});
	
	$("textarea").blur(function(){
		$(this).removeClass("back-focus");
		if($(this).val() == "" || $(this).val() == "Comentario" || $(this).val() == "Comment"){ 
			$(this).removeClass("txtarea-focus");
		}
	});
	
	if (!jQuery.browser.msie){
	$(".project").hover(
	function(){$(this).stop().fadeTo(500, 1);},
	function(){$(this).stop().fadeTo(1000, 0.5);}
	);
	$(".project").fadeTo(1000, 0.5);
	}
	
	/**
	* Función que abre el en fancybox el Bing Map
	*  
	**/
	$(".box-df a").fancybox({
		'width'				: 550,
		'height'			: 400,
		'autoScale'			: false,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'overlayOpacity'	:	0,
		'overlayColor'		:	'#000',
		'titleShow'         : false
	});
	
});