KB.Player = {
    Video:{
        create: function(videoUrl, params){
            var w = (params && params['width']) || 500;
            var h = (params && params['height']) || 375;
            var title = (params && params['title']) || '';
            var description = (params && params['description']) || '';
            var autoplay = (params && params['autoplay']) || false;

            str='<object type="application/x-shockwave-flash" data="http://test.buzztown.com/static/flash/player_flv_maxi.swf?rand='+Math.random()+'" width="'+w+'" height="'+h+'">\n';
            str+='    <param name="movie" value="http://test.buzztown.com/static/flash/player_flv_maxi.swf?rand='+Math.random()+'" />\n';
            str+='    <param name="allowFullScreen" value="true" />\n';
            str+='    <param name="wmode" value="transparent" />\n';
            str+='    <param name="FlashVars" value="flv='+videoUrl+'&amp;width='+w+'&amp;height='+h+'&amp;autoload=1&amp;autoplay='+(autoplay?1:0)+'&amp;margin=2&amp;showvolume=1&amp;showtime=2&amp;showplayer=always&amp;showfullscreen=1&amp;playercolor=d06307&amp;loadingcolor=cd6005&amp;buttonovercolor=e9dacd&amp;slidercolor1=793c09&amp;slidercolor2=5c2c03&amp;sliderovercolor=5c2c03&amp;showiconplay=1" />\n';
            str+='</object>\n';
            str+='<div class="video-title">'+title+'</div>';
            str+='<div class="video-description">'+description+'</div>';
            return str;
        }
    },
    Gallery:{
        init: function() {
            var firstItem=null;
            $$('a.video').each(
                function(el){
                    firstItem = firstItem || el;
                    el.observe('click',
                        function(event){
                            Event.stop(event);
                            $('player').update(KB.Player.Video.create(el.href,{autoplay:true,title:el.title || '',description:el.name || ''}));
                            $('player-title').update('');
                            $('player-description').update('');
                        }
                    );
                }
            );
            firstItem && $('player') && $('player').update(KB.Player.Video.create(firstItem.href,{autoplay:false,title:firstItem.title || '',description:firstItem.name || ''}));
            
            var firstImg=null;
            $$('a.image').each(
                function(el){
                    firstImg = firstImg || el;
                    el.observe('mouseover',
                        function(event){
                            Event.stop(event);
                            $('image-player').update('<div style="backround-color:#000000;width:320px;height:auto"><a  title="Click To See Gallery View of '+el.title+'" href="'+el.href+'" onclick="return hs.expand(this)"><img src="'+el.href+'" title="'+el.name+'" alt="'+el.title+'"class="album-photo"/></a></div>');
                            $('image-title').update('<b>'+el.title+'</b>');
                            $('image-description').update(el.name);
                        }
                    );
                }
            );
             firstImg && $('image-player') && $('image-player').update('<div style="backround-color:#000000;width:320px;height:auto"><a title="Click To See Gallery View of '+firstImg.title+'" href="'+firstImg.href+'" onclick="return hs.expand(this)"><img src="'+firstImg.href+'" alt="'+firstImg.title+'"  title="'+firstImg.name+'" class="album-photo"/></a></div>');
             firstImg &&  $('image-player') && $('image-title').update(firstImg.title) && $('image-description').update('<b>'+firstImg.name+'</b>'); 
             !firstImg &&  $('image-player') && $('image-player').hide();
        }
    }
};