function getVideo(query, id, title, queryid)
{    
    // first hide any visible info
    hideVisibleInfo();
    
    // register the video click
    var _id = id - 1;
    videoClick(title, queryid, id);
    
    var elm = document.getElementById(_id.toString());
    var videoelm = document.getElementById('videoWrapper');
    var infobox = document.getElementById('InfoBox');
    
    if(elm != null)
    {
        elm.style.display = 'block';                
    }
    
    if(infobox != null)
    {        
        infobox.style.display= 'block';        
    }
    
    if(videoelm != null)
        videoelm.innerHTML = '<div class="VideoBox_Text" style="text-align:center;"><img src="images/ajax-loader-big.gif" /><div class="text">Loading video ...</div></div>';        
        
    ret = VideoService.getVideo(query, OnComplete, OnComplete, OnError);
    
    // go to top of page
    window.location = '#top';
    
    return(true);
}

function OnComplete(arg)
{    
    var elm = document.getElementById('videoWrapper');
    elm.innerHTML = arg;
}

function OnTimeOut(arg)
{    
    var elm = document.getElementById('videoWrapper');
    elm.innerHTML = 'Request timed out';
}

function OnError(arg)
{
    var elm = document.getElementById('videoWrapper');
    elm.innerHTML = 'Error occured during request';
}

function hideInfo()
{
    var elm = null;
    
    for(i=0; i<50; i++)
    {
        elm = document.getElementById(i.toString());
        if(elm != null && elm.style.display=='block')        
        {
            var videoelm = document.getElementById('videoWrapper');
            videoelm.innerHTML = "";
            elm.style.display='none';
            break;
        }            
    }

    var infobox = document.getElementById('InfoBox');
    infobox.style.display= 'none';    

}

function hideVisibleInfo()
{
    var elm = null;
    
    for(i=0; i<50; i++)
    {
        elm = document.getElementById(i.toString());
        if(elm != null && elm.style.display=='block')        
        {
            elm.style.display='none';
            break;
        }            
    }
}