/*
    Nombre del archivo: functions.js
    ----------------------------------------------------------------------------
    @autor Sustam.com ©
    @version 1.0

    Develop by
    05/12/2011 : José Luis Quintero Malacón
*/


$(document).ready(function()
{
	
	$('#slider').jcarousel({
		auto: 12,
		scroll: 1,
		wrap: 'both',
		initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null,
		itemVisibleInCallback: {
			onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation, 
		},
	});
	
	var root = $('.oficinas').scrollable({circular: true}).autoscroll({ autoplay: true });
	window.api = root.data('scrollable');

	var root = $(".divisas").scrollable({circular: true}).autoscroll({interval: 3000})
	window.api = root.data('scrollable');
	
	$("a[rel^='prettyPhoto']").prettyPhoto({ markup: '<div class="pp_pic_holder"> \
						<div class="ppt">&nbsp;</div> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_loaderIcon"></div> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										<a class="pp_close" href="#">Close</a> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<div id="pp_full_res"></div> \
										<div class="pp_details"> \
											<p class="pp_description"></p> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>',
					gallery_markup: ''});

});


function mycarousel_initCallback(carousel)
{

	$('.jcarousel-control a').bind('click', function() {
		carousel.scroll($.jcarousel.intval($(this).text()));

        $('.jcarousel-control a').removeClass('active');

        $(this).addClass('active');
		
		return false;
	});

};


function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
	$('.jcarousel-control a').removeClass('active');
	$('.jcarousel-control a').eq(idx-1).addClass('active');
};


/**
 * Lee Twitter y escribe los mensajes en el blog
**/
function twitterCallback2(obj)
{
	var wwwregular = /\bwww\.\w.\w/ig;
	var regular = /((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g;
	var atregular = /\B@([_a-z0-9]+)/ig;
	var twitters = obj;
	var statusHTML = "";
	var username = "";
	
	for (var i = 0; i < twitters.length; i++) {
		var posttext = "";
		
		posttext = twitters[i].text.replace(wwwregular, 'http://$&');
		posttext = posttext.replace(regular, '<a class="linkEnlaces" href="$1" title="$1">Ver enlace</a>'); // reemplaza los enlaces tinyurl por un texto
		posttext = posttext.replace(atregular, '@<a class="linkUsuario" href="http://twitter.com/$1">$1</a>'); // mensaje de respuesta, nombre es un enlace
		
		username = twitters[i].user.screen_name;
		
		statusHTML += ('<li> <span class="linkTiempo"><a href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'" title="Ver el mensaje en Twitter">'+relative_time(twitters[i].created_at)+'</a></span> '+posttext+' </li>'); // Se escribe el item de la lista con el mensaje y se indica el tiempo transcurrido
	}

	document.getElementById('twitter_update_list').innerHTML = statusHTML;
}


/**
 * Calcula el tiempo transcurrido desde la publicación del mensaje y escribe un texto
**/
function relative_time(time_value)
{
	var values = time_value.split(" ");
	time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
	var parsed_date = Date.parse(time_value);
	var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
	var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
	
	delta = delta + (relative_to.getTimezoneOffset() * 60);
	
	if (delta < 60) {
		return 'Menos de un minuto';
	} else if (delta < 120) {
		return 'Hace un minuto';
	} else if (delta < (60*60)) {
		return 'Hace unos ' + (parseInt(delta / 60)).toString() + ' minutos'; // Menos de una hora
	} else if (delta < (120*60)) {
		return 'Hace una hora';
	} else if (delta < (24*60*60)) {
		return (parseInt(delta / 3600)).toString() + ' horas atrás'; // Menos de 24 horas
	} else if (delta < (48*60*60)) {
		return 'Ayer';
	} else {
		return 'Hace ' + (parseInt(delta / 86400)).toString() + ' días'; // Más de 48 horas
	}
}

function loadDivisas()
{
	var url = "includes/divisas.php";
	var data = "";
	
	$.ajax({
		type: "GET",
	   	url: url,
	   	data: data,
		beforeSend: function() {
			$('#divisas').append('<div class="loading"> <img src="images/loader.gif" alt="" /> <span class=" margin-left10"> Cargando divisas...</span> </div>');
		},
        complete: function() {
			$('.loading').css('display', 'none');
        },
		success: function( html ) {
			if ( $('#div-carousel').append(html) ) {
			}
	   	},
		timeout: 3000
	});

}