$(function($){

  $('#map-europe').cssMap({
    'size': 540,  						// set map size to 540px wide;
    'visibleList': true, 				// show list of regions (customzied list shown);
    'cities': true,						// display cities;
    'tooltips': 'floating-bottom-right'	// floating tooltips with specified position to the mouse pointer;
   });

});
/* list of regions can be placed next to the map by these sample CSS rules: */

.css-map-container.m540{
  width: 865px; /* must be a sum of the map and visible list widths and paddings */
 }
.m540 .css-map,.m540 .map-visible-list{
  display: inline-block; /* for IE7 use display:inline; zoom:1; */
  vertical-align: top;
 }
.m540 .map-visible-list{
  margin-left: 20px;
  }
.m540 .map-visible-list li{ width: 50%; }
$(function($){

  // sample usage of the onClick and onHover options (click on the map to run onClick function)
  $('#map-europe').cssMap({
    'size': 650,					// set map size to 650px wide;
    'onClick': function(e){
      var link = e.children('a').attr('href'),		// get link's URL; 
          text = e.children('a').eq(0).text(),		// get text of the link; 
          className = e.attr('class').split(' ')[0];	// get class name of the list item; 
     }
   });

});