var mainSlider, staffSlider, equipmentSlider;
var scroll;
function createMainScrollbar () {
//alert ("createMainScrollbar.");
	var sb1 = document.createElement( 'div' );
	sb1.id='scrollbar1';
	sb1.className='scrollbar-vert';
	var h1 = document.createElement( 'div' );
	h1.id='handle1';
	h1.className='handle-vert';
	sb1.appendChild( h1 );
	$( 'main' ).insertBefore( sb1, $( 'main' ).firstChild );
	makeScrollbar( $( 'mainText' ), $( 'scrollbar1' ), $( 'handle1' ) );
}
function removeMainScrollbar () {
	$('main').removeChild( $('scrollbar1'));
}
function createStaffScrollbar () {
	var sb2 = document.createElement( 'div' );
	sb2.id = 'scrollbar2';
	sb2.className ='scrollbar-vert';
	var h2 = document.createElement( 'div' );
	h2.id = 'handle2';
	h2.className = 'handle-vert';
	sb2.appendChild( h2 );
	$( 'staff' ).insertBefore( sb2, $( 'staff' ).firstChild );
	makeScrollbar( $( 'staffText' ), $( 'scrollbar2' ), $( 'handle2' ));
}
function removeStaffScrollbar () {
	if ( $( 'scrollbar2' )) {
		$( 'staff' ).removeChild( $( 'scrollbar2' ));
	}
}
function closeStaff () {
	staffSlider.start( 345, 0 );
	removeStaffScrollbar();
	return false;
}
function createEquipmentScrollbar () {
	var sb3 = document.createElement( 'div' );
	sb3.id = 'scrollbar3';
	sb3.className ='scrollbar-vert';
	var h3 = document.createElement( 'div' );
	h3.id = 'handle3';
	h3.className = 'handle-vert';
	sb3.appendChild( h3 );
	$( 'equipment' ).insertBefore( sb3, $( 'equipment' ).firstChild );
	makeScrollbar( $( 'equipmentText' ), $( 'scrollbar3' ), $( 'handle3' ));
}
function removeEquipmentScrollbar () {
	if ( $( 'scrollbar3' )) {
		$( 'equipment' ).removeChild( $( 'scrollbar3' ));
	}
}
function closeEquipment () {
	equipmentSlider.start( 345, 0 );
	removeEquipmentScrollbar();
	return false;
}
function embedDemoReel () {
	flashembed( 'demoReel', 
      {
         src:'/flash/FlowPlayerLight.swf',
         width:320,  
         height:240,
		 bgcolor:'#000000'
      },
      {config: {   
		videoFile: '/videos/demoReel.flv',
		autoPlay: true,
		autoBuffering: true,
		loop: false,
		autoRewind: true,
		showVolumeSlider: false,
		controlsOverVideo: 'ease',
		controlBarBackgroundColor: -1,
		controlBarGloss: 'low',
		splashImageFile: '/videos/demoReel.jpg',
		useNativeFullScreen: false,
		useSmoothing: false,
		name: 'Demo Reel Spring 2008',
		showOnLoadBegin: true,
		allowResize: false
      }} 
   );
}
function resetDemoReel () {
	$('demoReel').innerHTML = '<img src="/videos/demoReel.jpg" alt="View Demo Reel" width="320" height="240" />';
}
function view ( id ) {
// alert ("view. ( id )="+id);
	switch ( id ) {
		case 'staff':
			removeEquipmentScrollbar(); 
			equipmentSlider.set( 0 );
			$('secondary').style.display = 'none';
			staffSlider.start( 0, 397 ).chain( createStaffScrollbar );
			break;
		case 'equipment':
			removeStaffScrollbar();
			staffSlider.set( 0 );
			$('secondary').style.display = 'none';
			equipmentSlider.start( 0, 397 ).chain( createEquipmentScrollbar );
			break;
		case 'demoReel':
			staffSlider.set( 0 );
			equipmentSlider.set( 0 );
			$('secondary').style.display = 'block';
			break;
	}
	return false;
}
window.addEvent('domready', function(){
	//$('main').style.display = 'none';
	//$('staff').style.display = 'none';
	//$('equipment').style.display = 'none';
	addMouseOverEffect( 'header' );
	embedEmail( 'wrapper' );
	external();
	$('demoReel').addEvent( 'click', embedDemoReel );
});
//window.addEvent('domready', Lightbox.init.bind(Lightbox));
window.addEvent('load', function(){
	mainSlider = new Fx.Style('main', 'width', { duration:3000 } ).set( 0 );
	staffSlider = new Fx.Style('staff', 'width', { duration:3000 } ).set( 0 );
	equipmentSlider = new Fx.Style('equipment', 'width', { duration:3000 } ).set( 0 );
	$('main').style.display = 'block';
	$('staff').style.display = 'block';
	$('equipment').style.display = 'block';
	setHTMLValidateLink( 'validateHtml' );
	setCSSValidateLink( 'validateCss' );
	mainSlider.start( 1, 379 ).chain( createMainScrollbar );
});