// JavaScript Document
var preisliste = new Array();

preisliste = 
[
	['Boote',
	  ['V-Boote',
	    [
		 [1108, 'Offshore Boot AS X-treme "Verbrenner"', 290,00],
		 [1110, 'Offshore Boot AS X-treme "S"', 290,00],
		 [1015, 'Offshore Boot AS X-factor', 250,00],
		 [1111, 'Offshore Boot AS Independence', 410,00],
		 [1402, 'Offshore Boot Apache', 399,00],
		 [1001, 'Offshore Boot AS 1', 145,00],
		 [1002, 'Offshore Boot AS 2 "Sport"', 180,00],
		 [1003, 'Offshore Boot AS 2 "Scale"', 190,00],
		 [1005, 'Offshore Boot AS 3 "Verbrenner"', 240,00],
		 [1007, 'Offshore Boot AS 4 "Verbrenner"', 290,00]
		]
	  ],
	  ['Katamarane',
	    [
		 [1012, 'Offshore Renncat AS Jolly Motor', 250,00],
		 [1109, 'Offshore Renncat AS Surprise', 420,00],
		 [1011, 'Offshore Renncat F1', 250,00]
		]
	  ],
	  ['Sonstiges',
	    [
		 [1013, 'Offshore Boot Sportboot', 460,00]
		]
	  ],
	  ['Rümpfe',
	    [
		 [1017, 'Schlepper', 200,00],
		 [1016, 'Yacht', 120,00],
		 [1020, 'Victor Hensen', 'auf Anfrage'],
		 [1018, 'Schnellboot', 290,00],
		 [1019, 'Polizeiboot', 120,00]
		]
	  ],
	
   ],
   'Zubehör',
	  ['Motorteile',
	    [
	     [1201, 'Merker Reso Rohr (Durchm. 40mm, Länge 360mm mit Wasseranschluss', 98,50],
		 [1202, 'Merker Schellendichtung für Flex-Verbindung 20', 13,00],
		 [1203, 'Merker Ersatzdichtung (2 Stück)', 2,00],
		 [1204, 'Merker Metallschlauch 20, Länge 100 mm', 8,50],
		 [1205, 'Merker Metallschlauch 20, Länge 200 mm', 16,80],
		 [1206, 'Merker Krümmer gebogen für Reso-Rohr mit wassergekühltem Flansch 20 (Zenoah)', 65,00]
		]
	  ],
	  ['Modellbau',
	    [
	     [1350, 'Rennpilot: M 1:8, Höhe 65 mm, Breite 75 mm', 4,50],
		 [1351, 'Armaturenset Durchmesser 12 mm', 3,00],
		 [1352, 'Schalensitze: M 1:10, 50 x 50 x 50 mm', 3,00],
		 [1353, 'Decksluke: M 1:10, 65 x 65 mm', 2,50],
		 [1430, 'Schnellverschluss', 3,50],
		 [1431, 'Jolly-Hutze', 8,00]
		]
	  ],
	  ['Großteile',
	    [
	     [1101, 'GFK-Platte 1,5 x 250 x 350 mm (für Schottwände)', 8,00],
		 [1102, 'GFK-Platte 4 x 150 x 350 mm (für Motorspannten)', 30,00],
		 [1103, 'RC-Box mit Aluflansch und Polycarbonatglasdeckel 160 x 120 x 100 mm', 40,00],
		 [1104, 'RC-Box mit Aluflansch und Polycarbonatglasdeckel 160 x 120 x 100 mm', 45,00]
		]
	  ]
   
];
		 


function createtable(){
	tb=document.createElement("tbody");
	document.getElementById('preistab').appendChild(tb);

for(var x=0;x<preisliste.length;x++){
		var rowhead = document.createElement("tr");
		rowhead.id = "rowhead_"+x;
		tb.appendChild(rowhead);
		var cellhead = document.createElement("td");
		cellhead.id = "cellhead"+x;
		cellhead.colspan = "2";
		cellhead.className = "bootstyphead";
		var inhalt = document.createTextNode(preisliste[x][0]);
		cellhead.appendChild(inhalt);
		document.getElementById("rowhead_"+x).appendChild(cellhead);
		var group = preisliste[x][1];
		alert(preisliste[x][1]);
		
		for(var y=0;y<group.length;y++){
			var rowgroup = document.createElement("tr");
			rowgroup.id = "rowgroup_"+y;
			tb.appendChild(rowgroup);
			var cellgroup = document.createElement("td");
			cellgroup.id = "cellgroup"+x+y;
			var groupinhalt = document.createTextNode(group[y][0]);
			cellgroup.appendChild(groupinhalt);
			document.getElementById("rowgroup_"+y).appendChild(cellgroup);
		alert(y);
		}
	}
}



/* Textfader für die Index-Seite */
/* ***** Begin: GreyWyvern's Buffered Text-fade Effect - v2.2a ***** */
var fader = new Array(), fadeQ = new Array();
var RGB = new Array(256), k = 0, hex = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
for (var i = 0; i < 16; i++) for (var j = 0; j < 16; j++) RGB[k++] = hex[i] + hex[j];

function fadeObj(number, id, colOff, colOn, spdIn, spdOut, def) {
  this.number = number;
  this.id = id;
  this.colOff = [parseInt(colOff.substr(0, 2), 16), parseInt(colOff.substr(2, 2), 16), parseInt(colOff.substr(4, 2), 16)];
  this.colOn = [parseInt(colOn.substr(0, 2), 16), parseInt(colOn.substr(2, 2), 16), parseInt(colOn.substr(4, 2), 16)];
  this.colNow = [parseInt(colOff.substr(0, 2), 16), parseInt(colOff.substr(2, 2), 16), parseInt(colOff.substr(4, 2), 16)];
  this.spdIn = spdIn;
  this.spdOut = spdOut;
  this.def = def;
  this.direction = false;
  this.active = false;
  this.message = new Array();
  this.messageNow = 0;
}

function fadeCmd(number, message, direction) {
  this.number = number;
  this.message = message;
  this.direction = direction;
}

function fade(number, message, direction) {
  if (fader[number].def && fader[number].messageNow == 0 && fader[number].direction) {
    fadeQ[fadeQ.length] = new fadeCmd(number, 0, false);
    fadeQ[fadeQ.length] = new fadeCmd(number, message, direction);
    message = 0;
    direction = false;
  } else fadeQ[fadeQ.length] = new fadeCmd(number, message, direction);
  setTimeout(function() { fadeBegin(number); }, 0);
}

function fadeBegin(number) {
  for (var x = 0; x < fadeQ.length; x++) {
    for (var y = x + 1; y < fadeQ.length; y++) {
      if (fadeQ[x].number == fadeQ[y].number && fadeQ[x].message == fadeQ[y].message && fadeQ[x].direction != fadeQ[y].direction) {
        fadeQ.splice(x, 1);
        fadeQ.splice(y - 1, 1);
      }
    }
  }
  if (!fader[number].active) {
    for (var x = 0; x < fadeQ.length; x++) {
      if (fadeQ[x].number == number && fadeQ[x].direction != fader[number].direction) {
        var del = fadeQ.splice(x, 1);
        setTimeout(function() { fadeEng(number, del[0].message, del[0].direction); }, 0);
        break;
      }
    }
  }
}

function fadeEng(number, message, direction) {
    //alert(number);
  if (!fader[number].active) {
    fader[number].active = true;
    fader[number].direction = direction;
    fader[number].messageNow = message;
    document.getElementById(fader[number].id).innerHTML = fader[number].message[message];
  }
  var iniCol = (direction) ? fader[number].colOff : fader[number].colOn;
  var endCol = (direction) ? fader[number].colOn : fader[number].colOff;
  var incCol = fader[number].colNow;
  var spd = (direction) ? fader[number].spdIn : fader[number].spdOut;
  for (var x = 0; x < 3; x++) {
    var incr = (endCol[x] - iniCol[x]) / spd;
    incCol[x] = (incr < 0) ? Math.max(incCol[x] + incr, endCol[x]) : Math.min(incCol[x] + incr, endCol[x]);
  }
  document.getElementById(fader[number].id).style.color = "#" + RGB[parseInt(incCol[0])] + RGB[parseInt(incCol[1])] + RGB[parseInt(incCol[2])];
  if (incCol[0] == endCol[0] && incCol[1] == endCol[1] && incCol[2] == endCol[2]) {
    fader[number].active = false;
    for (var x = 0; x < fadeQ.length; x++) {
      if (fadeQ[x].number == number) {
        var del = fadeQ.splice(x, 1);
        setTimeout(function() { fadeEng(number, del[0].message, del[0].direction); }, 0);
        return false;
      }
    }
    if (!direction) {
      if (fader[number].def) {
        setTimeout(function() { fadeEng(number, 0, true); }, 0);
      } else document.getElementById(fader[number].id).innerHTML = "<p>&nbsp;</p>";
    }
  } else setTimeout(function() { fadeEng(number, message, direction); }, 0);
}
/* ***** End: GreyWyvern's Buffered Text-fade Effect - v2.2a ******* */




/* *****
 * User defined fade objects and messages
 *
 * These messages are used in fades triggered by mouseovers and
 * mouseouts on table cells.  They are the simplest type of fade and
 * require no extra Javascript code.
 */
fader[0] = new fadeObj(0, 'indexrahmen', '0E0E60', 'E6E6FA', 100, 20, false);
fader[0].message[0] = "<p><span style='font-style:bold; font-size: 14pt;'>Offshore Boote</span><br>AS Boote haben immer wieder hervorragende Fahreigenschaften bewiesen. Neben dem Hausprogramm stehe ich Ihnen nat&uuml;rlich auch f&uuml;r die Verwirklichung eigener Ideen und  Kleinserien zur Verf&uuml;gung!</p>";
fader[0].message[1] = "<p><span style='font-style:bold; font-size: 14pt;'>Material</span><br>Wir arbeiten bei unserer Fertigung sowohl mit glasfaser- (GFK) als auch mit kohlefaserverst&auml;rktem (CFK) Kunststoff. Beide Materialien haben ihre Vorz&uuml;ge.</p>";
fader[0].message[2] = "<p><span style='font-style:bold; font-size: 14pt;'>Reparaturen</span><br>Unsere Firma repariert Ihnen sachkundig und preisg&uuml;nstig alle Sch&auml;den an allen GFK Teilen.</p>";
fader[0].message[3] = "<p><span style='font-style:bold; font-size: 14pt;'>Beschichtung</span><br>Durch seine Korrosionsbest&auml;ndigkeit sch&uuml;tzt GFK alle Objekte, die zum Beispiel sehr stark der Witterung ausgesetzt sind.</p>";
fader[0].message[4] = "<p><span style='font-style:bold; font-size: 14pt;'>Andreas Schink</span><br> Startseite</p>";