opengate-svn

[Opengate-svn] SF.net SVN: opengate: [194] data/GUI/docked/screen - market/show ( translate and then kill me).htm

[<ult...@us...>]

Revision: 194
          http://svn.sourceforge.net/opengate/?rev=194&view=rev
Author:   ultrasick
Date:     2006-10-27 13:16:47 -0700 (Fri, 27 Oct 2006)

Log Message:
-----------
Added a "show all" and 2 sort direction buttons (ascending and descending)

Modified Paths:
--------------
    data/GUI/docked/screen - market/show (translate and then kill me).htm

Modified: data/GUI/docked/screen - market/show (translate and then kill me).htm
===================================================================
--- data/GUI/docked/screen - market/show (translate and then kill me).htm	2006-10-27 20:00:35 UTC (rev 193)
+++ data/GUI/docked/screen - market/show (translate and then kill me).htm	2006-10-27 20:16:47 UTC (rev 194)
@@ -5,122 +5,205 @@
 	// General preferences
 	var Language = 'german'; // Currently possible: "german", "english"
 
-	function Scrollbar_Show(Objekt_ID){
-		Objekt = document.getElementById(Objekt_ID);
+	function Scrollbar_Show(Object_ID){
+		Object = document.getElementById(Object_ID);
 
-		Objekt.style.visibility = 'visible';
+		Object.style.visibility = 'visible';
 	}
 
-	function Scrollbar_Hide(Objekt_ID){
-		Objekt = document.getElementById(Objekt_ID);
+	function Scrollbar_Hide(Object_ID){
+		Object = document.getElementById(Object_ID);
 
-		Objekt.style.visibility = 'hidden';
+		Object.style.visibility = 'hidden';
 	}
 
-	function Categorie_Fetch_Caption(ID){
-		if(Language=='english'){
-			if(ID==1){
-				Caption = 'Commodities';
-			}else if(ID==2){
-				Caption = 'Power plants';
-			}else if(ID==3){
-				Caption = 'Engines';
-			}else if(ID==4){
-				Caption = 'Radars';
-			}else if(ID==5){
-				Caption = 'ECMs';
-			}else if(ID==6){
-				Caption = 'Capacitors';
-			}else if(ID==7){
-				Caption = 'Shields';
-			}else if(ID==8){
-				Caption = 'Guns';
-			}else if(ID==9){
-				Caption = 'Missiles';
-			}else if(ID==10){
-				Caption = 'Modifications';
-			}else if(ID==11){
-				Caption = 'Private storage room';
+	// Categorie stuff [start]
+		function Categorie_Fetch_Caption(ID){
+			if(Language=='english'){
+				if(ID==1){
+					Caption = 'Commodities';
+				}else if(ID==2){
+					Caption = 'Power plants';
+				}else if(ID==3){
+					Caption = 'Engines';
+				}else if(ID==4){
+					Caption = 'Radars';
+				}else if(ID==5){
+					Caption = 'ECMs';
+				}else if(ID==6){
+					Caption = 'Capacitors';
+				}else if(ID==7){
+					Caption = 'Shields';
+				}else if(ID==8){
+					Caption = 'Guns';
+				}else if(ID==9){
+					Caption = 'Missiles';
+				}else if(ID==10){
+					Caption = 'Modifications';
+				}else if(ID==11){
+					Caption = 'Private storage room';
+				}
+			}else if(Language=='german'){
+				if(ID==1){
+					Caption = 'Handelswaren';
+				}else if(ID==2){
+					Caption = 'Reaktoren';
+				}else if(ID==3){
+					Caption = 'Triebwerke';
+				}else if(ID==4){
+					Caption = 'Radare';
+				}else if(ID==5){
+					Caption = 'EloGM';
+				}else if(ID==6){
+					Caption = 'Kondensatoren';
+				}else if(ID==7){
+					Caption = 'Schilde';
+				}else if(ID==8){
+					Caption = 'Geschuetze';
+				}else if(ID==9){
+					Caption = 'Raketen';
+				}else if(ID==10){
+					Caption = 'Modifikationen';
+				}else if(ID==11){
+					Caption = 'Privater Lagerraum';
+				}
 			}
-		}else if(Language=='german'){
-			if(ID==1){
-				Caption = 'Handelswaren';
-			}else if(ID==2){
-				Caption = 'Reaktoren';
-			}else if(ID==3){
-				Caption = 'Triebwerke';
-			}else if(ID==4){
-				Caption = 'Radare';
-			}else if(ID==5){
-				Caption = 'EloGM';
-			}else if(ID==6){
-				Caption = 'Kondensatoren';
-			}else if(ID==7){
-				Caption = 'Schilde';
-			}else if(ID==8){
-				Caption = 'Geschuetze';
-			}else if(ID==9){
-				Caption = 'Raketen';
-			}else if(ID==10){
-				Caption = 'Modifikationen';
-			}else if(ID==11){
-				Caption = 'Privater Lagerraum';
-			}
+
+			return Caption;
 		}
 
-		return Caption;
-	}
+		function Categorie_MouseOver(ID){
+			Object = document.getElementById('Categorie_' + ID);
 
-	function Categorie_MouseOver(ID){
-		Objekt = document.getElementById('Categorie_' + ID);
+			Caption = Categorie_Fetch_Caption(ID);
 
-		Caption = Categorie_Fetch_Caption(ID);
+			Object.src = 'captions/' + Language + '/12/' + Caption + ' - selected.png';
+		}
 
-		Objekt.src = 'captions/' + Language + '/12/' + Caption + ' - selected.png';
-	}
+		function Categorie_MouseOut(ID){
+			Object = document.getElementById('Categorie_' + ID);
 
-	function Categorie_MouseOut(ID){
-		Objekt = document.getElementById('Categorie_' + ID);
+			Caption = Categorie_Fetch_Caption(ID);
 
-		Caption = Categorie_Fetch_Caption(ID);
+			Object.src = 'captions/' + Language + '/12/' + Caption + ' - normal.png';
+		}
 
-		Objekt.src = 'captions/' + Language + '/12/' + Caption + ' - normal.png';
-	}
+		function Categorie_Click(ID){
+			Object_Border = document.getElementById('Categorie_Marker_' + ID + '_Border');
+			Object_Filling = document.getElementById('Categorie_Marker_' + ID + '_Filling');
 
-	function Categorie_Click(ID){
-		Objekt_Border = document.getElementById('Categorie_Marker_' + ID + '_Border');
-		Objekt_Filling = document.getElementById('Categorie_Marker_' + ID + '_Filling');
+			i = 0;
+			while(i!=11){
+				// Weiterz\xE4hlen
+				i = eval(i + 1);
 
-		i = 0;
-		while(i!=11){
-			// Weiterz\xE4hlen
-			i = eval(i + 1);
+				document.getElementById('Categorie_Marker_' + i + '_Border').style.opacity = 0;
+				document.getElementById('Categorie_Marker_' + i + '_Filling').style.opacity = 0;
+			}
 
-			document.getElementById('Categorie_Marker_' + i + '_Border').style.opacity = 0;
-			document.getElementById('Categorie_Marker_' + i + '_Filling').style.opacity = 0;
+			Object_Border.style.opacity = 1;
+			Object_Filling.style.opacity = 0.5;
+
+			// Caption von "Public market" \xE4ndern
+			if(ID==11){
+				if(Language=='english'){
+					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Private storage room.png';
+				}else if(Language=='german'){
+					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Privater Lagerraum.png';
+					document.getElementById('Market_Caption').style.top = 133;
+				}
+			}else{
+				if(Language=='english'){
+					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Public market.png';
+				}else if(Language=='german'){
+					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Oeffentlicher Markt.png';
+					document.getElementById('Market_Caption').style.top = 130;
+				}
+			}
 		}
+	// Categorie stuff [end]
 
-		Objekt_Border.style.opacity = 1;
-		Objekt_Filling.style.opacity = 0.5;
+	// Buttons stuff [start]
+		function Button_MouseOver(ButtonName){
+			if(ButtonName=='Market_Sort_ascending'){
+				if(Market_Sort_direction=='descending'){
+					document.getElementById('Market_Sort_ascending_Border').src = "buttons/16x16 border/mouseover.png";
+				}
 
-		// Caption von "Public market" \xE4ndern
-		if(ID==11){
-			if(Language=='english'){
-				document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Private storage room.png';
-			}else if(Language=='german'){
-				document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Privater Lagerraum.png';
-				document.getElementById('Market_Caption').style.top = 133;
+				document.getElementById('Market_Sort_ascending_Arrow').src = "buttons/sort/ascending/mouseover.png";
+			}else if(ButtonName=='Market_Sort_descending'){
+				if(Market_Sort_direction=='ascending'){
+					document.getElementById('Market_Sort_descending_Border').src = "buttons/16x16 border/mouseover.png";
+				}
+
+				document.getElementById('Market_Sort_descending_Arrow').src = "buttons/sort/descending/mouseover.png";
+			}else if(ButtonName=='Market_Show_all'){
+				if(Market_Show_all_Status=='off'){
+					document.getElementById('Market_Show_all_Border').src = "buttons/show all/border - mouseover.png";
+				}
+
+				document.getElementById('Market_Show_all_Text').src = "buttons/show all/mouseover.png"
 			}
-		}else{
-			if(Language=='english'){
-				document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Public market.png';
-			}else if(Language=='german'){
-				document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Oeffentlicher Markt.png';
-				document.getElementById('Market_Caption').style.top = 130;
+		}
+
+		function Button_MouseOut(ButtonName){
+			if(ButtonName=='Market_Sort_ascending'){
+				if(Market_Sort_direction=='descending'){
+					document.getElementById('Market_Sort_ascending_Border').src = "buttons/16x16 border/mouseout.png";
+				}
+
+				document.getElementById('Market_Sort_ascending_Arrow').src = "buttons/sort/ascending/mouseout.png";
+			}else if(ButtonName=='Market_Sort_descending'){
+				if(Market_Sort_direction=='ascending'){
+					document.getElementById('Market_Sort_descending_Border').src = "buttons/16x16 border/mouseout.png";
+				}
+
+				document.getElementById('Market_Sort_descending_Arrow').src = "buttons/sort/descending/mouseout.png";
+			}else if(ButtonName=='Market_Show_all'){
+				if(Market_Show_all_Status=='off'){
+					document.getElementById('Market_Show_all_Border').src = "buttons/show all/border - mouseout.png";
+				}
+
+				document.getElementById('Market_Show_all_Text').src = "buttons/show all/mouseout.png"
 			}
 		}
-	}
 
+		var Market_Sort_direction = 'ascending';
+		var Market_Show_all_Status = 'off';
+
+		function Button_Click(ButtonName){
+			if(ButtonName=='Market_Sort_ascending'){
+				document.getElementById('Market_Sort_descending_Border').src = "buttons/16x16 border/mouseout.png";
+				document.getElementById('Market_Sort_descending_Filling').src = "buttons/filling - deselected.png";
+
+				document.getElementById('Market_Sort_ascending_Border').src = "buttons/16x16 border/selected.png";
+				document.getElementById('Market_Sort_ascending_Filling').src = "buttons/filling - selected.png";
+
+				Market_Sort_direction = 'ascending';
+			}else if(ButtonName=='Market_Sort_descending'){
+				document.getElementById('Market_Sort_ascending_Border').src = "buttons/16x16 border/mouseout.png";
+				document.getElementById('Market_Sort_ascending_Filling').src = "buttons/filling - deselected.png";
+
+				document.getElementById('Market_Sort_descending_Border').src = "buttons/16x16 border/selected.png";
+				document.getElementById('Market_Sort_descending_Filling').src = "buttons/filling - selected.png";
+
+				Market_Sort_direction = 'descending';
+			}else if(ButtonName=='Market_Show_all'){
+				if(Market_Show_all_Status=='off'){
+					document.getElementById('Market_Show_all_Border').src = "buttons/show all/border - selected.png";
+					document.getElementById('Market_Show_all_Filling').src = "buttons/filling - selected.png";
+
+					Market_Show_all_Status = 'on';
+				}else if(Market_Show_all_Status=='on'){
+					document.getElementById('Market_Show_all_Border').src = "buttons/show all/border - mouseover.png";
+					document.getElementById('Market_Show_all_Filling').src = "buttons/filling - deselected.png";
+
+					Market_Show_all_Status = 'off';
+				}
+			}
+		}
+	// Buttons stuff [end]
+
 	function Load_Objects(){
 		// Captions [start]
 			// Embracing borders [start]
@@ -148,12 +231,12 @@
 						// Weiterz\xE4hlen
 						i = eval(i + 1);
 
-						Objekt = document.getElementById('Categorie_' + i);
+						Object = document.getElementById('Categorie_' + i);
 
 						Caption = Categorie_Fetch_Caption(i);
 
-						Objekt.src = 'captions/' + Language + '/12/' + Caption + ' - normal.png';
-						Objekt.style.top = eval(125 + 30 * i);
+						Object.src = 'captions/' + Language + '/12/' + Caption + ' - normal.png';
+						Object.style.top = eval(125 + 30 * i);
 					}
 				// Captions [end]
 
@@ -163,11 +246,11 @@
 						// Weiterz\xE4hlen
 						i = eval(i + 1);
 
-						Objekt_Border = document.getElementById('Categorie_Marker_' + i + '_Border');
-						Objekt_Filling = document.getElementById('Categorie_Marker_' + i + '_Filling');
+						Object_Border = document.getElementById('Categorie_Marker_' + i + '_Border');
+						Object_Filling = document.getElementById('Categorie_Marker_' + i + '_Filling');
 
-						Objekt_Border.style.top = eval(117 + 30 * i);
-						Objekt_Filling.style.top = eval(117 + 30 * i);
+						Object_Border.style.top = eval(117 + 30 * i);
+						Object_Filling.style.top = eval(117 + 30 * i);
 					}
 
 				// Markers [end]
@@ -1173,6 +1256,92 @@
 		<!-- Scrollbars [end] -->
 
 		<!-- Buttons [start] -->
+			<!-- Sort direction: ascending [start] -->
+				<img
+					id=Market_Sort_ascending_Border
+					src="buttons/16x16 border/selected.png"
+
+					style="
+						position:absolute;
+						left:582;
+						top:130;
+						z-index:16;
+					"
+
+					onMouseOver="Button_MouseOver('Market_Sort_ascending')"
+					onMouseOut="Button_MouseOut('Market_Sort_ascending')"
+
+					onClick="Button_Click('Market_Sort_ascending')"
+				>
+				<img
+					id=Market_Sort_ascending_Arrow
+					src="buttons/sort/ascending/mouseout.png"
+
+					style="
+						position:absolute;
+						left:582;
+						top:130;
+						z-index:15;
+					"
+				>
+				<img
+					id=Market_Sort_ascending_Filling
+					src="buttons/filling - selected.png"
+
+					style="
+						position:absolute;
+						left:582;
+						top:130;
+						z-index:14;
+
+						opacity:0.5
+					"
+				>
+			<!-- Sort direction: ascending [end] -->
+
+			<!-- Sort direction: descending [start] -->
+				<img
+					id=Market_Sort_descending_Border
+					src="buttons/16x16 border/mouseout.png"
+
+					style="
+						position:absolute;
+						left:599;
+						top:130;
+						z-index:16;
+					"
+
+					onMouseOver="Button_MouseOver('Market_Sort_descending')"
+					onMouseOut="Button_MouseOut('Market_Sort_descending')"
+
+					onClick="Button_Click('Market_Sort_descending')"
+				>
+				<img
+					id=Market_Sort_descending_Arrow
+					src="buttons/sort/descending/mouseout.png"
+
+					style="
+						position:absolute;
+						left:599;
+						top:130;
+						z-index:15;
+					"
+				>
+				<img
+					id=Market_Sort_descending_Filling
+					src="buttons/filling - deselected.png"
+
+					style="
+						position:absolute;
+						left:599;
+						top:130;
+						z-index:14;
+
+						opacity:0.5
+					"
+				>
+			<!-- Sort direction: descending [end] -->
+
 			<!-- Show all [start] -->
 				<img
 					id=Market_Show_all_Border
@@ -1180,22 +1349,38 @@
 
 					style="
 						position:absolute;
-						left:622;
+						left:618;
 						top:130;
 						z-index:16;
 					"
+
+					onMouseOver="Button_MouseOver('Market_Show_all')"
+					onMouseOut="Button_MouseOut('Market_Show_all')"
+
+					onClick="Button_Click('Market_Show_all')"
 				>
 				<img
+					id=Market_Show_all_Text
+					src="buttons/show all/mouseout.png"
+
+					style="
+						position:absolute;
+						left:618;
+						top:130;
+						z-index:15;
+					"
+				>
+				<img
 					id=Market_Show_all_Filling
 					src="buttons/filling - deselected.png"
 
 					style="
 						position:absolute;
-						left:622;
+						left:618;
 						top:130;
 						z-index:14;
 
-						width:56;
+						width:60;
 						height:16;
 
 						opacity:0.5


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.

[Opengate-svn] SF.net SVN: opengate: [197] data/GUI/docked/screen - market/show ( translate and then kill me).htm

[<ult...@us...>]

Revision: 197
          http://svn.sourceforge.net/opengate/?rev=197&view=rev
Author:   ultrasick
Date:     2006-10-27 15:06:28 -0700 (Fri, 27 Oct 2006)

Log Message:
-----------
removed some unnecessary code from the categories section

+ changed texts from images to ttf (without antialiasing). Antialiasing must be turned on in c++. I can't do that in html

will delete all caption images

Modified Paths:
--------------
    data/GUI/docked/screen - market/show (translate and then kill me).htm

Modified: data/GUI/docked/screen - market/show (translate and then kill me).htm
===================================================================
--- data/GUI/docked/screen - market/show (translate and then kill me).htm	2006-10-27 22:04:20 UTC (rev 196)
+++ data/GUI/docked/screen - market/show (translate and then kill me).htm	2006-10-27 22:06:28 UTC (rev 197)
@@ -1,9 +1,16 @@
 <html>
 <head>
 
+<style>
+	div{
+		font-family:Impact;
+		color:#88D997;
+	}
+</style>
+
 <script language="JavaScript" type="text/javascript"><!--
 	// General preferences
-	var Language = 'german'; // Currently possible: "german", "english"
+	var Language = 'english'; // Currently possible: "german", "english"
 
 	function Scrollbar_Show(Object_ID){
 		Object = document.getElementById(Object_ID);
@@ -59,7 +66,7 @@
 				}else if(ID==7){
 					Caption = 'Schilde';
 				}else if(ID==8){
-					Caption = 'Geschuetze';
+					Caption = 'Gesch\xFCtze';
 				}else if(ID==9){
 					Caption = 'Raketen';
 				}else if(ID==10){
@@ -73,19 +80,11 @@
 		}
 
 		function Categorie_MouseOver(ID){
-			Object = document.getElementById('Categorie_' + ID);
-
-			Caption = Categorie_Fetch_Caption(ID);
-
-			Object.src = 'captions/' + Language + '/12/' + Caption + ' - selected.png';
+			document.getElementById('Categorie_' + ID).style.color = '#BAEAC3';
 		}
 
 		function Categorie_MouseOut(ID){
-			Object = document.getElementById('Categorie_' + ID);
-
-			Caption = Categorie_Fetch_Caption(ID);
-
-			Object.src = 'captions/' + Language + '/12/' + Caption + ' - normal.png';
+			document.getElementById('Categorie_' + ID).style.color = '#88D997';
 		}
 
 		function Categorie_Click(ID){
@@ -104,22 +103,21 @@
 			Object_Border.style.opacity = 1;
 			Object_Filling.style.opacity = 0.5;
 
-			// Caption von "Public market" \xE4ndern
-			if(ID==11){
-				if(Language=='english'){
-					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Private storage room.png';
-				}else if(Language=='german'){
-					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Privater Lagerraum.png';
-					document.getElementById('Market_Caption').style.top = 133;
+			// Change caption of "Public market" [start]
+				if(ID==11){
+					if(Language=='english'){
+						document.getElementById('Market_Caption').innerHTML = 'Private storage room';
+					}else if(Language=='german'){
+						document.getElementById('Market_Caption').innerHTML = 'Privater Lagerraum';
+					}
+				}else{
+					if(Language=='english'){
+						document.getElementById('Market_Caption').innerHTML = 'Public market';
+					}else if(Language=='german'){
+						document.getElementById('Market_Caption').innerHTML = '\xD6ffentlicher Markt';
+					}
 				}
-			}else{
-				if(Language=='english'){
-					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Public market.png';
-				}else if(Language=='german'){
-					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Oeffentlicher Markt.png';
-					document.getElementById('Market_Caption').style.top = 130;
-				}
-			}
+			// Change caption of "Public market" [end]
 		}
 	// Categorie stuff [end]
 
@@ -209,18 +207,16 @@
 			// Embracing borders [start]
 				if(Language=='english'){
 					// Market
-					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Public market.png';
-					document.getElementById('Market_Caption').style.top = 133;
+					document.getElementById('Market_Caption').innerHTML = 'Public market';
 
 					// Cargo hold
-					document.getElementById('Cargo_hold_Caption').src = 'captions/' + Language + '/10/Private cargo hold.png';
+					document.getElementById('Cargo_hold_Caption').innerHTML = 'Private cargo hold';
 				}else if(Language=='german'){
 					// Market
-					document.getElementById('Market_Caption').src = 'captions/' + Language + '/10/Oeffentlicher Markt.png';
-					document.getElementById('Market_Caption').style.top = 130;
+					document.getElementById('Market_Caption').innerHTML = '\xD6ffentlicher Markt';
 
 					// Cargo hold
-					document.getElementById('Cargo_hold_Caption').src = 'captions/' + Language + '/10/Privater Frachtraum.png';
+					document.getElementById('Cargo_hold_Caption').innerHTML = 'Privater Frachtraum';
 				}
 			// Embracing borders [end]
 
@@ -235,8 +231,8 @@
 
 						Caption = Categorie_Fetch_Caption(i);
 
-						Object.src = 'captions/' + Language + '/12/' + Caption + ' - normal.png';
-						Object.style.top = eval(125 + 30 * i);
+						Object.innerHTML = Caption;
+						Object.style.top = eval(121 + 30 * i);
 					}
 				// Captions [end]
 
@@ -338,7 +334,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 					"
 
 					onMouseOver="Categorie_MouseOver('1')"
@@ -365,7 +361,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -394,7 +390,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -423,7 +419,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -452,7 +448,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -481,7 +477,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -510,7 +506,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -539,7 +535,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -568,7 +564,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -597,7 +593,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -626,7 +622,7 @@
 					style="
 						position:absolute;
 						left:121;
-						z-index:14;
+						z-index:15;
 
 						opacity:0
 					"
@@ -1390,163 +1386,158 @@
 		<!-- Buttons [end] -->
 	<!-- Content fillings and borders [end] -->
 
-	<!-- Caption [start] -->
+	<!-- Captions [start] -->
 		<!-- Embracing borders [start] -->
-			<img
+			<div
 				id=Market_Caption
 				style="
 					position:absolute;
 					left:376;
+					top:129;
 					z-index:14;
+
+					font-size:10pt;
 				"
 			>
+			</div>
 
-			<img
+			<div
 				id=Cargo_hold_Caption
 				style="
 					position:absolute;
 					left:736;
-					top:133;
+					top:129;
 					z-index:14;
+
+					font-size:10pt;
 				"
 			>
+			</div>
 		<!-- Embracing borders [end] -->
 
 		<!-- Categories [start] -->
-			<img
+			<div
 				id=Categorie_1
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('1')"
-				onMouseOut="Categorie_MouseOut('1')"
-				onClick="Categorie_Click('1')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_2
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('2')"
-				onMouseOut="Categorie_MouseOut('2')"
-				onClick="Categorie_Click('2')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_3
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('3')"
-				onMouseOut="Categorie_MouseOut('3')"
-				onClick="Categorie_Click('3')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_4
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('4')"
-				onMouseOut="Categorie_MouseOut('4')"
-				onClick="Categorie_Click('4')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_5
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('5')"
-				onMouseOut="Categorie_MouseOut('5')"
-				onClick="Categorie_Click('5')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_6
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('6')"
-				onMouseOut="Categorie_MouseOut('6')"
-				onClick="Categorie_Click('6')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_7
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('7')"
-				onMouseOut="Categorie_MouseOut('7')"
-				onClick="Categorie_Click('7')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_8
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('8')"
-				onMouseOut="Categorie_MouseOut('8')"
-				onClick="Categorie_Click('8')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_9
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('9')"
-				onMouseOut="Categorie_MouseOut('9')"
-				onClick="Categorie_Click('9')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_10
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('10')"
-				onMouseOut="Categorie_MouseOut('10')"
-				onClick="Categorie_Click('10')"
+					font-size:12pt;
+				"
 			>
-			<img
+			</div>
+			<div
 				id=Categorie_11
 				style="
 					position:absolute;
 					left:160;
-					z-index:15;
-				"
+					z-index:14;
 
-				onMouseOver="Categorie_MouseOver('11')"
-				onMouseOut="Categorie_MouseOut('11')"
-				onClick="Categorie_Click('11')"
+					font-size:12pt;
+				"
 			>
 		<!-- Categories [end] -->
-	<!-- Caption [end] -->
+	<!-- Captions [end] -->
 <!-- Absolut positionierte Objekte [end] -->
 
 </body>


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.