jQuery.noConflict();

jQuery.preloadImages = function()
{
	for(var i = 0; i<arguments.length; i++)
	{
		jQuery("<img>").attr("src", arguments[i]);
	}
}

jQuery(document).ready(function() {
	
	jQuery.preloadImages("tl_files/img/grafik_strategie_en.png", "grafik_konzept_en.png", "tl_files/img/grafik_umsetzung_en.png", "tl_files/img/grafik_strategie_de.png", "grafik_konzept_de.png", "tl_files/img/grafik_umsetzung_de.png");
	jQuery('#desc_strategie').hide();
	jQuery('#desc_konzept').hide();
	jQuery('#desc_umsetzung').hide()
	
	
	/* inhalt strategie en */
	
	jQuery('.strategie area#strategie_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_en.png');
	    jQuery('#desc_strategie').show();
		jQuery('a#link_strategie').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_en.png');
	    jQuery('#desc_strategie').hide();
		jQuery('a#link_strategie').toggleClass("aktiv");
	});
	
	jQuery('.strategie area#konzept_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_en.png');
	    jQuery('#desc_konzept').show();
		jQuery('a#link_konzept').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_en.png');
	    jQuery('#desc_konzept').hide();
		jQuery('a#link_konzept').toggleClass("aktiv");
	});
	
	jQuery('.strategie area#umsetzung_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_en.png');
	    jQuery('#desc_umsetzung').show();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_en.png');
	    jQuery('#desc_umsetzung').hide();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	});
	
	/* inhalt konzept en */
	
	jQuery('.konzept area#strategie_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_en.png');
	    jQuery('#desc_strategie').show();
		jQuery('a#link_strategie').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_en.png');
	    jQuery('#desc_strategie').hide();
		jQuery('a#link_strategie').toggleClass("aktiv");
	});
	
	jQuery('.konzept area#konzept_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_en.png');
	    jQuery('#desc_konzept').show();
		jQuery('a#link_konzept').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_en.png');
	    jQuery('#desc_konzept').hide();
		jQuery('a#link_konzept').toggleClass("aktiv");
	});
	
	jQuery('.konzept area#umsetzung_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_en.png');
	    jQuery('#desc_umsetzung').show();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_en.png');
	    jQuery('#desc_umsetzung').hide();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	});	
	
	/* inhalt umsetzung en */
	
	jQuery('.umsetzung area#strategie_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_en.png');
	    jQuery('#desc_strategie').show();
		jQuery('a#link_strategie').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_en.png');
	    jQuery('#desc_strategie').hide();
		jQuery('a#link_strategie').toggleClass("aktiv");
	});
	
	jQuery('.umsetzung area#konzept_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_en.png');
	    jQuery('#desc_konzept').show();
		jQuery('a#link_konzept').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_en.png');
	    jQuery('#desc_konzept').hide();
		jQuery('a#link_konzept').toggleClass("aktiv");
	});
	
	jQuery('.umsetzung area#umsetzung_en').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_en.png');
	    jQuery('#desc_umsetzung').show();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_en.png');
	    jQuery('#desc_umsetzung').hide();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	});
		
	/* inhalt strategie de */
	
	jQuery('.strategie area#strategie_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_de.png');
	    jQuery('#desc_strategie').show();
		jQuery('a#link_strategie').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_de.png');
	    jQuery('#desc_strategie').hide();
		jQuery('a#link_strategie').toggleClass("aktiv");
	});
	
	jQuery('.strategie area#konzept_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_de.png');
	    jQuery('#desc_konzept').show();
		jQuery('a#link_konzept').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_de.png');
	    jQuery('#desc_konzept').hide();
		jQuery('a#link_konzept').toggleClass("aktiv");
	});
	
	jQuery('.strategie area#umsetzung_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_de.png');
	    jQuery('#desc_umsetzung').show();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_de.png');
	    jQuery('#desc_umsetzung').hide();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	});
	
	/* inhalt konzept de */
	
	jQuery('.konzept area#strategie_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_de.png');
	    jQuery('#desc_strategie').show();
		jQuery('a#link_strategie').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_de.png');
	    jQuery('#desc_strategie').hide();
		jQuery('a#link_strategie').toggleClass("aktiv");
	});
	
	jQuery('.konzept area#konzept_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_de.png');
	    jQuery('#desc_konzept').show();
		jQuery('a#link_konzept').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_de.png');
	    jQuery('#desc_konzept').hide();
		jQuery('a#link_konzept').toggleClass("aktiv");
	});
	
	jQuery('.konzept area#umsetzung_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_de.png');
	    jQuery('#desc_umsetzung').show();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_de.png');
	    jQuery('#desc_umsetzung').hide();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	});	
	
	/* inhalt umsetzung de */
	
	jQuery('.umsetzung area#strategie_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_strategie_de.png');
	    jQuery('#desc_strategie').show();
		jQuery('a#link_strategie').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_de.png');
	    jQuery('#desc_strategie').hide();
		jQuery('a#link_strategie').toggleClass("aktiv");
	});
	
	jQuery('.umsetzung area#konzept_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_konzept_de.png');
	    jQuery('#desc_konzept').show();
		jQuery('a#link_konzept').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_de.png');
	    jQuery('#desc_konzept').hide();
		jQuery('a#link_konzept').toggleClass("aktiv");
	});
	
	jQuery('.umsetzung area#umsetzung_de').mouseover(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_de.png');
	    jQuery('#desc_umsetzung').show();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	}).mouseout(function() {
	    jQuery('#diagramm').attr('src', 'tl_files/img/grafik_umsetzung_de.png');
	    jQuery('#desc_umsetzung').hide();
		jQuery('a#link_umsetzung').toggleClass("aktiv");
	});
	
});
