// JavaScript Document
$('body').hide();
$(document).ready(function(){
$(window).load(function(){
	$('body').show();
/*****************************************************************
*		jQuery for searchform
******************************************************************/

	$('#s').mousedown(function(){
		$('#s').val('');
	}).focusout(function(){
		$('#s').val('Buscar en el sitio');
	});

/*****************************************************************
*		jQuery for random header
******************************************************************/
	var url_base = 'http://www.hdo.com.mx/';//Cambiar dominio
	var images = new Array();
	images[0] = 'header1.jpg';
	images[1] = 'header2.jpg';
	images[2] = 'header3.jpg';
	images[3] = 'header4.jpg';
	images[4] = 'header5.jpg';
	images[5] = 'header6.jpg';
	images[6] = 'header7.jpg';
	images[7] = 'header8.jpg';
	
	var url_theme = 'wp-content/themes/hdo/images/';
	var value = Math.round(Math.random()*(images.length-1));
	var theImage = images[value];
	$('#header').css('background-image','url('+url_base+url_theme+theImage+')');
	
/*****************************************************************
*		jQuery for home slide
******************************************************************/

	var index = 0;
	
	$('.slide').click(function(){
		var url = $(this).attr('url');
		location.href = url;
	});
	
	$('.slide').hide();
	$('.slide').eq(index).fadeIn();
	$('.slide').eq(index).find('span').css('left',750 - $('.slide').eq(index).find('span').width());
	$('.slide').eq(index).find('span').css('bottom',15 + $('.slide').eq(index).find('span').height());
	$('.slide-num').click(function(){
		var i = $('.slide-num').index(this);
		index=i;
		
		$('.slide').hide();
		
		$('.slide').eq(index).fadeIn();
		$('.slide').eq(index).find('span').css('left',750 - $('.slide').eq(index).find('span').width());
		$('.slide').eq(index).find('span').css('bottom',15 + $('.slide').eq(index).find('span').height());
	});
	
	$('#slide-right').click(function(){
		$('.slide').eq(index).fadeOut();
		index++;
		if(index >= 5)
		{
			index=0;
		}
		$('.slide').eq(index).fadeIn();
		$('.slide').eq(index).find('span').css('left',750 - $('.slide').eq(index).find('span').width());
		$('.slide').eq(index).find('span').css('bottom',15 + $('.slide').eq(index).find('span').height());
	});
	$('#slide-left').click(function(){
		$('.slide').eq(index).fadeOut();
		index--;
		if(index < 0)
		{
			index=4;
		}
		$('.slide').eq(index).fadeIn();
		$('.slide').eq(index).find('span').css('left',750 - $('.slide').eq(index).find('span').width());
		$('.slide').eq(index).find('span').css('bottom',15 + $('.slide').eq(index).find('span').height());
	});
	
/*****************************************************************
*		jQuery for twitter bar
******************************************************************/
	
	$.getJSON("http://api.twitter.com/1/einzunza/lists/hdo/statuses.json?per_page=5&callback=?", function(data) {
			var i;
			var dataLength = data.length;
			var tweetString = '';
			for(i = 0; i < dataLength; i++)
			{
				var tweet=data[i];
				var user=tweet.user;
				var screenTweet = '<li>';
				screenTweet += '<img src=' + user.profile_image_url + ' />';
				screenTweet += '<h5 class="user-screen-name">@' + user.screen_name + '</h5>';
				screenTweet += '<p class="status-text">' + tweet.text + "</p>";
				screenTweet += '<a href="http://twitter.com/' + user.screen_name + '/statuses/' + tweet.id + ' class="twitter-link">' + time_offset(tweet.created_at) + '</a>';
				screenTweet += '</li>';
				tweetString += screenTweet;
			}
			$('.cargando-twits').replaceWith(tweetString);
		}
	);
	
	function time_offset(date){
		var time = Date.parse(date);
		var nowDate = new Date();
		var difference = nowDate.getTime() - time;
		var offset = difference/1000;
		if(offset <= 1){
			return "justo ahora"; 
		}
		else if(offset < 20){
			return "hace " + offset + " segundos"; 
		}
		else if(offset < 40){
			return "hace medio minuto"; 
		}
		else if(offset < 50){
			return "hace menos de un minuto"; 
		}
		else if(offset <= 90)
		{ 
			return "hace 1 minuto"; 
		}
		else if(offset <= 59 * 60){
			return "hace " + Math.round(offset/60) + "minutos"; 
		}
		else if(offset <= 60 * 60 * 1.5){ 
			return "hace 1 hora"; 
		}
		else if(offset <= 60 * 60 * 24){
			return "hace " + Math.round(offset / 60 / 60) + " horas"; 
		}
		else if(offset <= 60 * 60 * 24 * 1.5){ 
			return "hace un día"; 
		}
		else if(offset < 60 * 60 * 24 * 7){
			return "hace " + Math.round(offset / 60 / 60 / 24) + " días"; 
		}
		else if(offset <= 60 * 60 * 24 * 9){
			return "hace 1 semana"; 
		}
	}
	
/*****************************************************************
*		jQuery for home thumbs-info
******************************************************************/
		$('.thumb-title').hide();
		$('.thumb-pic').hover(
			function(){
				var alto = $(this).find('.thumb-title').height();
				if(alto > 40)
				{
					$(this).find('.thumb-title').css('bottom',(108+alto-40)+'px');
				}
				else
				{
					$(this).find('.thumb-title').css('bottom','95px');
				}
				$(this).find('.thumb-title').fadeIn();
			}, 
			function(){
				$(this).find('.thumb-title').fadeOut();
		});
	
/*****************************************************************
*		jQuery for category quienes
******************************************************************/
	var qitems = $('#quienes #quienes-thumb #mini-quienes li').length;
	var qindex = 0;
	$('.quienes-card').hide();
	$('.quienes-card').eq(qindex).show();
	$('.thumb-quienes').click(function(){
		var i = $('.thumb-quienes').index(this);
		qindex=i;
		$('.quienes-card').hide();
		$('.quienes-card').eq(qindex).fadeIn();
	});
	
	var qposition=0;
	var qwidth=44*qitems;
	
	$('.quienes-anteriores').click(function(){
		qposition += 44;
		if(qposition >= 0)
		{
			qposition=0;
		}
		$('#mini-quienes').css('left',qposition);
	});
	
	$('.quienes-siguientes').click(function(){
		qposition -=44;
		if(-qwidth + 443 < qwidth)
		{
			if(qposition <= -qwidth + 443)
			{
				qposition = -qwidth + 443;
			}
		}
		else
		{
			qposition = 0;
		}
		$('#mini-quienes').css('left',qposition);
	});
	
	$('#mini-quienes').css('width', qwidth);
	
/*****************************************************************
*		jQuery for gallery project
******************************************************************/
	var items = $('.proyecto-gallery ul li').length -1;
	var pgindex = 0;
	$('.proyecto-gallery ul li').hide();
	$('.proyecto-gallery ul li').eq(pgindex).show();
	$('#proyecto-thumbs ul li').click(function(){
		var i = $('#proyecto-thumbs ul li').index(this);
		pgindex = i;
		$('.proyecto-gallery ul li').hide();
		$('.proyecto-gallery ul li').eq(pgindex).fadeIn();
	});
	
	var position=0;
	var width=45*items;
	
	$('.proyecto-left').click(function(){
		position += 45;
		if(position >= 0)
		{
			position=0;
		}
		$('#proyecto-thumbs ul').css('left',position);
	});
	
	$('.proyecto-right').click(function(){
		position -=45;
		if(-width + 451 < width)
		{
			if(position <= -width + 451)
			{
				position = -width + 451;
			}
		}
		else
		{
			position = 0;
		}
		$('#proyecto-thumbs ul').css('left',position);
	});
	
	$('#proyecto-thumbs ul').css('width', width);
	
/*****************************************************************
*		jQuery for amo 
******************************************************************/	
	$('#amo-button').click( function() {
		$('.amo-container').toggleClass('container-fullscreen');
		$('.amo-trigger').toggleClass('amo-trigger-complete');
	});
});
});