// JavaScript Document

//window.onload = function(){
	
window.addEvent("load", onLoadInit);

function onLoadInit(){
	$$("#featuredCont img").each(inicializarItem);
	$$("#soldCont img").each(inicializarItem);
	$$('#featured img')[0].addEvent('mouseenter', function (){this.setStyle('cursor','pointer');})
	$$('#featured img')[0].addEvent('click', function(){
												 this.setProperty('src', 'inc/media/images/featured_selected.jpg');
												 $$('#sold img')[0].setProperty('src', 'inc/media/images/soldproperties_unselected.jpg');
												 $('soldCont').setStyle('display','none');
												 $('featuredCont').setStyle('display','block');
												 });
	$$('#sold img')[0].addEvent('mouseenter', function (){this.setStyle('cursor','pointer');})
	$$('#sold img')[0].addEvent('click', function(){
												 this.setStyle('cursor','pointer');
												 this.setProperty('src', 'inc/media/images/soldproperties_selected.jpg');
												 $$('#featured img')[0].setProperty('src', 'inc/media/images/featured_unselected.jpg');
												 $('featuredCont').setStyle('display','none');
												 $('soldCont').setStyle('display','block');
												 });
}

function inicializarItem(obj){
	obj.addEvent('mouseenter', function(){
								   elem = $("item_"+this.getProperty('name'));
								   this.setStyle('cursor','pointer');
								   elem.setStyles({
													display: 'block',
													left: obj.getPosition().x + obj.getSize().size.x + 19,
													top: obj.getPosition().y
													});
								  });
	obj.addEvent('mouseleave', function(){
										elem = $("item_"+this.getProperty('name'));
										elem.setStyle('display','none');
										});
}