/**
* funtion called on hover events 
* @param id #id of element of action
* @param action add or remove style
* areas and maps didnt play nice with hover events so 
* i was forced to use onmouseover / onmouseout events  :(
**/
$(document).ready(function(){
/* wont work in the IEsx0rz
  $("area").hover(
    function() { fire(this.id, 'add'); },
    function() { fire(this.id, 'remove'); }
  );
*/
});
function fire(id,action){
	var img_dir = '/assets/images/';
	var default_img = 'rep-main-bg.jpg';
	switch(action){
		case "add":
			$("img#rep-image").attr("src", img_dir+'rep-'+id+'.jpg');
			break;
		case "remove":
			$("img#rep-image").attr("src", img_dir+default_img);
			break;
	}
}