$(document).ready(function(){
 
    var area_element = $("area.booth");
 
    area_element.mouseover(function(e){
        var id = e.target.id.replace("booth", "boothDetail");
		//window.alert(id);
        var div_ele = $("div#" + id);
        div_ele.css({"display":"block"});
		
		var width = $('html').width();
		if (e.pageX > width / 2) {
			var x = e.pageX - 20;
			div_ele.css("left", x - 350);
		}
		else {
			var x = e.pageX + 20;
			div_ele.css("left", x);
		}
        var y = e.pageY - 100;
        div_ele.css("top", y);
    });
	/*
    area_element.mousemove(function(e){
        var id = e.target.id.replace("booth", "boothDetail");
        var div_ele = $("div#" + id);
        var x = e.pageX + 20;
        var y = e.pageY - 80;
        div_ele.css("left", x);
        div_ele.css("top", y);
    });
	*/
    area_element.mouseout(function(e){
        var id = e.target.id.replace("booth", "boothDetail");
        var div_ele = $("div#" + id);
        div_ele.css({"display":"none"});
    });
});