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);
	}
}	

function closeAll () {
	$('overlay-bg').setStyle('display', 'none');
	hideSysReq();	
	hideShareEmail();
}

function showSysReq() {
	if ($('sys-req'))
	{
		$('overlay-bg').setStyle('display', 'block');
		var windowSize = window.getSize();
		$('sys-req').setStyles({
			'display':'block',
			'top':100,
			'left':(windowSize.x-550)/2
		 });
		$('sys-req').fade('in');
	}
	return false;
};	

function hideSysReq() {
	if ($('sys-req'))
	{
		$('overlay-bg').setStyle('display', 'none');
		$('sys-req').fade('out');	
		$('sys-req').setStyle('display', 'none');	
	}
}

function showShareEmail() {
	if ($('share-email'))
	{
		$('overlay-bg').setStyle('display', 'block');
		var windowSize = window.getSize();
		$('share-email').setStyles({
			'display':'block',
			'top':100,
			'left':(windowSize.x-550)/2
		 });
		$('share-email').fade('in');
	}
	return false;
};	

function hideShareEmail() {
	if ($('share-email'))
	{
		$('overlay-bg').setStyle('display', 'none');
		$('share-email').fade('out');	
		$('share-email').setStyle('display', 'none');	
	}
}

window.addEvent('domready', function() {
		
	// Support fading in and out of the system requirements
	if ($('sys-req'))
		$('sys-req').fade('hide');
	
	// Support fading in and out of the share email pod
	if ($('share-email'))
		$('share-email').fade('hide');
		
	//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/tab3_selected_background.png)');
		},
		onBackground: function(tabtoggler, tabcontent){
			tabtoggler.setStyle('background-image', 'url(../../images/products/tab3_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('#features')>=0)
	{
		myAccordion.display(1);		
	}
	else if (String(document.location.href).indexOf('#faq')>=0)
	{
		myAccordion.display(2);		
	}


});

window.addEvent('domready', function() {
	$$('a.inlinetipz').each(function(element,index) {  
			 var content = element.get('name').split('::');  
			 element.store('tip:title', content[0]);  
			 element.store('tip:text', content[1]);	
	 });  

	 //create the tooltips  
	 var inlinetipz = new Tips($$('a.inlinetipz'),{  
			 className: 'inlinetipwrapper',  
			 fixed: true,  
			 hideDelay: 50,  
			 showDelay: 50,
			 offsets: {x: 0, y: (Browser.Engine.trident?-95:-105)}
	 });  

});