// N.B. Cufon breaks the Mootools accordion in IE :-O if used in conjunction with the call in the footer

window.addEvent('domready', function() { 
	var accordion = new Accordion($$('.toggler'),$$('.element'), {
		opacity: 100,
		/*onActive: function(toggler) {
					toggler.className = "togglerActive";
					if (!window.ie6)
					{
					Cufon.replace('.togglerActive', { fontFamily: 'VAG Rounded Light', color:'#ff9933' });
					Cufon.replace('.togglerActive strong', { fontFamily: 'VAG Rounded Bold', color:'#ff9933' });
					Cufon.replace('.point', { fontFamily: 'VAG Rounded Bold', color:'#FFF' });
					}
					if (window.ie6) toggler.setStyle('color', '#ff9933');
					},
		onBackground: function(toggler) {
					toggler.className = "toggler";
					if (!window.ie6) 
					{
					Cufon.replace('.toggler', { fontFamily: 'VAG Rounded Light', color:'#669933' });
					Cufon.replace('.toggler strong', { fontFamily: 'VAG Rounded Bold', color:'#669933' });
					Cufon.replace('.point', { fontFamily: 'VAG Rounded Bold', color:'#FFF' });
					}
					if (window.ie6) toggler.setStyle('color', '#669933');
					}*/
		onActive: function(toggler) {
					
					//alert("toggler.id = "+toggler.id);
					// move the SMS download form into the active pane & set the success url accordingly
					if (toggler.id == "android") { $('sms_download_form').inject($('download_by_sms_android'), 'top');  $('form_download').successUrl.value = "/July2010/applications/devices/?pane=2&signup=true"; }
					if (toggler.id == "nokia") { $('sms_download_form').inject($('download_by_sms_nokia'), 'top'); $('form_download').successUrl.value = "/July2010/applications/devices/?pane=3&signup=true"; }
					if (toggler.id == "blackberry") { $('sms_download_form').inject($('download_by_sms_blackberry'), 'top'); $('form_download').successUrl.value = "/July2010/applications/devices/?pane=4&signup=true"; }
					
					toggler.className = "togglerActive";
					if (!window.ie6)
					{
					Cufon.replace('.togglerActive', { fontFamily: 'VAG Rounded Bold', color:'#000000' });
					Cufon.replace('.accordion .togglerActive', { fontFamily: 'VAG Rounded Bold', color:'#000000' });
					Cufon.replace('.togglerActive strong', { fontFamily: 'VAG Rounded Bold', color:'#000000' });
					Cufon.replace('.devices .togglerActive .title', { fontFamily: 'VAG Rounded Bold', color:'#FFFFFF' });
					Cufon.replace('.devices .togglerActive .subtitle', { fontFamily: 'VAG Rounded Bold', color:'#7ab800' });
					Cufon.replace('.globalHome .devices .togglerActive .subtitle', { fontFamily: 'VAG Rounded Bold', color:'#FFFFFF' });
					Cufon.replace('.point', { fontFamily: 'VAG Rounded Bold', color:'#FFF' });
					}
					if (window.ie6) toggler.setStyle('color', '#000000');
					},
		onBackground: function(toggler) {
					toggler.className = "toggler";
					if (!window.ie6) 
					{
					Cufon.replace('.toggler', { fontFamily: 'VAG Rounded Bold', color:'#666666' });
					Cufon.replace('.devices .toggler .subtitle', { fontFamily: 'VAG Rounded Bold', color:'#999999' });
					Cufon.replace('.globalHome .toggler', { fontFamily: 'VAG Rounded Bold', color:'#000000' });
					Cufon.replace('.globalHome .devices .toggler .subtitle', { fontFamily: 'VAG Rounded Bold', color:'#000000' });
					Cufon.replace('.toggler strong', { fontFamily: 'VAG Rounded Bold', color:'#666666' });
					Cufon.replace('.point', { fontFamily: 'VAG Rounded Bold', color:'#FFF' });
					}
					if (window.ie6) toggler.setStyle('color', '#666666');
					}
	});
	
	// display the pane set by the url querystring parameter
	accordion.display(gup('pane'));
	
	function gup( name )
	{
	  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	  var regexS = "[\\?&]"+name+"=([^&#]*)";
	  var regex = new RegExp( regexS );
	  var results = regex.exec( window.location.href );
	  if( results == null )
		return "";
	  else
		return results[1];
	}
	
	// reveal the accordion beneath its cover when the DOM's ready
	if (document.getElementById('hideAccordionFOUC')) document.getElementById('hideAccordionFOUC').style.display = "none";
});