// JavaScript Document

		/*
		 *	imagePathColor = thumbnails in farbe
		 *	imagePathSW = thumbnails in schwarz-weiss
		 *	imageBackground = sind die backgrounds	
		 */
		
		var imagePathColor = "../images/thumbs/";
		var imagePathSW = "../images/thumbs_sw/";
		var imageBackground = "../images/background/"+ imageLanguage +"/";
		
		/*
		 *	fadeStep sind die schritte fr das fading
		 *	fadeSpeed ist die Intervalgeschwindigkeit fr die fadeSteps
		 */
		
		var fadeStep = 10; //10er schritte bis 100
		var fadeSpeed = 30; //zeit in ms
		
		var actionInterval;
		var imageOpacity;
		
		var opacity = 0;
		var opacityStart = 0;
		var opacityEnd = 100;
		
		var ie = (document.all) ? 1 : 0;
		var opacityVersion = (ie) ? "filter" : "MozOpacity"; //firefox oder ie opacity
		
		//name of thumbs and backgrounds
		var thumbsList = new Array(
									'architecture_1.jpg',
									'automotive_1.jpg',
									'store_fixture_1.jpg',
									'cans_tubes_1.jpg',
									'furniture_1.jpg',
									'glass_1.jpg',
									'steel_structure_1.jpg',
									'gaming_1.jpg',
									'a_c_1.jpg',
									'wood_1.jpg',
									'sports_leisure_new09_1.jpg',
									'general_industry_1.jpg',
									'lighting_1.jpg',
									'job_shop_1.jpg',
									'e_a_1.jpg',
									'inkjet_1.jpg'
									);
		
		//funktionen			
		function onRollOver(thumbNr)
		{
			document.getElementById("standardImage").style.zIndex = 0;
			
			
	
			//alle thumbs-color werden zu thumbs-sw bis auf rollover-thumb
			for(var i = 0; i < thumbsList.length; i++)
			{
				if( thumbNr != i )
				document.getElementsByTagName("img")[i].src = imagePathSW + thumbsList[i];
			}
			document.getElementById('backgroundImage01').src = imageBackground + thumbsList[thumbNr];
			
			actionInterval = setInterval( "fadeImage()", fadeSpeed );
		}	
		
		function fadeImage()
		{
			imageOpacity = document.getElementById("h_backgroundImage01");
			
			if( opacity <= opacityEnd )	{ opacity = opacity + fadeStep; }
			else{ window.clearInterval(actionInterval); }
			
			browserOpacity = (ie) ? "alpha(opacity="+ opacity +")" : opacity/100;			
			imageOpacity.style[opacityVersion] = browserOpacity;
		}
		
		function onRollOut(thumbNr)
		{
			window.clearInterval(actionInterval);			
			
			//alle thumbs-sw werden zu thumbs-color
			for(var i = 0; i < thumbsList.length; i++)
			{
				document.getElementsByTagName("img")[i].src = imagePathColor + thumbsList[i];
			}
			
			document.getElementById('backgroundImage02').src = imageBackground + thumbsList[thumbNr];
			
			opacity = opacityStart;
			browserOpacity = (ie) ? "alpha(opacity="+ opacity +")" : opacityStart;
			
			imageOpacity = document.getElementById("h_backgroundImage01");
			imageOpacity.style[opacityVersion] = browserOpacity;
		}
		
		function onRollOutComplete()
		{
			//zeigt das standard backgroundimage
			document.getElementById("standardImage").style.zIndex = 10;
		}
		
		function BilderVorladen(bilder)
		{
			for (i=0; i < BilderVorladen.arguments.length; i++) 
			{
				var Bild = new Image();
				Bild.src = imageBackground + BilderVorladen.arguments[i];
			}
		}
		
		document.onload = BilderVorladen(
										'architecture_1.jpg',
									'automotive_1.jpg',
									'store_fixture_1.jpg',
									'cans_tubes_1.jpg',
									'furniture_1.jpg',
									'glass_1.jpg',
									'steel_structure_1.jpg',
									'gaming_1.jpg',
									'a_c_1.jpg',
									'wood_1.jpg',
									'sports_leisure_new09_1.jpg',
									'general_industry_1.jpg',
									'lighting_1.jpg',
									'job_shop_1.jpg',
									'e_a_1.jpg',
									'inkjet_1.jpg'
										);