var controller;
var videos = [];

if( !Prototype.Browser.MobileSafari ) // TODO: add checks for other mobile/basic/unknown browsers
	Event.observe( window, 'load', function()
	{
		var i;
		
		$('contentArea').addClassName('scrollArea');
		
		var sectionIDs = [];
		
		var buttons = $$('.pageLink');
		
		for( i = 0; i < buttons.length; i++ )
		{
			var classes = $w(buttons[i].className);
			
			for( var j=0; j<classes.length; j++ )
				if( classes[j] != 'pageLink' )
				{
					sectionIDs.push( classes[j] );
					break;
				}
		}
		
		controller = new ButtonScrollLoader( ['handle1', 'handle2'], ['track1', 'track2'], 'contentArea', 'contentHolder',
						sectionIDs, {updateElement: 'blog'} );
		
		var links = $$('.pageLink');
		
		for( i=0; i<links.length; i++ )
		{
			var link = links[i].readAttribute('href').substr(1);
			links[i].writeAttribute( 'href', 'javascript:controller.scrollTo(\''+link+'\');' );
		}
		
		var projectClients = $$('.project .client');
		
		for( i = 0; i < projectClients.length; i++ )
			swfobject.embedSWF( 'swf/project_client.swf', projectClients[i].identify(), 400, 50, '9', 'swf/expressInstall.swf',
				{clientName:projectClients[i].innerHTML}, {wmode:'transparent'}, {'class':'client'} );
		
		var _videos = $$('.video');
		var flashVars;
		var params = {allowFullScreen:'true', wmode:'transparent', allowScriptAccess:'always'};
		
		for( i = 0; i < _videos.length; i++ )
		{
			var kids = _videos[i].childElements();
			for( var j=0; j<kids.length; j++ )
				if( kids[j].nodeName.toUpperCase()=='PARAM' && kids[j].readAttribute('name').toUpperCase()=='FLASHVARS' )
				{
					flashVars = kids[j].readAttribute('value').toQueryParams();
					break;
				}
			
			swfobject.embedSWF( 'swf/VideoPlayer.swf', _videos[i].identify(), '480', '297', '9', 'swf/expressInstall.swf',
				flashVars, params, null, function(e){ videos.push( e.ref ); } );
		}
		
		var swfs = $$('.swf');
		
		for( i = 0; i < swfs.length; i++)
		{
			var kids = swfs[i].childElements();
			for (var j = 0; j < kids.length; j++) 
				if (kids[j].nodeName.toUpperCase() == 'PARAM' && kids[j].readAttribute('name').toUpperCase() == 'MOVIE')
				{
					swfobject.embedSWF( kids[j].readAttribute('value') , swfs[i].identify(),
						swfs[i].readAttribute('width'), swfs[i].readAttribute('height'), '9',
						'swf/expressInstall.swf', null, {wmode: 'opaque'} );
					
					break;
				}
		}
		
	});

swfobject.registerObject( "map", "9", "swf/expressInstall.swf" );