// JavaScript Document
var site_path = 'http://sprayfoaminsulation.co.uk';

// 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();
		}
	}
}
function rotateElement(elid, i)
{
	els = $(elid).childElements();

	
	els_maxi = els.size() - 1;
	
	
	if(els_maxi != 0)
	{
		el_out = els[i];
		next_i = i == els_maxi ? 0 : i + 1;
		el_in = els[next_i];
		
		new Effect.Appear(el_in);
		new Effect.Fade(el_out);
		
		setTimeout("rotateElement('"+elid+"', "+next_i+")", 5000);
	}
}

Event.observe(window, "load", function(){
	// make ".cta-hover" elements visible if they are inside a ".hoverable"
	$$('.hoverable').each(function(el, i){
		Event.observe(el.identify(), "mouseover", function(){
			el.addClassName('hover')
		});
		Event.observe(el.identify(), "mouseout", function(){
			el.removeClassName('hover')
		});
	});
	
	/* Start Rotating */
	$$('.rotating-container').each(function(ric){
		rotateElement(ric.identify(),0);
		
	});
	
	// Logo Hover
	new Event.observe('logo_image', "mouseover", function(){
		$('logo_image').src = site_path+'/img/logo-hover.png';	 
	});
	
	new Event.observe('logo_image', "mouseout", function(){
		$('logo_image').src = site_path+'/img/logo.png';													 
	});
});

/* A function to make it easy to duplicate an element for arrays */
function cloneElement(el_id, marker_id)
{
	var el = $(el_id);
	var marker = $(marker_id);
	var clone = el.cloneNode(true);
	
	marker.insert({before: clone});
	
	clone.show();
}