// JavaScript Document
// funcion global
$(function(){
	i=0;
	radio='10px';
	$('#menu-ppal li').hover(
	function(){
		$('#titulo-seccion').text($(this).text());
		$(this).stop().animate({
			'-moz-border-radius':radio,
			'-webkit-border-radius':radio,
			'o-border-radius':radio,
			'border-radius':radio
			},150)
	},
	function(){
		$('#titulo-seccion').text('');
		$(this).stop().animate({
			'-moz-border-radius':'0px',
			'-webkit-border-radius':'0px',
			'o-border-radius':'0px',
			'border-radius':'0px'
			},100)
	}).click(function(){
		visitado=nombreDocumento();
		url=$(this).find('a').attr('href')
		if(visitado != url){
			window.open(url,'_self');
			visitado = url;
		}
		return false;
	})
})

/// desordena los thumbs
function randomThumbs(){
	ancho=$('#content').width()-$('.thumbs').width()*3;
	alto=$('#content').height()-$('.thumbs').height()*3;
	//anima y posiciona
	$('.thumbs').each(function(){
		i++;
		$(this).append('<div class="layer-over"></div>')
		$(this).delay(i*30).animate({opacity:1},
		{duration:200})
	}).hover(
	function(){
		$(this).addClass('hover').find('div.layer-over').stop(false,true).animate({top:-80},{duration:400,easing:'easeOutExpo'})
	},
	function(){
		$('.thumbs.hover').removeClass('hover').find('div.layer-over').stop(false,true).animate({top:0},{duration:200,easing:'easeOutExpo'})
	}).click(function(){
		$('.thumbs.activo').removeClass('activo').find('div.layer-over').stop(false,true).animate({top:0},{duration:200,easing:'easeOutExpo'});
		$(this).addClass('activo').removeClass('hover');
	})
}
/*
function activarLinks(){
	$('#secciones-porta li a').click(function(){
		$('#secciones-porta li a.focus').removeClass('focus');
		$(this).addClass('focus');
		var y;
		switch($(this).attr('id'))
			{
			case 'concepto':
			y=0;
			break
			case 'grafica':
			y=-500;
			break;
			case 'web':
			y=-1000;
			break;
			}
		$('#global-content').animate({top:y},{duration:1000,easing:'easeOutExpo'});
  	return false;
	})	
}
*/
function activarLinks(){
	$('#concepto-content,#grafica-content,#web-content').hide();
	$('#concepto-content').fadeIn();
	$('#secciones-porta li a').click(function(){
		$('#secciones-porta li a.focus').removeClass('focus');
		$(this).addClass('focus');
		switch($(this).attr('id'))
			{
			case 'concepto':
			$('#concepto-content').fadeIn();
			$('#grafica-content,#web-content').fadeOut();
			break
			case 'grafica':
			$('#grafica-content').fadeIn();
			$('#concepto-content,#web-content').fadeOut();
			break;
			case 'web':
			$('#web-content').fadeIn();
			$('#grafica-content,#concepto-content').fadeOut();
			break;
			}
  	return false;
	})	
}


//regresa nombre de archivo
function nombreDocumento() {
	var file_name = document.location.href;
	var end = (file_name.indexOf("?") == -1) ? file_name.length : file_name.indexOf("?");
	return file_name.substring(file_name.lastIndexOf("/")+1, end);
}

function getOpacity(){
	return (Math.random()*.3)+.3;	
}
function getRandomNum(rango,minimo){
	return (Math.random()*rango)+minimo;	
}
function portafolio(){
	//fancybox
	$('.thumbs a').fancybox({
		'overlayColor'	:	'#111',
		'cyclic'		:	true,
		'hideOnContentClick': true,
		'titlePosition' : 	'over',
		'transitionOut'	:	'none',
		'margin'		:	60,
		'padding'		:	5,
		'titleFormat'	: 	function (title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over"><p><span class="counter">'+(currentIndex+1)+'/'+currentArray.length+'</span> '+title+'</p></span>';
		}
	});
	
	randomThumbs();
	activarLinks();
	//agregar dirección web a aquellos que tengan
	$(".thumbs:has(span.golink)").each(function(){
		var linkWeb= $(this).find('span.golink').html();
		var titulo= $(this).find('a[href*=images]').attr('title') + ' ' + linkWeb;
		$(this).find('a[href*=images]').attr('title',titulo);
		//alert(titulo);
	})
	
}
function quienes(){
	$('#gente li').hover(function(){
		$(this).stop(true,false).animate({top:100},{duration:800,easing:'easeOutExpo'})
	},function(){
		$(this).stop(true,false).animate({top:getRandomNum(15,370)},{duration:600,easing:'easeOutExpo'})
	}).each(function(){
		$(this).css({top:getRandomNum(15,370)});
	})
}

function contacto(){
	$('#contacto-form').validate({
		rules:{
			nombre:'required',
			email:{
				required: true,
				email: true
			},
			mensaje:'required'
		},
		messages:{
			nombre:'por favor, escribe tu nombre',
			email:{
				required:'por favor, escribe tu email',
				email:'revisa tu correo'	
			},
			mensaje:'por favor, escribe tu mensaje'
		},
		submitHandler:
		
		function(form){
			//$('#enviar').attr('disabled','disabled');
			$('#enviar').attr('disabled','true');
			$.post('phpmailer/testemail.php',
			$("#contacto-form").serialize(),
			function(resp) {
				alert(resp);
				$('#enviar').removeAttr('disabled');				
			 });
		}//end submitHandler

	
	})	
}

function clientes(){
	$('.cliente').hover(function(){
			$(this).stop(true,false).animate({top:-20},300)	
		},
		function(){
			$(this).stop(true,false).animate({top:0},100)	
		}).click(function(){
			desc=$(this).find('.descripcion').html()
			$('.cliente.activo').removeClass('activo');
			$(this).addClass('activo');
			$('#desc-activo').html(desc)
			path=$(this).find('img').attr('src');
			$('#logo-activo').removeClass('oculto').css({backgroundImage:'url('+ path +')'})
		})
}