$(document).ready(function(){


    /*
     * What happens when someone clicks a video thumbnail
     */
    $('div#video-choice ul li').click(function(e){
    
        var list_el = null;
        
        // Find out what was clicked
        if ($(e.target).is('img') || $(e.target).is('p')) {
            //find parent li
            list_el = $(e.target).parent()[0];
            
        }
        else 
            if ($(e.target).is('li')) {
                list_el = e.target;
            }
        // We now know which list element was clicked
        if (list_el) {
        
            // Generate the id of the video
            vid_id = '#' + list_el.id + '-video';
            
            $('div#videos div.video-wrapper').each(function(){
            
                // reload objectcode to stop them playing all together
                vid_obj = $(this).find('object')[0];
                border_div = $(this).find('div.video-border')[0];
                if (vid_obj && border_div) {
                    vid_url = $(vid_obj).attr('data');
                    if (vid_url) {
                        name_param = $(vid_obj).find('param[name="movie"]')[0];
                        $(name_param).attr('value', 'false');
                        $(vid_obj).attr('data', 'false');
                        $(name_param).attr('value', vid_url);
                        $(vid_obj).attr('data', vid_url);
                        
                    }
                    //$(vid_obj).replaceWith(vo2);
                }
                
                
                // hide the div 
                $(this).hide()
            });
            $(vid_id).show();
            
        }
    });
    
    // Find our vid divs
    var vid_divs = $('div#videos div.video-wrapper')
    // Hide them
    vid_divs.hide();
    // Pick a random vid 
    random_vid = Math.floor(vid_divs.length * Math.random());
    //Show it
    $(vid_divs[random_vid]).show()
});