var imageFade;
var cycleMe;

$( document ).ready ( function() {
    if( typeof faderSettings != 'undefined' && faderSettings.numberOfImages > 1 && typeof banner_array != 'undefined' )
    {
        $.preloadImages( banner_array );
        imageFade = bouter();
        cycleMe = setInterval( imageFade, faderSettings.timing );
    }
} );

/**
 * Image Cycle
 **/
function displayBanner( image, banner_id )
{
	if( typeof( banner_id ) == 'undefined' ) banner_id = false;
	
	// alternate the images
	var __fader = $( '#site_logo_fader' );
	var __active = $( '#site_logo' );
	if( $( '#site_logo_fader' ).css('display') == 'block' )
	{
		__fader = $( '#site_logo' );
		__active = $( '#site_logo_fader' );
	}
	
	$( __active ).css( 'z-index', '2' );
	
	
	
	//this is where i will try to add a href attribute to the anchors
	//maybe  i will try to allert out the link as well
	
	//alert(image['url']);
	
	//$( '.anchortags a' ).attr('href',image['url']);
	
	$( __fader ).load( function() {
		
		$( __fader ).css( 'z-index', '1' ).show();
		
		// if we have padding, assign it to image float window
		if( typeof( image.pad ) !== 'undefined' )
		{
			$( __fader ).css( 'padding-left', image.pad );
		}

		$( __active ).fadeOut( faderSettings.fadeSpeed, function()
		{
			
	    	$( 'a.gallerylink' ).unbind( 'click' ).removeAttr( 'href' ).css( 'cursor', 'default' );
	        if( image.url )
	        {
	        	$( 'a.gallerylink' ).attr( 'href', image.url ).css( 'cursor', 'pointer' );
	        }
	    } );
		
	} ).attr( 'src', image.src );
	
	if( banner_id !== false )
	{
		clearInterval( cycleMe );
		imageFade = bouter( banner_id );
		cycleMe = setInterval( imageFade, faderSettings.timing );
	}
	
	return false;
};

function bouter( pointer )
{
	var counter = 0;
	if( typeof( pointer ) != 'undefined' ) counter = pointer;
	
	function binner()
	{
	    counter++;
		if( counter == faderSettings.numberOfImages ) { counter = 0; }
		
		displayBanner( banner_array[counter] );
	}
	return binner;
}
/**
 * End Image Cycle
 **/