// only show ".filter" elements with the given search term inside them

function filter(search_term)
{
	els = $$('.filter');
	for(i==0; i<els.length; i++)
	{
		m = els[i].innerHTML.match(search_term);
		if(m == null)
		{
			els[i].show();	
		}
		else
		{
			els[i].hide();
		}
	}
}

/* Switches visibility based upon state paramater */
function switchVisibility(idOrClassName, state)
{
	// id
	
	// class
	if(state===true || state==1)
	{
		if($(idOrClassName) != null) $(idOrClassName).show();
		$$('.'+idOrClassName).each(function(el){el.show()});
	}
	else
	{
		if($(idOrClassName) != null) $(idOrClassName).hide();
		$$('.'+idOrClassName).each(function(el){el.hide()});
	}
}

/* Rotating LI Elements */
function rotateLI()
{
	wrappers = $$('ul.rotating')
	// each rotation container
	wrappers.each(function(ul)
	{
		var els = ul.childElements();
		// each li...
		ul.childElements().each(function(li,i)
		{
			// am i visible?
			if(li.visible())
			{
				// who is after me?
				next_el_i = i + 1;
				if(els[next_el_i] != undefined)
					next_el = els[next_el_i];
				else
					next_el = els[0];

				// hide me
				new Effect.Fade(li.identify());
			}
		});

		// show next
		new Effect.Appear(next_el.identify());
		
	});
	
	if(wrappers.length > 0) setTimeout("rotateLI()", 5000);
}

// make ".cta-hover" elements visible if they are inside a ".hoverable"
function initHoverable()
{
	$$('.hoverable').each(function(el, i){
		Event.observe(el.identify(), "mouseover", function(){
			el.addClassName('hover')
		});
		Event.observe(el.identify(), "mouseout", function(){
			el.removeClassName('hover')
		});
	});
}
	

/* Popup */
function popup(content,opts)
{
	var dimensions = document.viewport.getDimensions();
	
	if(opts == undefined)
		opts = {};
		
	// remove any open elements if a form is already open
	if($('pop_overlay') != undefined)
	{
		destroyPopup();	
	}
	
	// SOURCE...
	if(content===false)
		var pop_content = '';
	
	//
	else
		var pop_content = $(content).innerHTML;
	
		
		
	
	/* Create Elements */
	$$('body')[0].insert({
		'top': new Element('div',{'id':'pop_overlay'}).setOpacity(0).setStyle({
			height:(dimensions.height+500)+'px'
		})
	});
	
	$('pop_overlay').insert({
		'before': new Element('div', { 'id': 'pop_container'}).insert({
			'top': new Element('div',{'id':'pop_box'}).insert({
				'top': new Element('div', {'id':'pop_box_frame'}).insert({
					'top': pop_content
				})
			})
		}).setOpacity(0)
	});
	
	new Effect.Opacity('pop_overlay', {from:0, to: overlay_opacity, duration:0.5});
	new Effect.Opacity('pop_container', {from:0, to: 1, duration:0.6});
	new Effect.Morph('pop_container', {from:0, to: 1, duration:0.6});
	
	/* Title and Description */
	if(opts.description)
		$('pop_box').insert({'top': new Element('p').insert({'top':opts.description}) });
	
	if(opts.title)
		$('pop_box').insert({'top': new Element('h2').insert({'top':opts.title}) });
	
	Event.observe($('pop_overlay'), "click", function(){
		destroyPopup();
	});
}
function destroyPopup()
{
	$('pop_overlay').remove(); 
	$('pop_container').remove();		
}
/**
* Returns the value of the selected radio button in the radio group, null if
* none are selected, and false if the button group doesn't exist
*	RE: http://xavisys.com/using-prototype-javascript-to-get-the-value-of-a-radio-group/

* @param {radio Object} or {radio id} el
* OR
* @param {form Object} or {form id} el
* @param {radio group name} radioGroup
*/

function $RF(groupName) {
	
	var output = null;
	$$('input[type="radio"][name="'+groupName+'"]').each(function(el){
		
		if(el.checked == true)
			output = $F(el);

	});
	return output;
}
Event.observe(window,"load", function(){
	initHoverable();	
	setTimeout("rotateLI()", 5000);
});