$(function(){
	var r = Raphael('map', 743, 420),
		attributes = {
            fill: '#50A0DD',
            stroke: '#FFFFFF',
            'stroke-width': 1,
            'stroke-linejoin': 'round'
        },
		arr = new Array();
		
	var cur_obj_id=0;

	var mainArea=r.rect(0, 0, 743, 420).attr({ stroke: 'none', fill: '#ffffff' });
	mainArea
  .mouseover(function(){
    document.getElementById('r'+cur_obj_id).style.display = "none";
    cur_obj_id=0;
    cur_obj.attr({ fill: '#50A0DD' });
    cur_obj=null;
  })

	
	for (var country in paths) {
		
		var obj = r.path(paths[country].path);
		
		obj.attr(attributes);
		
		arr[obj.id] = country;

		obj
		.mouseover(function(){
		  if (cur_obj!=null&&cur_obj!=this) {
        cur_obj.attr({ fill: '#50A0DD' });
      }
      if (cur_obj_id!=0&&cur_obj_id!=this.id) {
        document.getElementById('r'+cur_obj_id).style.display = "none";
      }
      this.attr({ fill: '#FFA900', gradient: '90-#FFA102-#FFCA05' });
      cur_obj=this;

      cur_obj_id=this.id;

    	var opera=(navigator.userAgent.toLowerCase().indexOf('opera') > -1),
	    html=document.documentElement,
	    body=document.body,
	    cl_width=document.compatMode=='CSS1Compat' && !opera ? html.clientWidth : body.clientWidth;

			var point = this.getBBox(0);

			leftPos=point.x+(point.width/2)+(cl_width-1000)/2+20;
			topPos=point.y+(point.height/2)+1300;

      document.getElementById('r'+cur_obj_id).style.left=leftPos+'px';
      document.getElementById('r'+cur_obj_id).style.top=topPos+'px';

      document.getElementById('r'+cur_obj_id).style.display = "block";
    })
	}
});