function get_random( maxNum )
{
    var ranNum= Math.floor(Math.random()*maxNum);
    return ranNum;
}

// add images to slideshow 
function onBefore(curr, next, opts) { 
    if (opts.addSlide) // <-- important! 
        while(stack.length) 
        {
            opts.addSlide(stack2.pop());  
            stack.pop();
        }
}; 

function start_hpss()
{
	$('#slideshow-home').fadeIn(2000).cycle({ 
		fx: 'fade',
        speedIn: 2000,
        speedOut: 1000,
		pause: 1,
  		timeout: 4000, 
		sync: 1,
		//startingSlide: startNum
        before: onBefore
	});
}

var i = 0;
var min = 1;

function add_image()
{
    if(i == imgs.length)
    {
        return;
    }
    var img = new Image();
    img.src = 'upload/field/' + imgs[i];
    $(img).bind('load', function() { 
        if(i <= min)
        {
            $('#slideshow-home').append('<a href="/project/' + anchors[i] + '/" ><img src="upload/field/' + imgs[i] + '" /></a>');
        }

        if(i == min)
        {
            start_hpss();
        }

        if(i > min)
        {
            stack.push('<a href="/project/' + anchors[i] + '/" ><img src="upload/field/' + imgs[i] + '" /></a>');
            stack2.push('<a href="/project/' + anchors[i] + '/" ><img src="upload/field/' + imgs[i] + '" /></a>');
        }

        i++;
        add_image();
    });
}

$(document).ready(function(){

	// Navigational Slideshow
	$('#slideshow-with-nav').cycle({ 
   	fx:     'fade', 
  	//speed:  'fast', 
  	timeout: 0, 
  	pager:  '#slideshow-nav-footer', 
   	//sync: 1, 
   	pagerAnchorBuilder: function(idx, slide) { 
     		// return selector string for existing anchor 
     		return '#slideshow-nav-footer li:eq(' + idx + ') a'; 
   	} 
	/* Auto thumbnail
   	// callback fn that creates a thumbnail to use as pager anchor 
   	pagerAnchorBuilder: function(idx, slide) { 
     		return '<li><a href="#"><img src="' + slide.src + '" width="119" height="55" /></a></li>'; 
   	} 
	*/
	});

    // Homepage Slideshow
	//var startNum = get_random( $("#slideshow-home > a").length );
    if(location.pathname == '/')
    {
        add_image();
    }

    $('#slideshow-nav-footer img').hover(
        function()
        {
            $(this).fadeTo('slow', 0.28);
        },
        function()
        {
            $(this).fadeTo('normal', 1);
        });

});