// function blue(){
	// 	new Effect.Parallel(
	// 
	// 		[
	// 		  new Effect.Appear('bg_1', {sync: true}),
	// 		  new Effect.Fade('body', {sync: true}),
	// 		  new Effect.Fade('bg_2', {sync: true}),
	// 		  new Effect.Fade('bg_3', {sync: true}),
	// 		  new Effect.Fade('bg_4', {sync: true})
	// 		],
	// 		{ 
	// 		  duration: 0.8,
	// 		  delay: 0.5
	// 		}
	// 	);
	// }
	// 
	// function orange(){
	// 	new Effect.Parallel(
	// 
	// 		[
	// 		  new Effect.Appear('bg_2', {sync: true}),
	// 		  new Effect.Fade('body', {sync: true}),
	// 		  new Effect.Fade('bg_1', {sync: true}),
	// 		  new Effect.Fade('bg_3', {sync: true}),
	// 		  new Effect.Fade('bg_4', {sync: true})
	// 		],
	// 		{ 
	// 		  duration: 0.8,
	// 		  delay: 0.5
	// 		}
	// 	);
	// }
	// 
	// function pink(){
	// 	new Effect.Parallel(
	// 
	// 		[
	// 		  new Effect.Appear('bg_3', {sync: true}),
	// 		  new Effect.Fade('body', {sync: true}),
	// 		  new Effect.Fade('bg_2', {sync: true}),
	// 		  new Effect.Fade('bg_1', {sync: true}),
	// 		  new Effect.Fade('bg_4', {sync: true})
	// 		],
	// 		{ 
	// 		  duration: 0.8,
	// 		  delay: 0.5
	// 		}
	// 	);
	// }
	// 
	// function grey(){
	// 	new Effect.Parallel(
	// 
	// 		[
	// 		  new Effect.Appear('bg_4', {sync: true}),
	// 		  new Effect.Fade('body', {sync: true}),
	// 		  new Effect.Fade('bg_2', {sync: true}),
	// 		  new Effect.Fade('bg_3', {sync: true}),
	// 		  new Effect.Fade('bg_1', {sync: true})
	// 		],
	// 		{ 
	// 		  duration: 0.8,
	// 		  delay: 0.5
	// 		}
	// 	);
	// }
	// function color(){
	// 	new Effect.Parallel(
	// 
	// 		[
	// 		  new Effect.Appear('body', {sync: true}),
	// 		  new Effect.Fade('bg_4', {sync: true}),
	// 		  new Effect.Fade('bg_2', {sync: true}),
	// 		  new Effect.Fade('bg_3', {sync: true}),
	// 		  new Effect.Fade('bg_1', {sync: true})
	// 		],
	// 		{ 
	// 		  duration: 0.8,
	// 		  delay: 0.5
	// 		}
	// 	);
	// }

	function logomove () {
		
	  new Effect.Move ('logo',{ 
		x: 647, 
		y: 0, 
		duration: 0.3,
	  	delay: 0.8,
	  
		mode: 'relative'});
		
	  new Effect.Move ('sublogo',{ 
		x: 611, 
		y: 0, 
		duration: 0.3,
		delay: 1.3,
		mode: 'relative'});
	}

	function BubbleMoveDown (i) {
		
		if (i == 1) {
			 new Effect.Move ('bubble1',{ 
			 x: 0, 
			 y: 241, 
			 duration: 0.3,
					  	delay: 0.8,
			
			mode: 'relative'});

			new Effect.Move ('bubble2',{ 
			x: 0, 
			y: 335, 
			duration: 0.3,
		  	delay: 0.8,

			mode: 'relative'});

			new Effect.Move ('bubble3',{ 
			x: 0, 
			y: 432, 
			duration: 0.3,
		  	delay: 0.8,

			mode: 'relative'});
			
			// BubbleMoveDown(2);
		};
	

	  
	}

	function resize (i) {
		if (i == 2) {
			// Shop Bubble --> mouseover
			new Effect.Parallel([
				
				 new Effect.Move ('bubble1',{ 
				 x: -10, 
				 y: -10, 
				 duration: 0.3,
				 			  	delay: 0.0,
				 mode: 'relative'}),
				 
				new Effect.Move ('bubble2',{ 
				x: 0, 
				y: 0, 
				duration: 0.3,
			  	delay: 0.0,
				mode: 'relative'}),

				new Effect.Move ('bubble3',{ 
				x: 10, 
				y: 10, 
				duration: 0.3,
			  	delay: 0.0,
				mode: 'relative'})],
				{
					queue: 'end'
				}
				);
		};		

		if (i == 3) {
			new Effect.Parallel([
				
				 new Effect.Move ('bubble1',{ 
				 x: -10, 
				 y: -10, 
				 duration: 0.3,
				 			  	delay: 0.0,
				 // queue: 'end',
				 mode: 'relative'}),
		
				new Effect.Move ('bubble2',{ 
				x: -20, 
				y: -20, 
				duration: 0.3,
			  	delay: 0.0,
				// queue: 'end',
				mode: 'relative'}),
		
				new Effect.Move ('bubble3',{ 
				x: 0, 
				y: 0, 
				duration: 0.3,
			  	delay: 0.0,
				// queue: 'end',
				mode: 'relative'})
				
				
				], {
					queue: 'end'
				});
		};		
		if (i == 1) {
			new Effect.Parallel(
				[
				 new Effect.Move ('bubble1',{ 
				 	x: 550, 
				 	y: 41,
				 duration: 0.3,
				 			  	delay: 0.0,
				 // queue: 'end',
				 mode: 'absolute'}),
				
				new Effect.Move ('bubble2',{ 
				x: +20, 
				y: +20, 
				duration: 0.3,
			  	delay: 0.0,
				// queue: 'end',
				mode: 'relative'}),

				new Effect.Move ('bubble3',{ 
				x: 10, 
				y: 10, 
				duration: 0.3,
			  	delay: 0.0,
				// queue: 'end',
				mode: 'relative'})				
				],
				{
					queue: 'end'
				}
				)
		};		
		if (i == 4) {
			new Effect.Parallel(
				[
				 new Effect.Move ('bubble1',{ 
				 	x: 573, 
				 	y: 41,
				 duration: 0.3,
				 			  	delay: 0.0,
				 // queue: 'end',
				 mode: 'absolute'}),

				new Effect.Move ('bubble2',{ 
				x: 760, 
				y: 35, 
				duration: 0.3,
			  	delay: 0.0,
				// queue: 'end',
				mode: 'absolute'}),

				new Effect.Move ('bubble3',{ 
				x: 853, 
				y: 232, 
				duration: 0.3,
			  	delay: 0.0,
				// queue: 'end',
				mode: 'absolute'})
				]
				,
				{
					queue: 'end'
				}
			);

		};
	}

	function hider(){
		if(move_them) {
			// Element.hide('bg_1');
			// Element.hide('bg_2');
			// Element.hide('bg_3');
			// Element.hide('bg_4');
			logomove();
			BubbleMoveDown(1);
		}
	}

	var check = false;
	var i = 1;
	function moveMenu () {
		i= i+1;			
		
		// alert(i);
		if (i%2 == 0) {
		  new Effect.Move ('subnav',{ 
			x: 0, 
			y: 30, 
			duration: 0.3,
		  	delay: 0.0,
			mode: 'relative'});
			check = true;
		};
		
		if (i%2 != 0) {
			new Effect.Move ('subnav',{ 
			x: 0, 
			y: -30, 
			duration: 0.3,
		  	delay: 0.0,

			mode: 'relative'});
		  	check = false;
			// i= i+1;

		};
	}


	/* This function is called when user selects file in file dialog */
	function javasUpload(upload_field)
	{
	    // this is just an example of checking file extensions
	    // if you do not need extension checking, remove 
	    // everything down to line
	    // upload_field.form.submit();

		// alert('hier');

		// alert(upload_field.form.id);

	    // 
	    var re_text = /\.jpg|\.jpeg|\.png/i;
	    var filename = upload_field.value;
	    var id = upload_field.form.name;
	
		// alert(id);
	
	    /* Checking file type */
	    if (filename.search(re_text) == -1)
	    {
	        alert("File does not have text(jpg, png) extension");
	        upload_field.form.reset();
	        return false;
	    }

	    upload_field.form.submit();
	    document.getElementById(id).style.display = "block";
	    // upload_field.disabled = true;
	    return true;
	}


		var menu_anz = 3;

		function showMenu2(id) {


			// Farbe
			// for(var i = 1; i <= menu_anz; i++){
			// 	$('menu_' + i).style.backgroundColor = '#000000';
			// }
			// $('menu_' + id).style.backgroundColor = '#aa0000';


			if($('submenu2_' + id).style.display == ''){
				Effect.BlindUp('submenu2_' + id);
			}
			else {

				for(var i = 1; i <= menu_anz; i++){

					if(i == id){

						if($('submenu2_' + id).style.display == 'none'){
							Effect.BlindDown('submenu2_' + id);
						}

					}
					else {

						if($('submenu2_' + i).style.display == ''){
							Effect.BlindUp('submenu2_' + i);
						}
					}

				}
			}
		}

		function checkAndMove(id){
			moveable = true;
			var move_now = true;
			var way = 0;

			// Anfang
			if ($('cart').style.left == '0px' || $('cart').style.left == "") {
				if (id == '-1') {
					moveable = false;
					way = 3 * -740;
					new Effect.Parallel(
						[
						  new Effect.Move ('cart',{ 
							x: way, 
							y: 0, 
							mode: 'absolute',
							queue: 'end'
							})
						],
						{
						  duration: 0.3
						}
					);
				};
			};

			// Ende
			if ($('cart').style.left == '-2220px' ) {
				if (id == '+1') {
					moveable = false;
					way = 3 * +740;				
					new Effect.Parallel(
						[
						  new Effect.Move ('cart',{ 
							x: way, 
							y: 0, 
							queue: 'end',
							mode: 'relative'})
						],
						{
						  duration: 0.3
						}
					);
				};
			};

			// NEXT / PREV
			if (id == '-1' || id == '+1') {
				way = id * -740;
				if(moveable == true)
				{
					new Effect.Parallel(
						[
						  new Effect.Move ('cart',{ x: way, y: 0, queue: 'end', mode: 'relative'})
						],
						{
						  duration: 0.3
						}
			  );
				}
			};

			// STEP 1
			if (id == 1 & id != '+1') {
					new Effect.Parallel(
						[
						  new Effect.Move ('cart',{ x: 0, y: 0, queue: 'end', mode: 'absolute'})
						],
						{
						  duration: 0.3
						}
			  );
			};

			// STEP 2
			if (id == 2) {
					new Effect.Parallel(
						[
						  new Effect.Move ('cart',{ x: -755, y: 0, mode: 'absolute'})
						],
						{
						  duration: 0.3
						}
			  );
				new Ajax.Updater('step_2','/equipments/show_devices/', {
					asynchronous:true, 
					evalScripts:true,
					// position: bottom,
					// insertion:Insertion.Bottom,
					requestHeaders:['X-Update', 'panel']
					}
				);
			};

			// STEP 3
			if (id == 3) {
					new Effect.Parallel(
						[
						  new Effect.Move ('cart',{ x: -1510, y: 0, mode: 'absolute'})
						],
						{
						  duration: 0.3
						}
			  );
				new Ajax.Updater('step_3','/equipments/style_buttons/', {
					asynchronous:true, 
					evalScripts:true,
					// position: bottom,
					// insertion:Insertion.Bottom,
					requestHeaders:['X-Update', 'panel']
					}
				);

			};

			// STEP 4
			if (id == 4) {
					new Effect.Parallel(

						[
						  new Effect.Move ('cart',{ x: -2270, y: 0, mode: 'absolute'})
						],
						{
						  duration: 0.3
						}
			  		);
					new Ajax.Updater('step_4','/equipments/overview/', {
						asynchronous:true, 
						evalScripts:true,
						// position: bottom,
						// insertion:Insertion.Bottom,
						requestHeaders:['X-Update', 'panel']
						}
					);
			
			};
		}

		function removeItem (draggable, trashcan) {
			new Ajax.Updater('panel','/equipments/remove_cart/'+draggable.id, {
				asynchronous:true, 
				evalScripts:true,
				// position: bottom,
				insertion:Insertion.Bottom,
				requestHeaders:['X-Update', 'panel']
				}
			);
			draggable.parentNode.removeChild(draggable);
		   return false;
		}

		function moveItem( draggable,panel){
		   if (!panel.cleared) {
		      panel.innerHTML = '';
		      panel.cleared = true;
			  // document.getElementById('navigation').display = 'block';
		   }
		// alert(draggable.id);
		   // // draggable.parentNode.removeChild(draggable);
		   // panel.appendChild(draggable);
			new Ajax.Updater('panel','/equipments/add_cart/'+draggable.id, {
				asynchronous:true, 
				evalScripts:true,
				// position: bottom,
				insertion:Insertion.Bottom,
				requestHeaders:['X-Update', 'panel']
				}
			);

			return false;
		}

		function rand( min, max ) {
		    // Returns a random number  
		    // 
		    // version: 810.1317
		    // discuss at: http://phpjs.org/functions/rand
		    // +   original by: Leslie Hoare
		    // +   bugfixed by: Onno Marsman
		    // *     example 1: rand(1, 1);
		    // *     returns 1: 1
		    var argc = arguments.length;
		    if (argc == 0) {
		        min = 0;
		        max = 2147483647;
		    } else if (argc == 1) {
		        throw new Error('Warning: rand() expects exactly 2 parameters, 1 given');
		    }
		    return Math.floor(Math.random() * (max - min + 1)) + min;
		}

		function moveItem2( draggable,panel){
			// alert(draggable.id);
		   // // draggable.parentNode.removeChild(draggable);
		   // panel.appendChild(draggable);
			// alert(panel.id);

			// ====================================================================
			// = Panel.id ist aufgeschlüsselt: P/F - ID - KEY in der Shoppingcart =
			// ====================================================================

			// ===================================================================
			// = Panel Id ist die Stelle im Bild wo der Button losgelassen wurde =
			// ===================================================================

			
			// ==============================
			// = Draggable.id ist die Farbe =
			// ==============================



			new Ajax.Updater(panel.id,'/mixers/changeColor/'+panel.id+'/'+draggable.id, {
				asynchronous:true, 
				evalScripts:true,
				// position: bottom,
				// insertion:Insertion.Bottom,
				requestHeaders:['X-Update', panel.id]
				}
			);

			return false;
		};


		var x = 0;
		var y = 0;
		var width = 0;
		var height = 0;
		var factor = 0;
		var idthing = 0;
		var itemid = 0;
		var Type = 0;
		var TypeUnderlayer = 0;
		var TypeShort = 0;


		function reDraw() {
			coords = new Array();
			dimensions = new Array();
		    coords.x1 = x;
		    coords.y1 = y;
		    dimensions.width = width;
		    dimensions.height = height;
			
			// alert(itemid);
			// alert(width);
			// alert(height);
			// alert(x);
			// alert(y);
			
		
		
			Test = new Ajax.Updater('updater123456',
				'/equipments/change_position/'+TypeShort+'/'+idthing+'/'+(coords.x1*factor)+'/'+(coords.y1*factor)+'/'+(dimensions.width*factor)+'/'+(dimensions.height*factor), 
				{
				asynchronous:true, 
				evalScripts:true,
				// position: bottom,
				insertion:Insertion.Bottom,
				requestHeaders:['X-Update', 'updater123456']
				}
			);
			waitForLoad();
		}


		function  waitForLoad() {
			while( !isThePageLoaded() )
			  {
			    setTimeout('waitForLoad()', 100);
			  }
			while( !isThePageLoaded2() )
			  {
			    setTimeout('waitForLoad()', 100);
			  }
			while( !isThePageLoaded3() )
			  {
			    setTimeout('waitForLoad()', 100);
			  }
		}

		function isThePageLoaded () {
			var floatimg = document.getElementById("MUDESING-"+idthing);
			if (dimensions.width != 0) {
				tmp = floatimg.setAttribute("src", 
				'/'+Type+'/showMediumImage/'+idthing+'/1/'+rand());
			};	
			return true;
		}
		
		function isThePageLoaded2 () {
			var floatimg = document.getElementById(TypeUnderlayer+"-"+idthing);
			if (dimensions.width != 0) {
				tmp = floatimg.setAttribute("src", 
				'/'+Type+'/showXSmallImage/'+idthing+'/'+rand());
			};
			return true;
		}
		
		function isThePageLoaded3 () {
			var floatimg = document.getElementById("item_"+itemid);
			if (dimensions.width != 0) {
				tmp = floatimg.setAttribute("src", 
				'/mixers/showXSmallImage/'+idthing+'/'+rand());
			};
			return true;
		}