/*
 * Slideshow Functions
 */

//avoid other libraries conflicts
jQuery.noConflict();

jQuery(document).ready(function(){
    init_slideshow();
 });


/*jQuery(window).load(function()
{
    //this is intended to wait for all the images to load before running the slideshow
    //init_slideshow();
})*/

init_slideshow = function()
{
    jQuery('#rotatorium').after('<ul id="previews">').cycle({
        fx:'fade',
        timeout:8000,
        pager:'#previews',
        pagerAnchorBuilder: function(idx, slide){
            return '<li><a href="#"><img src="' + jQuery(slide).find("img").attr("src") + '" width="80" height="44" /></a></li>';
        }
    })
}

/*
 * Showcase Functions
 */
 
/*jQuery(document).ready(function(){
	
	jQuery(".showcase img").fadeTo(125, 0.9); // This sets the opacity of the thumbs to fade down to 90% when the page loads
	
	jQuery(".showcase img").hover(function(){
		jQuery(this).fadeTo(75, 1.0); // This should set the opacity to 100% on hover
	},
	
	function(){
		jQuery(this).fadeTo(125, 0.9); // This should set the opacity back to 90% on mouseout
	});
	
});*/