/* 
 * 
 * WelcomePage.js
 * 
 * Graeme Young
 * Oct 2007
 * 
 */
 
// for ie6 png fix
if (window.ie6){
	var imageArray = new Array('<span style=\"width: 32px; height: 32px; margin-left: 15px; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/images/icons2/blue_tick.png\' sizingMethod=\'scale\')\"></span>');
}
// for all other browsers
else{
	var imageArray = new Array('&nbsp;&nbsp;<img src=\"/images/icons2/blue_tick.png\" />');
}

var textArray = new Array(
	'Simple and User-Friendly',
	'Standards Compliant Web - XHTML', 
	'Standards Compliant Data - OASIS', 
	'Scalable - 1 User to 100 Users', 
	'Secure - Data Backed up and Safe',
	'No Software to Install',
	'Rapid Customer Support',
	'High Performance Application',
	'Desktop Style User Interface',
	'24 Hour Access - Anywhere, Anytime');
		
var mySlider = new Fx.Slide('sliderDiv', {mode: 'vertical'});
var index = 0;
mySlider.show();
var boolState = 'show';

// recursive slider	function 	
function slider(){
	    
	if (index == 9){
		index = 0;
	}
	if (boolState == 'hide'){
		
	   	boolState = 'show';
	   	$('sliderImage').innerHTML = imageArray[0];
	   	$('sliderText').innerHTML = textArray[index++];
	   	setTimeout("slider();", 4000);
	}
	else{
		
	   	boolState = 'hide';
	   	setTimeout("slider();", 1000);
	}
	mySlider.toggle();
}
	    
// load accordion on page load
function loadAccordion(){
		
	// only display accordion after complete page loaded
	var accordionElement = document.getElementById('accordion');
	accordionElement.style.display = 'block';
			
	// setup accordion
	var accordion = new Accordion('div.atStart1', 'div.atStart2', {
		opacity: false,
		alwaysHide: true,
		fps: 40,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#FF9000');
			toggler.setStyle('font-weight', 'bold');
		},
 
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#fff');
			toggler.setStyle('font-weight', 'normal');
		}
	}, $('accordion'));
}
		
// onmouseover event for accordion toggler		
function onMouseOverToggler(elmentPram, imageIdPram){
	
	var imageId = document.getElementById(imageIdPram);		
	elmentPram.style.cursor = 'pointer';
	imageId.style.visibility = 'visible';
}
		
// onmouseout event for accordion toggler
function onMouseOutToggler(elmentPram, imageIdPram){
		
	var imageId = document.getElementById(imageIdPram);
	imageId.style.visibility = 'hidden';
}

/* script end */