//########################## LAYER ZONE ###########################
var Browser_NS4 = (document.layers) ? 1 : 0;
var Browser_NS7 =(document.getElementById) ? 1:0;
var Browser_IE = (document.all) ? 1 : 0;
if(Browser_IE)Browser_NS7=0;
var i, nr,X1,Y1,X2,Y2,step1,step2,tempo,width_,height_,end_X,end,anlegen,mitteX;
anlegen=0;
IMG = new Array();
IMG[1]="web/images/intro/segelboot.gif";
IMG[2]="web/images/intro/hausboot.gif";
IMG[3]="web/images/intro/katamaran.gif";
IMG[4]="web/images/intro/motorboot.gif";
IMG[5]="web/images/intro/traditionssegler.gif";
IMG[6]="web/images/intro/wasserski.gif";
IMG[7]="web/images/intro/insel_nixe.gif";
img_steg="web/images/intro/steg_240pix.gif";
img_fahne="web/images/intro/fahne_120pix.gif";

POSx = new Array();
POSy = new Array();
POSy2 = new Array();
richtung = new Array();

end_X = new Array();
end_X2 = new Array();
end=0;
anzahl_img=6;
tempo=50;
step1=5;
step2=15;
nr=1;

function coords() {
mitteX=width_/2;
steg_X=mitteX-75;
steg_Y=height_-240;
fahne_X=steg_X+60;
fahne_Y=steg_Y-103;
if (Browser_NS4)steg_Y=height_-235;
POSx[1]=-300;
POSx[2]=-300;
POSx[3]=width_;
POSx[4]=-300;
POSx[5]=width_;
POSx[6]=width_;
POSx[7]=52;

richtung[1]=1;
richtung[2]=1;
richtung[3]=-1;
richtung[4]=1;
richtung[5]=-1;

POSy[1]=height_-75-240;
POSy[2]=height_-75-90;
POSy[3]=height_-75-230;
POSy[4]=height_-75-115;
POSy[5]=height_-75-280;
POSy[6]=200;
POSy[7]=138;

POSy2[1]=height_-390;
POSy2[2]=height_-100;
POSy2[3]=height_-390;
POSy2[4]=height_-200;
POSy2[5]=height_-320;
POSy2[6]=200;

end_X[1]=width_;
end_X[2]=width_;
end_X[3]=-300;
end_X[4]=width_;
end_X[5]=-360;
end_X[6]=-300;

end_X2[1]=mitteX-225;
end_X2[2]=mitteX-295;
end_X2[3]=mitteX+25;
end_X2[4]=mitteX-270;
end_X2[5]=mitteX+20;

endX=end_X2[1];
X1=POSx[1];
X2=width_;
Y1=POSy2[1];
Y2=210;
i=1;

}
//########################## LAYERS INIT IE ############################
if (Browser_IE) {
width_ = document.body.clientWidth;
height_ = document.body.clientHeight;
coords();
document.write('<div id="BOOT_6" style="POSITION: absolute; Z-INDEX: 1; VISIBILITY: hidden; TOP: '+Y2+'px; LEFT: '+POSx[6]+'px;"><img src="'+IMG[6]+'" border="0"></div>');

document.write('<div id="INSEL" style="POSITION: absolute; Z-INDEX: 0; VISIBILITY: visible; TOP: '+POSy[7]+'px; LEFT: '+POSx[7]+'px;"><img src="'+IMG[7]+'" border="0"></div>');

document.write('<div id="STEG" style="POSITION: absolute; Z-INDEX: 2; VISIBILITY: visible; TOP: '+steg_Y+'px; LEFT: '+steg_X+'"><img src="'+img_steg+'" border="0"></div>');

for (i=1;i <= 5; i++) {
z_index=i+2;
layer_='<div id="BOOT_'+i+'" style="POSITION: absolute; Z-INDEX: '+z_index+'; VISIBILITY: hidden; TOP: '+Y1+'px; LEFT: '+POSx[i]+'px;"><img src="'+IMG[i]+'" border="0"></div>';
document.write(layer_);
}
document.write('<div id="FAHNE" style="POSITION: absolute; Z-INDEX: 10; VISIBILITY: visible; TOP: '+fahne_Y+'px; LEFT: '+fahne_X+'"><img src="'+img_fahne+'" border="0"></div>');

document.all['BOOT_6'].style.visibility = 'visible';
document.all['BOOT_1'].style.visibility = 'visible';
}
//########################## LAYERS INIT NS 4 ############################
if (Browser_NS4) {
width_ = self.innerWidth;
height_ = self.innerHeight;
coords();
document.write('<layer name="BOOT_6" visibility="hidden" top="'+Y2+'" left="'+POSx[6]+'"><img src="'+IMG[6]+'" border="0"></layer>');

document.write('<layer name="INSEL" visibility="visible" top="'+POSy[7]+'" left="'+POSx[7]+'"><img src="'+IMG[7]+'" border="0"></layer>');

document.write('<layer name="STEG" visibility="show" top="'+steg_Y+'" left="'+steg_X+'"><img src="'+img_steg+'" border="0"></layer>');

for (i=1;i <= 5; i++) {
z_index=i+2;
layer_='<layer name="BOOT_'+i+'" visibility="hidden" top="'+Y1+'" left="'+POSx[i]+'"><img src="'+IMG[i]+'" border="0"></layer>';
document.write(layer_);
}
document.write('<layer name="FAHNE" visibility="show" top="'+fahne_Y+'" left="'+fahne_X+'"><img src="'+img_fahne+'" border="0"></layer>');

document.layers["BOOT_6"].visibility = 'visible';
document.layers["BOOT_1"].visibility = 'visible';
}
//######################## LAYERS INIT NS 6/7 ############################
if (Browser_NS7) {
width_ = self.innerWidth;
height_ = self.innerHeight;
coords();
document.write('<div id="BOOT_6" style="POSITION: absolute; Z-INDEX: 1; DISPLAY: hidden; TOP: '+Y2+'px; LEFT: '+POSx[6]+'px;"><img src="'+IMG[6]+'" border="0"></div>');

document.write('<div id="INSEL" style="POSITION: absolute; Z-INDEX: 0; DISPLAY: hidden; TOP: '+POSy[7]+'px; LEFT: '+POSx[7]+'px;"><img src="'+IMG[7]+'" border="0"></div>');

document.write('<div id="STEG" style="POSITION: absolute; Z-INDEX: 2; DISPLAY: visible; TOP: '+steg_Y+'px; LEFT: '+steg_X+'"><img src="'+img_steg+'" border="0"></div>');

for (i=1;i <= 5; i++) {
z_index=i+2;
layer_='<div id="BOOT_'+i+'" style="POSITION: absolute; Z-INDEX: '+z_index+'; DISPLAY: hidden; TOP: '+Y1+'px; LEFT: '+POSx[i]+'px;"><img src="'+IMG[i]+'" border="0"></div>';
document.write(layer_);
}
document.write('<div id="FAHNE" style="POSITION: absolute; Z-INDEX: 10; VISIBILITY: visible; TOP: '+fahne_Y+'px; LEFT: '+fahne_X+'"><img src="'+img_fahne+'" border="0"></div>');

document.getElementById("BOOT_6").style.visibility = 'visible';
document.getElementById("BOOT_1").style.visibility = 'visible';
}
//######################### INIT / START ###########################
function getLang() {

}

function init() {
if (navigator.appName == 'Netscape')
var language = navigator.language;
else
var language = navigator.browserLanguage;
var para = 'hidden';
flash_id=document.getElementById("FLASH_INTRO");
url_id=document.URL;
de=url_id.indexOf(".de");
at=url_id.indexOf(".at");
com=url_id.indexOf(".com");
pl=url_id.indexOf(".pl");
se=url_id.indexOf(".se");
dk=url_id.indexOf(".dk");
no=url_id.indexOf(".no");
nl=url_id.indexOf(".nl");
be=url_id.indexOf(".be");

if (language == 'de' || de > -1) {
flash_query="intro.swf?lang=de";
para='play';
}

if (language == 'at' || at > -1) {
flash_query="intro.swf?lang=at";
para='play';
}

if (language == 'pl' || pl > -1) {
flash_query="intro_pl.swf?lang=pl";
para='play';
}

if (language == 'en' || com > -1) {
flash_query="intro.swf?lang=uk";
para='play';
}

if (language == 'sv' || se > -1) {
flash_query="intro.swf?lang=se";
//para='play';
}

if (language == 'da' || dk > -1) {
flash_query="intro.swf?lang=dk";
//para='play';
}

if (language == 'no' || no > -1) {
flash_query="intro.swf?lang=no";
//para='play';
}

if (language == 'nl' || nl > -1) {
flash_query="intro.swf?lang=nl";
para='play';
}

if (language == 'be' || be > -1) {
flash_query="intro.swf?lang=be";
//para='play';
}

if (para == 'play') {
if (Browser_IE) {
flash_id.LoadMovie(0, flash_query);
flash_id.Rewind();
flash_id.Play();
}
document.getElementById("FLASH").style.visibility = 'visible';
}

MOVE_INTRO();
}
//######################### LAYERS MOVE IE #########################
function MOVE_INTRO() {
if (endX > mitteX) {
X1=X1-step1;
}
else {
X1=X1+step1;
}

X2=X2-step2;

if (richtung[nr] == 1) {
if (X1 >= endX)end=1;
}

if (richtung[nr] == -1) {
if (X1 <= endX)end=1;
}

if (end == 1) {

if (nr < anzahl_img) {
nr++;
X1=POSx[nr];
Y1=POSy2[nr];
endX=end_X2[nr];
if (Browser_IE)document.all['BOOT_'+nr].style.visibility = 'visible';
if (Browser_NS7)document.getElementById("BOOT_"+nr).style.visibility = 'visible';
if (Browser_NS4)document.layers["BOOT_"+nr].visibility = 'visible';
}
end=0;
}

if (X2 < -300)X2=POSx[6];

if (Browser_IE)document.all['BOOT_'+nr].style.pixelLeft = X1;
if (Browser_IE)document.all['BOOT_'+nr].style.pixelTop = Y1;

if (Browser_NS4)document.layers["BOOT_"+nr].left = X1;
if (Browser_NS4)document.layers["BOOT_"+nr].top = Y1;

if (Browser_NS7)document.getElementById("BOOT_"+nr).style.left = X1;
if (Browser_NS7)document.getElementById("BOOT_"+nr).style.top = Y1;

if (Browser_IE)document.all['BOOT_6'].style.pixelLeft = X2;
if (Browser_NS4)document.layers["BOOT_6"].left = X2;
if (Browser_NS7)document.getElementById("BOOT_6").style.left = X2;

move_=setTimeout("MOVE_INTRO()", tempo);
}
