// content list play button rollovers.
function contentPlayBtnRollOver(which)
{   
    which.src = 'images/playBtnOver.gif';
}

function contentPlayBtnRollOut(which)
{
    which.src = 'images/playBtn.gif';
}
   
    
// Generic button rollovers.   
function playBtnRollOver()
{
    //document.getElementById('pausePlay').src = 'images/controls/hover state/play.gif';
}

function playBtnRollOut()
{
    //document.getElementById('pausePlay').src = 'images/controls/normal state/play.gif';
}

function pauseBtnRollOver()
{
    document.getElementById('pausePlay').src = 'images/controls/hover state/pause.gif';
}

function pauseBtnRollOut()
{
    document.getElementById('pausePlay').src = 'images/controls/normal state/pause.gif';    
}

function vi_fullScreenOver()
{
    document.getElementById('fullScreenImg').src = 'images/controls/hover state/fullScreen.gif';
}

function vi_fullScreenOut()
{
    document.getElementById('fullScreenImg').src = 'images/controls/normal state/fullScreen.gif';
}

function vi_muteOver()
{
    document.getElementById('mute').src = 'images/controls/hover state/mute.gif';
}

function vi_muteOut()
{
    document.getElementById('mute').src = 'images/controls/normal state/mute.gif';
}


// Disable generic controls.
function vi_disableControls()
{

        var oldElement = document.getElementById('pausePlay');
        var newElement = document.createElement('img');
        
        newElement.id = 'pausePlay';
        newElement.src = 'images/controls/disabled state/pause.gif';

        document.getElementById('vi_pauseLink').replaceChild(newElement, oldElement);

        oldElement = null;
        newElement = null;
        
        var oldElement = document.getElementById('fullScreenImg');
        var newElement = document.createElement('img');
        
        newElement.id = 'fullScreenImg';
        newElement.src = 'images/controls/disabled state/fullScreen.gif';

        document.getElementById('fullScreen').replaceChild(newElement, oldElement);
        
        oldElement = null;
        newElement = null;
        
        var oldElement = document.getElementById('mute');
        var newElement = document.createElement('img');
        
        newElement.id = 'mute';
        newElement.src = 'images/controls/disabled state/mute.gif';

        document.getElementById('muteHolder').replaceChild(newElement, oldElement);

}

// Enable generic controls.
function vi_enableControls()
{

        var oldElement = document.getElementById('pausePlay');       
        var newElement = document.createElement('img');
        
        newElement.id = 'pausePlay';
        newElement.src = 'images/controls/normal state/pause.gif';
        newElement.onmouseover = pauseBtnRollOver;
        newElement.onmouseout = pauseBtnRollOut;
        
        document.getElementById('vi_pauseLink').replaceChild(newElement, oldElement);
        
        oldElement = null;
        newElement = null;
        
        var oldElement = document.getElementById('fullScreenImg');       
        var newElement = document.createElement('img');
        
        newElement.id = 'fullScreenImg';
        newElement.src = 'images/controls/normal state/fullScreen.gif';
        newElement.onmouseover = vi_fullScreenOver;
        newElement.onmouseout = vi_fullScreenOut;
        
        document.getElementById('fullScreen').replaceChild(newElement, oldElement);
        
        oldElement = null;
        newElement = null;
        
        var oldElement = document.getElementById('mute');       
        var newElement = document.createElement('img');
        
        newElement.id = 'mute';
        newElement.src = 'images/controls/normal state/mute.gif';
        newElement.onmouseover = vi_muteOver;
        newElement.onmouseout = vi_muteOut;
        
        document.getElementById('muteHolder').replaceChild(newElement, oldElement);
        
}

// Pause the player.
function vi_pause()
{

    
//    var tmp = findSWF("FlashPlayer");
//				//tmp.Pause();
//    
//    //var tmp = window.document["FlashPlayer"];
//    //var tmp = document.getElementById('FlashPlayer');
//    
//    if (tmp != null)
//    {
//        //FlashPlayer.Volume(0);
//        tmp.Pause();
//        
//    }
    
    // Pause player.
    if (vi_windowsMP.controls != null)
    {
        vi_windowsMP.controls.pause();
    }
    
    
    // Switch the generic 'pause' button for the generic 'play' button.
    if (vi_windowsMP.playState == 2)
    {

        var oldElement = document.getElementById('pausePlay');
        var newElement = document.createElement('img');
        
        newElement.id = 'pausePlay';
        newElement.src = 'images/controls/normal state/play.gif';
        newElement.onmouseover = playBtnRollOver;
        newElement.onmouseout = playBtnRollOut;
        
        newElement.onmouseup = vi_continue;

        document.getElementById('vi_pauseLink').replaceChild(newElement, oldElement);
    }   
}

// Continue playback of the player.
function vi_continue()
{
    var wmp = document.getElementById('vi_VIDEO');
    var scrubPosition = slider1.getValue() / 100;
    
    wmp.controls.currentPosition = scrubPosition;
    //document.getElementById('playPercentValue').value = scrubPosition;

        // Reset isScrubbing flag.
        isScrubbing = false;
        
        // Start the player.
        vi_windowsMP.controls.play();

        // Switch to generic 'play' button for the generic 'pause' button.
        var oldElement = document.getElementById('pausePlay');
        var newElement = document.createElement('img');
        newElement.id = 'pausePlay';
        newElement.src = 'images/controls/normal state/pause.gif';
        newElement.onmouseover = pauseBtnRollOver;
        newElement.onmouseout = pauseBtnRollOut;
        
        newElement.onmouseup = vi_pause;
        
        document.getElementById('vi_pauseLink').replaceChild(newElement, oldElement);
}


function vi_setVolume()
{
        wmp = document.getElementById('vi_VIDEO');
        
        if (wmp != null)
        {
        wmp.settings.volume = slider2.getValue();
        var aa = document.getElementById('volOutput');
        aa.value = slider2.getValue();
        
        muteInActive();
        
        }

}


// vi_unMuteVolume

function vi_unMuteVolume(level)
{

    var wmp = document.getElementById('vi_VIDEO');
    
    if (wmp != null)
    {
        wmp.settings.volume = level;
    }
    
}

function vi_mute()
{
    var wmp = document.getElementById('vi_VIDEO');

    
    if (wmp != null)
    {
        var aa = wmp.settings.volume;
        if (aa > 0)
        {
            muteActive();
            vi_unMuteVolume(0);
        }
        else
        {
            muteInActive();
            
            var vi_sliderTwoVal = slider2.getValue();
            
            //alert(vi_sliderTwoVal);
            
            vi_unMuteVolume(vi_sliderTwoVal);
        }
    }
}

function muteActive()
{
        var oldElement = document.getElementById('mute');
        var newElement = document.createElement('img');
        
        newElement.id = 'mute';
        newElement.src = 'images/controls/enabled state/mute.gif';
        
        document.getElementById('muteHolder').replaceChild(newElement, oldElement);   
}


function muteInActive()
{
        var oldElement = document.getElementById('mute');
        var newElement = document.createElement('img');
        
        newElement.id = 'mute';
        newElement.src = 'images/controls/normal state/mute.gif';
        newElement.onmouseover = vi_muteOver;
        newElement.onmouseout = vi_muteOut;
        
        document.getElementById('muteHolder').replaceChild(newElement, oldElement);   
}

// Fullscreen.
function vi_fullScreen()
{
    if (vi_windowsMP.playState == 3)
    {
        vi_windowsMP.fullScreen = true;
    }
}






//function setVolume(level)
//{

//        window.addEvent('domready', function(){

//	        var el = $('myElement'),
//		        font = $('fontSize');
//        	
//	        // Create the new slider instance
//	        new Slider(el, el.getElement('.knob'), {
//		        steps: 100,	// There are 35 steps
//		        range: [0],	// Minimum value is 8 - yet 0 seems to work.
//		        onChange: function(value){
//			        // Everytime the value changes, we change the font of an element
//			        //font.setStyle('font-size', value);
//                    vi_volume(value);
//                    

//                    document.getElementById('volOutput').value = value;
//                    
//                    if ( value < 75 & value > 2 )
//                    {
//                        document.getElementById('volumeIndicator').style.width = (value - 2) + 'px'; // note + 'px' required otherwise this doesn't work in firefox.
//                    }
//                    else if ( value > 10)
//                    {
//                        document.getElementById('volumeIndicator').style.width = (value - 10) + 'px';
//                    }

//                    
//                    
//		        }
//            // Set volume slider.  The value is set in the set up of the script (vi_jukebox_sep_controls.js).
//            // It is used here and also to set the initial volume of the player when the player is created.
//            
//            // ToDo.
//            // If the volume has been set via the slider, that volume should be used and not the hard coded value set in vi_jukebox_sep_controls.js		
//	        }).set(level);  	
//	        }
//        )
//}

//// Volume control.
//function vi_volume(value)
//{

//    if (vi_windowsMP.settings != null)
//    {
//        //alert('in');
//        // Set the volume of the player dependant on the value of the slider control.
//        vi_windowsMP.settings.volume = value;

//    }
//}