﻿function changeText(txt) {
	document.getElementById('whereiam').innerHTML = txt;
}
								
$(document).ready(function(){
 
 //<div id="uktitle">UK & Ireland</div><div id="asiatitle">Asia</div><div id="eurotitle">Europe</div><div id="africatitle">Africa</div><div id="satitle">Central &amp; South America</div><div id="natitle">USA &amp; Canada</div><div id="autitle">Australia & New Zealand</div>
 
//this for asia   
$("#mapdiv  #asia, #mapdiv  #asia2 ").mouseover(
	  function () {
	 $("#mapdiv").toggleClass("mapasia");
	 changeText('Asia');
	
	});
$("#mapdiv  #asia, #mapdiv  #asia2 ").mouseout(
	  function () {
	 $("#mapdiv").toggleClass("mapasia");
	 changeText('');
	
	});

//this for euro 
$("#mapdiv  #euro").mouseover(
	  function () {
	 $("#mapdiv").toggleClass("mapeuro");
	 changeText('Europe');
	
	});
$("#mapdiv  #euro").mouseout(
	  function () {
	 $("#mapdiv").toggleClass("mapeuro");
	 changeText('');
	
	});

//this for africa 

$("#mapdiv  #africa").mouseover(
	  function () {
	 $("#mapdiv").toggleClass("mapafrica");
	 changeText('Africa');
	
	});
$("#mapdiv  #africa").mouseout(
	  function () {
	 $("#mapdiv").toggleClass("mapafrica");
	 changeText('');
	
	});
	
//this for north america 

$("#mapdiv  #na").mouseover(
	  function () {
	 $("#mapdiv").toggleClass("mapna");
	 changeText('USA & Canada');
	
	});
$("#mapdiv  #na").mouseout(
	  function () {
	 $("#mapdiv").toggleClass("mapna");
	 changeText('');
	
	});
//this for samerica 

$("#mapdiv  #sa").mouseover(
	  function () {
	 $("#mapdiv").toggleClass("mapsa");
	 changeText('Central & South America');
	
	});
$("#mapdiv  #sa").mouseout(
	  function () {
	 $("#mapdiv").toggleClass("mapsa");
	 changeText('');
	
	});

	
//this for australia 

$("#mapdiv  #au").mouseover(
	  function () {
	 $("#mapdiv").toggleClass("mapau");
	 changeText('Australia & New Zealand');
	
	});
$("#mapdiv  #au").mouseout(
	  function () {
	 $("#mapdiv").toggleClass("mapau");
	 changeText('');
	
	});

//this for UK and Ireland 

$("#mapdiv  #uk").mouseover(
	  function () {
	 $("#mapdiv").toggleClass("mapuk");
	 changeText('UK & Ireland');
	
	});
$("#mapdiv  #uk").mouseout(
	  function () {
	 $("#mapdiv").toggleClass("mapuk");
	 changeText('');
	
	});

 });
