var oldcatid;
var catid;
var notimer = false;

function changeCategory(catid){
  if(oldcatid) {
    $('img' + oldcatid).setStyle('display','none');
    $('div' + oldcatid).setStyle('background-image','none');
  };
  $('img' + catid).setStyle('display','');
	$('div' + catid).setStyle('background-image','url(/graphics/home/slider.png)');
	oldcatid = catid;			
};
function setCategory(cat) {
  catid = cat.getProperty('id').replace('div', '');
  changeCategory(catid)
}
function nextPicture() {
  if(!notimer) {
    catid++;
    if( catid > $$('#hero li.catButton').length ) { catid = 1; };
    changeCategory(catid);
  }
  setTimeout(nextPicture, 5000);
}


window.addEvent('domready', function(){
  $$('#hero img.scrolling-content').setStyle('display','none');
  $$('#hero li.catButton').addEvents({
		mouseenter: function(){ notimer = true;setCategory(this); },
		mouseleave: function(){ notimer = false; }
	});

	randcat = $random(0, $$('#hero li.catButton').length-1);
	setCategory($$('#hero li.catButton')[randcat]);
	setTimeout(nextPicture, 5000);
});