//	let the DOM load before we start our observers
document.observe("dom:loaded", function()
{
	initLinkObservers();
});

function initLinkObservers(domLoadEvent)
{
	$('videoContainer').hide();
	
	new Event.observe('spots', 'click', handleSpotsClick);
	new Event.observe('reels', 'click', handleReelsClick);
	new Event.observe('press', 'click', handlePressClick);
	new Event.observe('clientarea', 'click', handleClientClick);
	
	new Event.observe('contentBox', 'click', handleContentBoxClick);
	
	//	handle some weird safari doubleclick selection behaviour
	$('contentBox').writeAttribute('onselectstart', 'return false;');
}

var scrolled = false;

function handleContentBoxClick(event)
{
	if(scrolled == false)
	{
		$('nav').scrollTo();
		scrolled = true;
	}
}

function handleSpotsClick(clickEvent)
{
	clickEvent.stop();
	$('spots').blur();
	
	$('videoContainer').hide();
	
	if($('spots').hasClassName('active') == false)
	{
		$('spots').addClassName('active');
	}
	
	$('reels').removeClassName('active');
	$('press').removeClassName('active');
	$('clientarea').removeClassName('active');
	
	$('contentBox').innerHTML = '';
	
	new Ajax.Updater('dynamicLinks', '/ajax/spots.php', {
		parameters: { ajax: '1' }
	});
}

function handleReelsClick(clickEvent)
{
	clickEvent.stop();
	$('reels').blur();
	
	$('videoContainer').hide();
	
	if($('reels').hasClassName('active') == false)
	{
		$('reels').addClassName('active');
	}
	
	$('spots').removeClassName('active');
	$('press').removeClassName('active');
	$('clientarea').removeClassName('active');
	
	$('contentBox').innerHTML = '';
	
	new Ajax.Updater('dynamicLinks', '/ajax/reels.php', {
		parameters: { ajax: '1' }
	});
}

function handlePressClick(clickEvent)
{
	clickEvent.stop();
	$('press').blur();
	
	$('videoContainer').hide();
	
	if($('press').hasClassName('active') == false)
	{
		$('press').addClassName('active');
	}
	
	$('spots').removeClassName('active');
	$('reels').removeClassName('active');
	$('clientarea').removeClassName('active');
	
	$('dynamicLinks').innerHTML = '';
	
	new Ajax.Updater('contentBox', '/ajax/press.php', {
		onComplete: initCustomScrollBars,
		parameters: { ajax: '1' }
	});
}

function initCustomScrollBars()
{
	//	setup custom scrollbars
	CSBfleXcroll('pressContent');
}

function handleClientClick(clickEvent)
{
	clickEvent.stop();
	$('clientarea').blur();
	
	$('videoContainer').hide();
	
	if($('clientarea').hasClassName('active') == false)
	{
		$('clientarea').addClassName('active');
	}
	
	$('spots').removeClassName('active');
	$('reels').removeClassName('active');
	$('press').removeClassName('active');
	
	$('dynamicLinks').innerHTML = '';
	
	new Ajax.Updater('contentBox', '/ajax/clientarea.php', {
		parameters: { ajax: '1' }
	});

}

var lastVideoClicked = 0;

function playVideo(id)
{
	if($('videoid-' + lastVideoClicked) != null)
	{
		if($('videoid-' + lastVideoClicked).hasClassName('active') == true)
		{
			$('videoid-' + lastVideoClicked).removeClassName('active');
		}
	}
	
	if($('videoid-' + id).hasClassName('active') == false)
	{
		$('videoid-' + id).addClassName('active');
	}
	
	$('videoid-' + id).blur();
	
	$('videoContainer').show();
	
	var url = escape('http://assets-cf.brandnamenyc.com/dynamic/videos/' + id + '.mp4');
	
	var video = new SWFObject('/flash/mediaplayer.swf','player','640','500','9');
	video.addParam('allowfullscreen','true');
	video.addParam('allowscriptaccess','always');
	video.addParam('wmode','transparent');
	video.addVariable('bufferlength','10');
	video.addVariable('width','640');
	video.addVariable('height','500');
	video.addVariable('enablejs','true');
	video.addVariable('file',url);
	video.addVariable('image','/images/video-logo.png');
	video.addVariable('javascriptid','player');
	video.addVariable('autostart','true');
	
	video.write('video');

	lastVideoClicked = id;
}

function getUpdate(typ, pr1, pr2, swf)
{
	if(typ == 'state' && pr1 == 3)
	{
		//	video is done playing
		$('videoContainer').hide();
	}
};