$(document).ready(function () {
    $f("player", {
        wmode: 'opaque',
        src:"/player/flowplayer-3.0.0.swf"
    }, {
        clip: {
            scaling:'fit',

            autoBuffering:true,
            onStart:function(clip) {
                //$("#info").show();
                $("#info").html(clip.title);
                plugin = $f().getPlugin("myContent");plugin.show();
                plugin.animate({
                    opacity:0.7,
                    top: '10%',
                    right:'12%',
                    width: '29%',
                    height:35,
                    border:'none',
                    borderRadius:0
                });
                
                plugin.setHtml("<p class=\"title\">"+clip.title+"</p>");
                if(clip.imdb){
                    $("#info").html("<b>"+clip.title+"</b>	:	<a title=\"Project on IMDB\" target=\"_blank\"  href=\"http://www.imdb.com/title/tt"+clip.imdb+"\">view on IMDB</a>");
                }else{
                    $("#info").html(clip.title);
                }
                //$("#info").append(" : <a title=\"Right click to copy link\" onClick=\"return false\"href=\"http://wwfx.net/reel.php?clip="+clip.title+"\">direct link</a> to this video.  <div id=\"ii\"><blink>(buffering..)</blink></div>");
            },
            onBufferFull:function(){
                $("#ii").html('Loaded 100%!').html('&nbsp;');
            },
            onPause :function(){
                $("#ii").html('(Paused!)');
            },
            onResume:function(){
                $("#ii").html('&nbsp;');
            },
            onSeek:function(){
                $("#ii").html('Seeking...');
            },
            onLastSecond:function(){
                $("#ii").html('(loading next...)');
            },
            onStop:function(){
                $("#ii").html('(Stopped.)');
            },
            onFinish:function(){
                $("#info").html('<p>Unloading: '+clip.title+'</p>');
            },
            onCuepoint: [[4], function(clip, point) {        }],
            onCuepoint: [[6], function(clip, point) {        }]
        }, //clip

        playlist :[
        
        {
        url: '/reel/exp.flv',
        title: 'The Expendables',
        autoPlay:true
        },
        {
        // url: '/reel/reel.flv',
		url: '/reel/2010.flv',
         //   url: '/reel/wwfx2009_s.flv',
            title:'WWFX show reel',
            autoPlay: false
        },
        {
            url: '/reel/Rambo_4.flv',
            title:'Rambo 4',
            imdb:'0462499'
        },

        {
            url: '/reel/War_Inc.flv',
            title:'War Inc',
            imdb:'0884224'
        } ,

        {
            url: '/reel/Wicker_Man.flv',
            title: 'Wicker Man',
            imdb:'0450345'
        },

        {
            url: '/reel/88M.flv',
            title: '88 minutes',
            imdb:'0411061'
        }
		/*,
        {
            url: '/reel/exp.flv',
            title: 'Expendables',
            imdb:'1320253'
        }
*/


        ],
        canvas: {
            backgroundColor: '#000000',
            backgroundGradient: 'none',
            borderRadius: 27
        } ,
        plugins: {
            controls: {
                url: '/player/flowplayer.controls-3.0.0.swf',
                bufferGradient: 'none',
                progressGradient: 'none',
                sliderGradient: 'none',
                opacity:1.0,
                backgroundColor: '#000000',
                timeColor: '#dadada',
                all: false,
                play: true,
                scrubber: true,
                volume:true,
                autoHide:'never',
                time:true,
                playlist:true,
                fullscreen:true,
                backgroundColor:'transparent',
                backgroundGradient:'none',
                height:20,
                bottom:3
            }
         /*   ,
            myContent: {
              //  backgroundGradient:'none',
                url: '/player/flowplayer.content-3.0.0.swf',
                opacity:0.7,
                top: '10%',
                left:'13%',
                width: '24%',
                height:35,
                borderRadius:5,
                stylesheet: '/player/content.css',
              // html: '<p class="title">Worldwide Fx Showreel</p>',
                onClick: function() {
                    this.hide();
                },
                onMouseOver:function() {
                    this.hide();
                },
                onMouseOut:function() {
                    this.show();
                }
            }
           */
            
        }
    }).playlist("div.entries",{
        loop:true,
        playingClass: 'playing' ,
        pausedClass: 'paused',
        progressClass:'progress'
    }	);
    $("#pl").scrollable({
        activeClass:"playing",
        items:'div.entries',
        size:4,
        loop:false,
        clickable:true
    });
    $('a').click(function(){
        if(this.blur)this.blur()
            });

    // nextPage, prevPage buttons
    var api = $("#pl").scrollable();

    $("a.prevPage").click(function() {
        api.prevPage(500);
    });

    $("a.nextPage").click(function() {
        api.nextPage(500);
    });
    $('#infoscroll').mouseover(function(){
        $(this).slideUp();
    })

    var cl=$(document).getUrlParam("clip");
    var pl= $f().getConfig().playlist
    if(cl){
        cl=unescape(cl);
        for (var i=0;i< pl.length; i++){

            if(cl==pl[i].title){
                api.seekTo(i); $f().play(i);
            }else{
        //	console.log(cl+ ' < >  '+pl[i].title)
        }
        }
    }
    $('.entries').css('width','566px');
    if($.browser.msie){
   //     document.styleSheets[0].addRule('*', 'behavior: url(/i/iepngfix/iepngfix.htc)');
       // $('#player').css('marginLeft','1px');$('#pl').css('paddingTop','0px');
        //$('#pl').css('paddingBottom','10px');
        //$('.entries').css('cursor','pointer');
    }
    //$('#pl').css('visibility','visible');

});