/// PRELOADER

var loaded = 0;

function onImgComplete(){
	if (images && images.length && images[loaded]){
		loaded++;
		
		if ( (images.length) == loaded){
			set_slideshow();
		}
		else {
			loadImgs();
		}
	}
}
	
function loadImgs(){
	if(images && images.length && images[loaded]){
		var img = new Image(); //new img obj
		img.src = images[loaded];	//set src either absolute or rel to css dir
		if(!img.complete){
			jQuery(img).bind('error load onreadystatechange', onImgComplete);
		} else {
			onImgComplete();
		}
	}
}

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    var $sibs  = $active.siblings();
    var rndNum = Math.floor(Math.random() * $sibs.length );
    var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

function set_slideshow()
{
	lista_imagenes = "";
	
	primero = true;
	
	for (i in images)
	{
		if (primero)
		{
			lista_imagenes += '<img src="'+images[i]+'" alt="" class="active" />';
		}
		else
		{
			lista_imagenes += '<img src="'+images[i]+'" alt="" />';
		}
		
		primero = false;
	}
	
	$("#slideshow").html(lista_imagenes);
	
	$("#slideshow").removeClass("slideshow_loading");
	
	setInterval( "slideSwitch()", 5000 );
}

$(document).ready(function(){
  loadImgs();
});