$(document).ready(function(){
	$('ul li:last-child, .col:last-child').addClass('last-child');
	
	/**
	 * MENU SUPERIOR
	 */
	$('ul#top-menu li').bind('mouseenter',function(){
		$(this).addClass('activo');
		$('.submenu',this).show();
	}).bind('mouseleave',function(){
		$(this).removeClass('activo');
		$('.submenu',this).hide();
	});
	
	/**
	 * MENU DEL FOOTER
	 */
	$('#footer ul li').bind('mouseenter',function(){
		$(this).addClass('activo');
		$('.submenu',this).show();
	}).bind('mouseleave',function(){
		$(this).removeClass('activo');
		$('.submenu',this).hide();
	});
	
	$('#footer .col').bind('mouseenter',function(){
		$(this).css('z-index','9999');
	}).bind('mouseleave',function(){
		$(this).css('z-index','5555');
	});
	
	$('.webmaster-submenu form a.inp-submit').bind('click',function(){
		$('.webmaster-submenu form').submit();
		
		return false;
	})

	/**
	**		Efecto "placeholder" para los elementos de texto
	**/
		/* Agrego la clase 'idleField' a todos los input de texto */
		$('input[type="text"]').addClass("idleField");
		
		/* 
			Cuando se pone el puntero de texto en el input (evento focus), elimino la clase 'idleField y
			agrego una clase 'focusField' y si el atributo value del input es igual que el que se escribio 
			en el html, limpiamos el input.
			
			Si NO es igual (es decir, si ya el usuario escribio en este input y cambio el valor default),
			seleccionamos el texto que tenga el input para facilitar al usuario el cambio del dato.
		 */
		$('input[type="text"]').focus(function() {
			$(this).removeClass("idleField").addClass("focusField");
			if (this.value == this.defaultValue){
				this.value = '';
			}
			if(this.value != this.defaultValue){
				this.select();
			}
		});
		
		/*
			Cuando el puntero de texto salga del input (evento blur), elimino la clase focusField y agrego
			la clase idleField (como estaba originalmente). Si el input tiene un valor vacio entonces
			se regresa al valor por default (el que se escribio en el html, en el atributo value)
		*/
		$('input[type="text"]').blur(function() {
			$(this).removeClass("focusField").addClass("idleField");
			if ($.trim(this.value) == ''){
				this.value = (this.defaultValue ? this.defaultValue : '');
			}
		});
	
	/**
	 * ENVIAR FORMULARIOS CON LA LIGA .SUBMIT
	 */
	$('a.submit').bind('click',function(){
		var formId = $(this).attr('href');
		$(formId).submit();
		
		return false;
	})
	
	/**
	 * MENU PRINCIPAL
	 */
	$('#menu-principal ul li').bind('mouseenter',function(){
		$(this).addClass('activo');
		$('.submenu',this).show();
	}).bind('mouseleave',function(){
		$(this).removeClass('activo');
		$('.submenu',this).hide();
	});
	
	$('#menu-principal div.submenu li').bind('mouseenter',function(){
		$('.sub-submenu',this).show();
	}).bind('mouseleave',function(){
		$('.sub-submenu',this).hide();
	});
	
	/**
	 * MENU DE SLIDES IN INTERIORES
	 */
	$('.int-slider ul.is-nav li').bind('mouseenter',function(){
		$(this).addClass('overed');
	}).bind('mouseleave',function(){
		$(this).removeClass('overed');
	});
	
	/**
	 * SLIDES EN INTERIORES
	 */
	// calcular el ancho del contenedor de tabs
	var totalTabs = $('.tabs-wide .tab').length;
	var tabsWideW = (totalTabs) * 620;
	$('.tabs-wide').width(tabsWideW);
	
	// mover el slider al hacer click
	$('.int-slider ul.is-nav li a').bind('click',function(){
		
		$(this).parent().siblings().removeClass('activo');
		$(this).parent().addClass('activo');
		
		var toDiv = $(this).attr('href');
		var toDivPos = $(toDiv).position();
		
		$('.tabs-window').animate({
			left: -(toDivPos.left)
		},400)
		
		return false;
	});
	
	// Hago click en el primer elemento
	$('.int-slider ul.is-nav li a:first').click();
	
	/**
	 * CALCULAR ANCHO DEL SUMENU - MENU PRINCIPAL
	 */
	 
	$('#menu-principal ul li div.submenu').each(function(){
		var anchoTotal = ($('.scol',this).length) * 230;
		$(this).width(anchoTotal);
		
		$('.scol:last-child',this).addClass('der');
	});
	
	$('#menu-principal ul li div.submenu .scol:last-child').css('margin-right','0');
	
	/**
	 * 	ACORDEON LATERAL
	 */
	$('.lat-acordeon').accordion({active: false, collapsible: true, autoHeight: false});
	
	
	/**
	 * SLIDER DE HOME
	 */
	$('#slider-home').cycle({
		fx: 'fade',
		pager: '.slider-nav',
		pause: true,
		timeout: '8000'
	});
	
	if( $(window).height() > $('#contenedor').height() ) {
		var fPos = ($('#footer').position().top) + ($('#footer').height());
		var winH = $(window).height();
		var fHeight = (winH - fPos) + ($('#footer').height()) - 10;
		
		$('#footer').height(fHeight);
	}

	$('#inpcont, #lateral-contratacion .submit').hide();

		$('input:radio[name=selform]').live('change',function(){
		var formselected = $('input[name=selform]:checked').val();
		var formselectedclass = '.'+formselected;
		var ligaReferencia = '';
		var seccionReferencia = '';
		
		if ( formselected == 'formempresa' ) {
			ligaReferencia = 'http://www.alestra.com.mx/deseacontratar.asp?id=277';
			seccionReferencia = 'DeseaContratarEmpresarial';
		}
		
		if ( formselected == 'formnegocioshogar' ) {
			ligaReferencia = 'http://www.alestra.com.mx/deseacontratar.asp?id=278'
			seccionReferencia = 'DeseaContratarNegociosHogar';
		}

		$('#inpcont, #lateral-contratacion .submit').show();
		
		$('#inpcont input').hide();
		$(formselectedclass).show();
		
		$('#ligaReferencia').attr('value',ligaReferencia);
		$('#seccionReferencia').attr('value',seccionReferencia);
	});
});