$(window).load(function() {

	// var r = Raphael('paper', 600, 750);
	// console.debug(r);
	
	if(typeof mySVG == 'undefined') {
		return false;
	}
	
	var r = Raphael(mySVG);
	

	$('#map-modal-wrapper .close').live('click', function() {
		$('#map-modal-wrapper').hide();
	});
	
	
		
	$.getJSON('/northerncare-map.json', function(data) {

		
		function showInfo(e) {
			
			var id = this.id;
			var regionRef;
			$.each(data.regions, function(k) {
				if(this.id == id) {
					regionRef = k;
					return false;
				}
			});
		
    		var regionData = data.regions[regionRef];
    		
    		
    		$('#map-modal-wrapper').empty().show();
    		$('#map-modal').tmpl(regionData).appendTo('#map-modal-wrapper');
    		
    	}
    	
    	function onRegionMouseOver(e) {
    		this.attr({fill: '#832998'});
    	}
    	
    	function onRegionMouseOut(e) {
    		this.attr({fill: '#5f266c'});
    	}
    	

    	
    	$.each(data.regions, function(k) {
    
    		var region = r.items[this.id];
    		
    		region.click(showInfo).mouseover(onRegionMouseOver).mouseout(onRegionMouseOut);
    		
    	});
    
		
	});
	
});
	/*
    if(!$('#mySVGObject').length) {
    	return false;
    }  
    
    var svg = document.getElementById('mySVGObject');
    var doc = svg.contentDocument;
	
	alert(document.getElementById('mySVGObject'));
	
    $.getJSON('/northerncare-map.json', function(data) {
    	
    	function showInfo(e) {
    		var regionData = data.regions[this.getAttribute('id')];
    		$('#map-modal-wrapper').empty();
    		$('#map-modal').tmpl(regionData).appendTo('#map-modal-wrapper');
    	}
    	
    	function onRegionMouseOver(e) {
    		this.style.fill = '#832998';
    	}
    	
    	function onRegionMouseOut(e) {
    		this.style.fill = '#5f266c';
    	}
    	
    	$.each(data.regions, function(k) {
    		var region = doc.getElementById(k);
    		if(region !== null) {
    			region.addEventListener(window.svgweb ? 'SVGClick' : 'click', showInfo, false);
    			// region.addEventListener('mouseover', onRegionMouseOver, false);
    			// region.addEventListener('mouseout', onRegionMouseOut, false);
    		}
    	});
    	
    });

}

if (window.svgweb) {
svgweb.addOnLoad(onLoad);
}
else {
window.addEventListener('load', onLoad, false);
}
*/