proarte.home = function(){
	var $_areas = $('#home_areas').children('ul').children(),
		$_mascara = $('#home_areas_mascara').data('ativo', $_areas.eq(0)),
		_init;

	return {
		init: function() {
			
			var p = $_areas.eq(0).parent(), images = new Array(), $obj, offset, src, src_ativo;
			
			p.delegate('li', 'click', this.click)
				.delegate('li', 'mouseenter', this.mouseenter)
				.delegate('li', 'mouseleave', this.mouseleave);
			
			/* Inicializacao */
						
			offset = p.position();
			_init = {
				left: offset.left,
				top: offset.top
			};
			
			for(var i=0, j=$_areas.length; i<j; i++) {
				$obj = $_areas.eq(i);
				offset = $obj.position();
				src = $obj.children().children().attr('src');
				src_ativo = src.replace('.png', '_ativo.png');
				
				$obj.data('init', {top: offset.top, left: offset.left, src: src, src_ativo: src_ativo, ativo: false});
				images[i] = new Image();
				images[i].src = src_ativo;
			}
		},
				
		mouseenter: function() {
			var $this = $(this);
			
			if(!$this.data('init').ativo) {
				$this.children().children().attr('src', $this.data('init').src_ativo);
			}
		},
		
		mouseleave: function() {
			var $this = $(this);
			
			if(!$this.data('init').ativo) {
				$this.children().children().attr('src', $this.data('init').src);
			}
		},
				
		click: function() {
			var $this = $(this), $ativo = $_mascara.data('ativo'), titulo = $this.attr('data-titulo'), id = $this.attr('data-id');
			
			if($ativo.length) {
				$('#home_descricao_'+$ativo.attr('data-id')).hide();
				$ativo.data('init').ativo = false;
			}
			
			$_mascara
				.data('ativo', $this)
				.css({left: $this.data('init').left + _init.left})
				.children().text(titulo);
			
			$('#home_descricao_'+id).show();
		}
	}
	
}();


$(window).load(function() {
	proarte.home.init();
});