jQuery(document).ready(function($) {
		// add the map marker
		jQuery('.intromap').append('<div class="marker marker-lang-de"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-uk"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-us"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-br"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-es"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-ru"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-cn"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-fr"></div>');
		jQuery('.intromap').append('<div class="marker marker-lang-it"></div>');
		
		
		// preload languages
		var lang_banner = new Array();
		var lang_middle = new Array();
		var lang_footer = new Array();
		var lang_links = new Array();
		
		lang_banner[0] = jQuery('.banner').html();
		lang_middle[0] = jQuery('.content-middle-right').html();
		lang_footer[0] = jQuery('.footer').html();
		lang_links[0] = jQuery('.content-middle-left').html();
		
		// marker effect
		jQuery('.intro-language div').hover(
											
		  function () {
			  	// change style 
			  	var orgClass = jQuery(this).attr('class');
				jQuery('.intromap .marker-'+orgClass).addClass('marker-cur');
				// change language
				changeLanguage (orgClass.substr(orgClass.length-2, 2));
		  }, 
		  function () {
				jQuery('.intromap .marker-cur').removeClass('marker-cur');
		  }
		);
		
		

		
		/**
		 *	This function get the language content via ajax
		 */
		function changeLanguage (Lang) {
		var loadingAni = '<span class="loading-animation"></span>';
		
		// save old html and show loading animation
		var oldBanner = jQuery('.banner').html();
		jQuery('.banner').html(loadingAni);
		var oldMiddle = jQuery('.content-middle-right').html();
		jQuery('.content-middle-right').html(loadingAni);
		var oldFooter = jQuery('.footer').html();
		jQuery('.footer').html(loadingAni);
		var oldLinks = jQuery('.content-middle-left').html();
		jQuery('.content-middle-left').html(loadingAni);
		
		// first get the correct id
		switch(Lang)
		{
		case 'uk':
  			var id = 1;
  		break;
		case 'us':
		  var id = 1;
		break;
		case 'br':
		  var id = 2;
		break;
		case 'es':
		  var id = 3;
		break;
		case 'ru':
		  var id = 5;
		break;
		case 'cn':
		  var id = 4;
		break;
		case 'fr':
		  var id = 7;
		break;
		case 'it':
		  var id = 6;
		break;
		case 'pl':
		  var id = 8;
		break;
		default:
		   var id = 0;
		}
		// load the content in another language
		
		// only load if not cached
		if (lang_banner[id] == '' || lang_banner[id] == null) {
			jQuery('.banner').load('index.php?id=20&L='+id+' .banner', function(response, status, xhr) {
			  if (status == "success") {
				  lang_banner[id] = jQuery('.banner').html(); 
    		  }
			  if (status == "error") {
				// if error show old html
				jQuery('.banner').html(oldBanner);
			  } 
			});
		} else {
			jQuery('.banner').html(lang_banner[id]);
		}
		
		
		// check cache
		if (lang_middle[id] == '' || lang_middle[id] == null) {
			jQuery('.content-middle-right').load('index.php?id=20&L='+id+' .content-middle-right', function(response, status, xhr) {
			if (status == "success") {
				  lang_middle[id] = jQuery('.content-middle-right').html(); 
			}
			  if (status == "error") {
				// if error show old html
				jQuery('.content-middle-right').html(oldMiddle);
			  }
			});
		} else {
			jQuery('.content-middle-right').html(lang_middle[id]);
		}
		
		// check cache
		if (lang_footer[id] == '' || lang_footer[id] == null) {
			jQuery('.footer').load('index.php?id=20&L='+id+' .footer', function(response, status, xhr) {
				if (status == "success") {
				  lang_footer[id] = jQuery('.footer').html(); 
				  }
			  if (status == "error") {
				// if error show old html
				jQuery('.footer').html(oldFooter);
			  } 
			});
		} else {
			jQuery('.footer').html(lang_footer[id]);
		}
		
		// check cache
		if (lang_links[id] == '' || lang_links[id] == null) {
			jQuery('.content-middle-left').load('index.php?id=20&L='+id+' .content-middle-left', function(response, status, xhr) {
				if (status == "success") {
				  lang_links[id] = jQuery('.content-middle-left').html(); 
				  // reload the tabs
				   new SimpleTabs('rgtabs12', {
					entrySelector: 'h4'
					});

				  }
			  if (status == "error") {
				// if error show old html
				jQuery('.content-middle-left').html(oldLinks);
			  } 
			});
		} else {
			jQuery('.content-middle-left').html(lang_links[id]);
			// reload tabs
			new SimpleTabs('rgtabs12', {
					entrySelector: 'h4'
					});
		}


		
		
		

}
		
});