var urls = new Array();
var flashCode = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="@@FlashWidth@@" height="@@FlashHeight@@" title="BreezeContent">' +
        '<param name="movie" value="@@FlashURL@@" /><param name="quality" value="high" />'+
		  '<embed src="@@FlashURL@@" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="@@FlashWidth@@" height="@@FlashHeight@@"></embed></object>';

function setActiveSlide(slideNum, setActive) {
	if ($('FlashPlayer'))
	{
		if (setActive)
		{
			var navLinks = $$('a.ftnav');
			navLinks.each ( function(navLink, i) {
					navLink.setStyle('background', 'none');
			});
			$$('a.ftnav')[setActive-1].setStyle('background', 'url(../../images/products/ft_arrow.png) top left no-repeat');
		}
		else
		{
			var navLinks = $$('a.ftnav');
			navLinks.each ( function(navLink, i) {
				if (i==slideNum-1)
				{
					navLink.setStyle('background', 'url(../../images/products/ft_arrow.png) top left no-repeat');
				}
				else
				{
					navLink.setStyle('background', 'none');
				}
			});
		}
		$('FlashPlayer').innerHTML = flashCode.replace(/@@FlashURL@@/g, urls[slideNum-1]).replace(/@@FlashWidth@@/g, flashWidth).replace(/@@FlashHeight@@/g, flashHeight);
	}
}

function viewScreenshots() {
	myAccordion.display(1);
	if ($('complete-feature-list') && $('complete-feature-list').getStyle('background-image').indexOf("arrow_down.png") >= 0)
	{
		$('complete-feature-list').fireEvent('click', null, 600);
	}
	if ($('why-webassist') && $('why-webassist').getStyle('background-image').indexOf("arrow_down.png") >= 0)
	{
		$('why-webassist').fireEvent('click', null, 600);
	}
	if ($('sys-req') && $('sys-req').getStyle('background-image').indexOf("arrow_down.png") >= 0)
	{
		$('sys-req').fireEvent('click', null, 600);
	}
	
	if ($('screenshotToggler') && $('screenshotToggler').getStyle('background-image').indexOf("arrow_up.png") >= 0)
	{
	  $('screenshotToggler').fireEvent('click', null, 600);
	}
}	



window.addEvent('domready', function() {
		
	//create our Accordion instance
		myAccordion = new Accordion($('accordion'), 'li.tabtoggler', 'div.tabcontent', {
		opacity: false,
		onActive: function(tabtoggler, tabcontent){
			tabtoggler.setStyle('background-image', 'url(../../../images/products/tab_long_selected_background.png)');
			if (tabtoggler.className == "tabtoggler ft")
			{
//				$('rightonethird').setStyle('display', 'none');
//				$('lefttwothirds').setStyle('width', '900px');
				//$('rightonethird').tween('opacity', '0');
				//$('lefttwothirds').tween('width', '900');
				setActiveSlide(1);
			}
			else
			{
//				$('lefttwothirds').setStyle('width', '611px');			
//				$('rightonethird').setStyle('display', 'block');		
				//$('lefttwothirds').tween('width', '611');
				//$('rightonethird').tween('opacity', '100');						
				if ($('FlashPlayer'))
					$('FlashPlayer').innerHTML='';
			}	
		},
		onBackground: function(tabtoggler, tabcontent){
			tabtoggler.setStyle('background-image', 'url(../../../images/products/tab_long_unselected_background.png)');				
		}
	});

	// Create our Slider instances that are embedded inside the Accordion
	var list = $$('div.collapse');
	var headings = $$('p.sectiontoggler');
	var collapsibles = new Array();

	headings.each( function(heading, i) {

		var collapsible = new Fx.Slide(list[i], { 
			duration: 500, 
			transition: Fx.Transitions.linear,
			onComplete: function(request){ 
			}
		});
		
		collapsibles[i] = collapsible;
		
		heading.addEvent('click', function(){
			// Adjust the height of the outer accordion div according to what slider is opened and closed
			fixHeight(collapsible);
			if (collapsible.open)
				heading.setStyle('background-image', 'url(../../images/arrow_up.png)');
			else
				heading.setStyle('background-image', 'url(../../images/arrow_down.png)');			
			collapsible.toggle();
			return false;
		});
		
		collapsible.hide();
		
	});

	// Add or subtract to the accordion height depending on if we are opening or closing a slider embedded in it
	function fixHeight(currentNode)
	{
		var par = currentNode.element;
		while (!par.hasClass('tabcontent')) {
			par = par.getParent();
		}
		par.setStyle('height', ''); // fix the accordion height		
		
	}
	

  // See if we need to open a certain tab
	if ( String(document.location.href).indexOf('#training')>=0)
	{
		myAccordion.display(1);		
	}
	else if (String(document.location.href).indexOf('#templates')>=0)
	{
		myAccordion.display(2);		
	}	
});