Event.observe( window, 'load', function() {
	$$('img.fade').each(function (element) {
		new Effect.Appear(element);
	});
	$$('a.ro_img').each(function(item){
		Event.observe(item, 'mouseover', function(){
			item.down().writeAttribute('src', item.down().readAttribute('src').substring(0,item.down().readAttribute('src').lastIndexOf('.')) + '_ro.jpg');
		});
		Event.observe(item, 'mouseout', function(){
			item.down().writeAttribute('src', item.down().readAttribute('src').substring(0,item.down().readAttribute('src').lastIndexOf('_ro.')) + '.jpg');
		});
	});
});


Array.prototype.inArray = function(search_term) {
  var i = this.length;
  if (i > 0) {
	 do {
		if (this[i] === search_term) {
		   return true;
		}
	 } while (i--);
  }
  return false;
}


function getReferences(selection, el, pid) {
	
	var url = 'index.php?id=7&tx_sdreferences_pi1[selection]=' + selection + '&tx_sdreferences_pi1[pid]=' + pid + '&no_cache=1';
			
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(response) {
			$('navi_sub').select('li').each(function(item){
				if (item.hasClassName('act')) {
					item.removeClassName('act');
				}
			});
			$(el).up(0).addClassName('act');
			$$('#references div.ref_item').each(function(item){
				if (response.responseJSON.inArray(item.id) || selection == 1) {
					new Effect.Fade(item.id,{duration:0.7, from:1.0, to:1.0});
				}
				else {
					new Effect.Fade(item.id,{duration:0.7, from:1.0, to:0.1});				
				}
			});
		},
		onException: function(event, ex) {
			alert(ex);
		}
	});
			
	return false;
}