window.addEvent('domready', function() {
	initPage();
});
function initPage() {
    stopVideo = function() {
        var tm=$('TheMovie');
        //alert(Browser.Engine.trident);
        vffade.start(1,0);
        if (Browser.Engine.trident) {
            var vc = $('VideoContainer');
            while(vc.firstChild) vc.removeChild(vc.firstChild);
        } else {
            (function(){if(tm)tm.dispose();}).delay(500);
        }
        //$('SHOWROOM').fade.start(.7,0);
        return this;
    }

    var s = $('SHOWROOM');
    var sr = $('SR');
    var sa = $('SA');
    fade = new Fx.Tween(sr, 'opacity', {duration:2000, fps: 20});
    vffade = new Fx.Tween($('VideoContainer'), 'opacity', {duration:1500, fps: 25});
    vffade.set(0);
    fade.set(0);
    window.playing=false;
    window.switching=false;
    s.fade=fade;
    //sa.addEvent('click', function(){fade.start(0,.5);});
    //sr.addEvent('click', function(){fade.start(0,.5);});
    var myScroller = new Scroller($('SRP'), {area:200, velocity: .1});
    var projectLi = $$('#SRP ul li');
    var i, src, flv, link, links;
    var d1='http://www.la-vfx.com';
    var d2='http://la-vfx.com';
    for (i=0; i<projectLi.length; i++) {
        src = projectLi[i].getElement('img').src.toString();
        flv = src.substring(0,src.lastIndexOf('.'))+'.flv';

        flv=flv.replace(/project/g, 'videos');
        links = projectLi[i].getElements('a');
        links.each(function(link){
            link.flv= flv;
            link.addEvent('click', function() {
                if (window.switching) return; window.switching=true;
                var flv=this.flv;
                var tm=$('TheMovie');
                if (window.playing) {
                        //vffade.start(1,0);
                        var vc = $('VideoContainer');
                        while(vc.firstChild) vc.removeChild(vc.firstChild);
                        //fade.start(.7,0).chain(function() {
                                //fade.start(0,.7).chain(function(){
                                        startPlayer(flv);
                                        window.switching=false;
                                //});
                        //});
                } else {
                        var vc = $('VideoContainer');
                        while(vc.firstChild) vc.removeChild(vc.firstChild);
                        //fade.start(0,.7).chain(function(){
                                startPlayer(flv);
                                window.switching=false;
                        //});
                }
                window.playing=true;
            });
        });
    }

	//(function(){
		//this.stop();
		myScroller.start();
	//}).periodical(1000, myScroller);

	function startPlayer(flv) {
		//alert(flv);
		var tm = $('TheMovie');
		if (tm) while(tm.firstChild) tm.removeChild(tm.firstChild);
		var obj = new Swiff('/mediaplayer.swf', {
			id: 'TheMovie',
			width: 556,
			height: 312,
                        style: {outline: 'none'},
			params: {
				/*wmode: 'transparent',*/
				bgcolor: 'none',
				allowfullscreen: 'false'
			},
			vars: {
				file: flv,
				width: '556',
				height: '312',
				autostart: 'true',
				overstretch:'fit',
				shownavigation: 'false',
				enablejs: 'true'
			}
		});
                obj.style.outline='none';
		$('VideoContainer').grab(obj);
		vffade.start(0,1);
	}

}




function getUpdate(typ,pr1,pr2,swf) {
  if(typ == 'state') {
	//alert(pr1);
	if (pr1==0) {
		if (window.switching) return; window.switching=true;
		var tm=$('TheMovie');
			//vffade.start(1,0);
		var vc = $('VideoContainer');
		while(vc.firstChild) vc.removeChild(vc.firstChild);
		var fade = $('SHOWROOM').fade;
		//fade.start(.7,0).chain(function() {
			window.playing=false;
			window.switching=false;
		//});
	}
  }
};