function getElemByClassName(oElm, strTagName, strClassName){

	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);

	var arrReturnElements = new Array();

	strClassName = strClassName.replace(/\-/g, "\\-");

	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");

	var oElement;

	for(var i=0; i<arrElements.length; i++){

		oElement = arrElements[i];

		if(oRegExp.test(oElement.className)){

			arrReturnElements.push(oElement);

		}

	}

	return (arrReturnElements)

}





window.addEvent('domready', function(){

	

	

	var selectTransition = $('fxTransition');

	var selectEase = $('fxEase');

	var durationInput = $('duration');

	 

	var result = $('result');

	

	var myTransition;

	var myDuration; 

		 

	var pleahs = $$("#accordion .fullTab");

	var pleahFx = new Fx.Elements(pleahs, {wait: false, duration: 1000});

	

	 

	$$(selectEase, selectTransition).addEvent('change', function(){

		var transition = selectTransition.getValue();

		if (transition == 'linear'){

			pleahFx.options.transition = Fx.Transitions.linear;

			transitions = 'Fx.Transitions.linear';

			//myTransition = Fx.Transitions.transition;

		} else {

			var ease = selectEase.getValue();

			pleahFx.options.transition = Fx.Transitions[transition][ease];

			transitions = 'Fx.Transitions.' + transition + '.' + ease;

			//myTransition = Fx.Transitions.transition.ease;

		}

		result.setHTML(transitions);

	});

	 





	var moveAmount = 525, interval = 31;

	

	pleahs.each(function(pleah, i) {

		if(i==0)

		{

			pleah.setStyle("left", i * interval);

		}

		else

		{

			pleah.setStyle("left", moveAmount + i * interval);

		}

		pleah.setStyle("z-index",i*10)

		pleah.addEvent("click", function(event) {

			var o = {};

			var l = pleah.getStyle("left").toInt();

			//alert(l);

			o[i] = {left: [l, i * interval]}

			if(l<200)

			{

				alea = getElemByClassName(pleah,'a','toggler');

				alea[0].className = "toggler leftactive";

			}

			else

			{

				alea = getElemByClassName(pleah, 'a','toggler');

				alea[0].className = "toggler leftactive";

			}

			pleahs.each(function(other, j) {

				var l2 = other.getStyle("left").toInt();

				if(i > j) {

					o[j] = {left: [l2, j * interval]};

					alea = getElemByClassName(other, 'a','toggler');

					alea[0].className = "toggler left";

				}

				if(i < j) {

					o[j] = {left: [l2, (j * interval) + moveAmount]};

					alea = getElemByClassName(other, 'a','toggler');

					alea[0].className = "toggler right";

				}

			});

			pleahFx.start(o);

			

			//return false;

		});

	});

});



function unloadAllFlash()

{

	document.getElementById('flashAbout').innerHTML = '';

	document.getElementById('flashPublishers').innerHTML = '';

	document.getElementById('flashSubscribers').innerHTML = '';

}





function startFlashAbout()

{

	//we remove al flashes from existence

	unloadAllFlash();

	so1.write('flashAbout');

}


function startFlashPublishers()

{

	unloadAllFlash();

	so2.write("flashPublishers");

}



function startFlashSubscribers()

{

	unloadAllFlash();

	so3.write("flashSubscribers");

}