// JavaScript Document
//**********************jQUERY ***********************************************
$(document).ready(function() {
	$('#info').click(function(){
     $('#info_wrapper').toggle(500);
    });
  $('#info_close').click(function(){
     $('#info_wrapper').toggle(500);
   });
});
			
			

			var path;
			var language_id;
			var image_lan;
			var link_lan;
			var mapcache;
			var picsrc = new Array();
			var pics = new Array();
			$(document).ready(function() {

			if($('#rautemap').length == 1){ 
				language_id = '#rautemap';
				image_lan = '#rautepic';
				path = 'fileadmin/data/Bilder/Rautenbilder/';
			} else {
				language_id = '#rautemap_eng';					
				image_lan = '#rautepic_eng';	
				path = 'fileadmin/data/Bilder/Rautenbilder/eng/';	
			}	
				/* r1c2 = row 1, column 2 */
				picsrc['main'] = 'MEN_Raute.jpg';
				picsrc['r1c1'] = '556mmx45.jpg';
				picsrc['r2c1'] = '9mmx19.jpg';
				picsrc['r2c2'] = '762mmx51.jpg';
				picsrc['r3c1'] = '46mmx30.jpg';
				picsrc['r3c2'] = 'entsorgung.jpg';
				picsrc['r3c3'] = '300.jpg';
				picsrc['r4c1'] = '127mmx99.jpg';
				picsrc['r4c2'] = '338.jpg';
				picsrc['r5c1'] = 'gurtung.jpg';
				
				for(var cur in picsrc) {
					pics[cur] = new Image();
					pics[cur].src = path + picsrc[cur];
				}
			});
			/**
			 * processMap tauscht die Bilder und die HTML Areas aus
			 */
			function processMap(position) {				
				var picname = pics[position].src;
				if (picname == '') {
					picname = pics['main'].src;
				}
				
				/* wenn das Bild richtig geladen ist */
				if ($(image_lan).attr('src') != picname && pics[position].width > 0) { 
					if (mapcache) {
						$(language_id).empty();
						mapcache.appendTo(language_id);
						mapcache = null;
					}
					else {
						/* Sicherung der ursprünglichen HTML Areas zum späteren wiedereinfügen */
						mapcache = $(language_id+' area').detach();
					}
					getMap(picsrc[position]);
					$(image_lan).attr('src', picname);
					if (picsrc[position] != picsrc['main']) {
						/* Timeout für IE8 Hack, sonst wird das Click-Event direkt ausgelöst */
						window.setTimeout(function(){$(image_lan).click(function(){processMap('main');})}, 100);
					}
					else {
						$(image_lan).unbind('click');
					}
				}
			}
			/**
			 * getMap liefert die HTML Area Informationen für die Links in den Detailbildern
			 * und der äußeren Area um wieder zurück zu kommen.
			 */
			function getMap(picname) {
				var coords = new Array(); /* Koordinatenvariable wegen Unterschiede in Bildern bei untersch. Sprachen */
				
				if(language_id == '#rautemap_eng'){
					link_lan = 'en/';
				} else {
					link_lan = '';
				}
				
				if (picname != picsrc['main']) { /* äußere Area */
					$(language_id).append('<area shape="poly" coords="1,1,539,1,539,343,1,343,1,166,13,166,271,317,527,166,271,14,13,165,1,165" onmouseover="javascript: processMap(\'main\');return false;" />');
				}
				switch(picname) { /* Areas für Detailbilder */
					/* onclick-Events sind notwendig, da sonst IE7 und IE8 statt dem Link das click-Event um zurückzukehren ausführen */
					case '556mmx45.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '215,234,255,254';
							coords[1] = '287,234,327,254';
						} else {
							coords[0] = '215,214,255,234';
							coords[1] = '287,214,332,234';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/polizei/556-mm-x-45-223-rem/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/polizei/556-mm-x-45-223-rem/" />');
						$(language_id).append('<area shape="rect" coords="'+coords[1]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/militaer/556-mm-x-45-223-rem/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/militaer/556-mm-x-45-223-rem/" />');
					break;
					
					case '9mmx19.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '215,215,255,235';
							coords[1] = '287,215,327,235';
						} else {
							coords[0] = '215,197,255,217';
							coords[1] = '287,197,332,217';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/polizei/9-mm-x-19-9-mm-luger/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/polizei/9-mm-x-19-9-mm-luger/" />');
						$(language_id).append('<area shape="rect" coords="'+coords[1]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/militaer/9-mm-x-19-9-mm-luger/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/militaer/9-mm-x-19-9-mm-luger/" />');
					break;
					
					case '762mmx51.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '199,217,262,235';
						} else {
							coords[0] = '199,199,299,217';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/militaer/762-mm-x-51-308-win/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/militaer/762-mm-x-51-308-win/" />');
					break;
					
					/*
					case '46mmx30.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '';
						} else {
							coords[0] = '';
						}
						$(language_id).append('<area shape="rect" coords="" href="" />');
					break;
					*/
					
					case 'entsorgung.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '175,216,241,235';
						} else {
							coords[0] = '175,197,277,217';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/munitionsentsorgung/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/munitionsentsorgung/" />');
					break;
					
					case '300.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '200,225,268,244';
						} else {
							coords[0] = '200,207,300,225';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/praezisions-und-scharfschuetzen/300-win-mag/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/praezisions-und-scharfschuetzen/300-win-mag/" />');
					break;
					
					case '127mmx99.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '200,212,238,228';
							coords[1] = '271,212,360,228';
						} else {
							coords[0] = '200,212,243,228';
							coords[1] = '271,212,310,228';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/militaer/127-mm-x-99-50-bmg/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/militaer/127-mm-x-99-50-bmg/" />');
						$(language_id).append('<area shape="rect" coords="'+coords[1]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/praezisions-und-scharfschuetzen/50-bmg/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/praezisions-und-scharfschuetzen/50-bmg/" />');
					break;
					
					case '338.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '200,215,264,232';
						} else {
							coords[0] = '200,215,299,232';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/praezisions-und-scharfschuetzen/338-lapua-mag/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/praezisions-und-scharfschuetzen/338-lapua-mag/" />');
					break;
					
					case 'gurtung.jpg':
						if (language_id == '#rautemap') {
							coords[0] = '175,216,241,235';
						} else {
							coords[0] = '175,216,276,235';
						}
						$(language_id).append('<area shape="rect" coords="'+coords[0]+'" onclick="window.location=\'http://www.men-defencetec.de/'+link_lan+'produkte/gurtung/\'" href="http://www.men-defencetec.de/'+link_lan+'produkte/gurtung/" />');
					break;
				}
			}