var siteImageScrollIndex = 0;
var siteImageClientID;
var siteImages = new Array();
var lnkVideoClientID;
var imageRotationTimeout = 7000;
var timer;


/***********************************************************
*    Start up
***********************************************************/
$(document).ready(function()
{
    $("#header-media-image-container").show();
    $("#header-media-video-container").hide();
    
    initialise();
    
    timer = setInterval("nextSiteImage()", imageRotationTimeout);
});


/***********************************************************
*    Images
***********************************************************/
function previousSiteImage()
{
    if (siteImageScrollIndex <= 0)
        siteImageScrollIndex = siteImages.length - 1;
    else
       siteImageScrollIndex--;

    $("#header-media-image").fadeOut(1000, showSiteImage);
}

function nextSiteImage()
{
    if (siteImageScrollIndex >= siteImages.length - 1)
        siteImageScrollIndex = 0;
    else
       siteImageScrollIndex++;

    $("#header-media-image").fadeOut(1000, showSiteImage);
}

function showSiteImage()
{
    if (document.getElementById(siteImageClientID) == null)
        return;

    document.getElementById(siteImageClientID).src = siteImages[siteImageScrollIndex];
    $("#header-media-image").fadeIn(1000);
}

function preloadSiteImages()
{
    var preloader;
    
    for (var i = 0; i < siteImages.length; i++)
        preloader = new ImagePreloader([siteImages[i]], preloadSiteImage_oncomplete);
}

function preloadSiteImage_oncomplete(a,b)
{ }

function resetImageRotateInterval()
{
    clearInterval(timer); 
    timer = setInterval("nextSiteImage()", imageRotationTimeout); 
}

/***********************************************************
*    Video
***********************************************************/
function initialise()
{
    $f(lnkVideoClientID, "/swf/flowplayer-3.0.3.swf",
    { 
        // controlbar settings 
        plugins:  
        { 
	        controls: 
	        {       
		        // these buttons are visible 
		        all:false, 
		        scrubber:true, 
		        play:true, 
    						 
		        // custom colors 
		        bufferColor: '#164381', 
		        progressColor: '#396cc7',             
		        buttonColor: '#f05104', 
		        buttonOverColor: '#164381', 
    						 
		        // custom height 
		        height: 25, 
    						 
		        // setup auto hide 
		        autoHide: 'always', 
    						
		        // a little more styling              
		        width: '98%',  
		        bottom: 5, 
		        left: '50%', 
		        borderRadius: 10 
	        }
	    },
    		
	    clip: 
	    {  
	        autoPlay:true,
	        
            onPause: function() 
            { 
                hidePlayer();
                initialise();
            }
        }
    } );
}

function playVideo_onclick()
{
    if(!$f(lnkVideoClientID).isPlaying())
    {
        $f(lnkVideoClientID).play();
    }
    
    showPlayer();    
}

function showPlayer()
{
    $("#header-media-image-container").hide();
    $("#header-media-video-container").show();
    //$("#header-media-image-container").animate({top: "-=323px"}, 700);
    //$("#header-media-video-container").animate({top: "-=323px"}, 700);
}

function hidePlayer()
{
    $("#header-media-video-container").hide();
    $("#header-media-image-container").show();
    //$("#header-media-image-container").animate({top: "+=323px"}, 700);
    //$("#header-media-video-container").animate({top: "+=323px"}, 700);
}