// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
document.observe('dom:loaded', setList);
var HOVERCLASS = "over-state"
function setList(){
	$$('.home-category-list li').each(function($elem){
		var image = new Element('div', {'class':'icon-image'})
		$elem.insert( {top: image} );
		$elem.observe('click', navToLinkTarget);
		$elem.observe('mouseover', growThumb);
		$elem.observe('mouseout', shrinkThumb);
	})
}
function navToLinkTarget($event){
	window.location = $event.findElement('li').select('a')[0].readAttribute('href');
}
function growThumb($event){
	$event.findElement('li').select('div')[0].addClassName(HOVERCLASS);
}
function shrinkThumb($event){
	$event.findElement('li').select('div')[0].removeClassName(HOVERCLASS);
}