// JavaScript Document

var active_menu="";
var menuName = new Array("fairline","range","newboats","news");



function closeBox()
{
	document.getElementById('white_box').style.display='none';
	document.getElementById('white_box_text').style.display='none'; 
}

var activePlan1;
var activePlan2;
var lastPlanImg;
function setPlan(bgImg) {
	lastImg=document.getElementById('plan_background').src;
	document.getElementById('plan_background').src=bgImg;
	document.getElementById('plan_background_buffer').src=lastImg;

	bgOp1=1;
	activePlan1 = setInterval("hideBgEffect('plan_background_buffer')", 200);
	
	bgOp2=0;
	activePlan2 = setInterval("showBgEffect('plan_background')", 200);
}


var active1;
var active2;
var lastImg;
function setBackground(bgImg) {
	window.clearInterval(active1);
	window.clearInterval(active2);
	
	document.cookie = 'bg_save='+bgImg+';path=/;';
	lastImg=document.getElementById('background').src;
	document.getElementById('background_buffer').src=lastImg;
	//alert(bgImg+" "+lastImg);
	setOpacity('background', 0);
	setOpacity('background_buffer', 100);
	//alert(lastImg+" "+bgImg);
	//lastImg=document.getElementById('background').src;
	document.getElementById('background').src=bgImg;
   	
	//alert(document.getElementById('background').complete);
	/*while (true) 
	{
	  if (document.getElementById('background').complete == true) 
	  {
		
	    break;
	  }
	}*/

	bgOp1=1;
	active1 = setInterval("hideBgEffect('background_buffer')", 100); //hides background_buffer
	
	bgOp2=0;
	active2 = setInterval("showBgEffect('background')", 100); //shows background 
	 
	lastImg=bgImg;
}


var bgOp1 = 1;
var bgOp2 = 0;

function hideBgEffect(element)
{
	bgOp1 -= 0.1;
	setOpacity(element,(bgOp1*10));
	
	if(bgOp1<=0){
	  window.clearInterval(active1);  
	}
}

function showBgEffect(element)
{
	bgOp2 += 0.1;
	setOpacity(element,(bgOp2*10));
	
	if(bgOp2>=1){
	  window.clearInterval(active2);
	}	
}


function backgroundLoop(loopName) {
  var interval = 10000;
  window.setInterval ("setBackgroundArray('"+loopName+"')", interval);
}


portfolioImages = new Array("/images/bg/01.jpg", 
						    "/images/bg/03.jpg",
						    "/images/bg/06.jpg"
						    );

var counter=1;
function setBackgroundArray(loopName)
{
	if(loopName=="portfolio")
	{
	  bgImages = portfolioImages;
	}
	
	if(counter >= bgImages.length)
	  counter=0;
	 
	temp=bgImages[counter];

	//document.getElementById('background').src=temp;
	//document.getElementById('background_buffer').src=temp;
	setBackground(temp);
	
	counter++;
	//alert("starting "+bgImage+" in Interval of "+interval)	
}


//back-button for bottom_menu
function back(m){
  if(document.getElementById('white_box'))	{
    if(document.getElementById('white_box').style.display != 'none')
      closeBox();
    else {
	  if(m=="s")
	    document.location.href='../Squadron/index.php';
	  else if(m=="p")
	    document.location.href='../Phantom/index.php';
	  else if(m=="t")
	    document.location.href='../Targa/index.php';
    }
  }
  else
  {
    history.back();
  }
}



shown = new Array(true, true, false, true);

//evtl. noch erforderlich: auch für - element.style.MozOpacity
function overAnimation(element){
  var i;
  var x;
  var time=0;
  var opacity=getOpacity(element);
  
  if(element=='menu')
    x=0;  
  if(element=='rangeButton')
    x=1;
  if(element=='languageButton')
    x=2;
  if(element=='newsButton')
    x=3;

   if(!shown[x])
  {
    if(window.attachEvent && !window.opera)
      opacity = document.getElementById(element).filters.item("alpha").opacity/100;
  
    document.getElementById(element).style.zIndex="7";
 
	shown[x]=true;
    for (i=0.4; i >= 0 && i<=1; i=i+0.1)
    { 
	  setTimeout("setOpacity('"+element+"',"+(i*10)+")", time);
      time=time+60;
    }
  }  
}

function outAnimation(element){
  var i;
  var time=0;
  var opacity=getOpacity(element);

  if(element=='menu')
    x=0;  
  if(element=='rangeButton')
    x=1;
  if(element=='languageButton')
    x=2;
  if(element=='newsButton')
    x=3;

  if(shown[x])
  {
    if(window.attachEvent && !window.opera)
      opacity = getFilter(element); 
  
    document.getElementById(element).style.zIndex=5;
  
	shown[x]=false;
    for (i=1; i >= 0.4 && i<=1; i=i-0.1)
    {   
	  setTimeout("setOpacity('"+element+"',"+(i*10)+")", time);
      time=time+60;
	}
  }
}

function setOpacity(element, value) {
	document.getElementById(element).style.opacity = value/10;
	document.getElementById(element).style.filter = 'alpha(opacity=' + value*10 + ')';
	//if(document.getElementById('background_buffer').style.opacity  >= 1 && element=="background_buffer")
	  //document.getElementById('background').src=lastImg;
}

function getOpacity(element) {
	return document.getElementById(element).style.opacity;
}
function getFilter(element) {
	return document.getElementById(element).filters.item("alpha").opacity/100;
}


function setDisplay(element,disp) {
	
	  document.getElementById(element).style.display=disp;
}



var temp;
var xScrollValue =0;

function leftScroll(number){
	
	//alert(document.getElementById('boat_row').clientWidth);
	
	if(xScrollValue < 0){
	  xScrollValue +=200;
	  document.getElementById('boat_row').style.left = xScrollValue;
	  //document.getElementById('range_right').scrollLeft = 50;
	  //alert(document.getElementById('range_right').pageXOffset);	
	}
	
	if(xScrollValue >= 0){
	  document.getElementById("left_img").src="../left_unactive.gif";
	}
	
	if((xScrollValue - 200) > (-(number*200))) {
	  document.getElementById("right_img").src="../right_active.gif";
	}
	
}

function rightScroll(number){
	if((xScrollValue - 200) > (-(number*200))) {
      xScrollValue -= 200;
	  document.getElementById('boat_row').style.left = xScrollValue;
	}
	
	if((xScrollValue - 200) <= (-(number*200))) {
		 document.getElementById("right_img").src="../right_unactive.gif";
	}
	
	if(xScrollValue < 0){
	   document.getElementById("left_img").src="../left_active.gif";
	}
}


function checkResize(){	
	//checkBackground();
	if(document.body.clientWidth < 940 || document.body.clientHeight < 500){
	  document.getElementById("content").style.display="none";
	  alert(message);
	  
	}
	else {
	  document.getElementById("content").style.display="block";
	}
}




function getX(el) {
  
    x = el.offsetLeft;
    if (!el.offsetParent) return x;
    else return (x+getX(el.offsetParent));
  
 
}

function getY (el) {
 
    y = el.offsetTop;
    if (!el.offsetParent) return y;
    else return (y+getY(el.offsetParent));


}



function checkMouseOver(Ereignis){
	if(!Ereignis)
      Ereignis = window.event;
	  
	currentElement = document.getElementById('languageButton');
	
	if(Ereignis.clientX > getX(currentElement) && Ereignis.clientX < (getX(currentElement)+currentElement.offsetWidth) )
	{
	  if(Ereignis.clientY > getY(currentElement) && Ereignis.clientY < (getY(currentElement)+currentElement.offsetHeight) )
	  {
	    overAnimation('languageButton');
	  }
	  else
	    outAnimation('languageButton');
	}
	else
	  outAnimation('languageButton');
	  
if(active_menu == ""){
	currentElement = document.getElementById('menu');
	if(Ereignis.clientX > getX(currentElement) && Ereignis.clientX < (getX(currentElement)+currentElement.offsetWidth) )
	{
	  if(Ereignis.clientY > getY(currentElement) && Ereignis.clientY < (getY(currentElement)+currentElement.offsetHeight) )
	  {
	    overAnimation('menu');
	  }
	  else
	    outAnimation('menu');
	}
	else
	  outAnimation('menu');
}
	
	if(document.getElementById('range_parent')){  
		currentElement = document.getElementById('rangeButton');
		if(Ereignis.clientX > getX(currentElement) && Ereignis.clientX < (getX(currentElement)+currentElement.offsetWidth) )
		{
		  if(Ereignis.clientY > getY(currentElement) && Ereignis.clientY < (getY(currentElement)+currentElement.offsetHeight) )
		  {
			overAnimation('rangeButton');
		  }
		  else if(document.getElementById('range_parent').style.display == "none"){
			outAnimation('rangeButton');
		  }
		}
		else if(document.getElementById('range_parent').style.display == "none"){
		  outAnimation('rangeButton');
		}
	}
	
	
	if(document.getElementById('newsBox')){  
		currentElement = document.getElementById('newsButton');
		if(Ereignis.clientX > getX(currentElement) && Ereignis.clientX < (getX(currentElement)+currentElement.offsetWidth) )
		{
		  if(Ereignis.clientY > getY(currentElement) && Ereignis.clientY < (getY(currentElement)+currentElement.offsetHeight) )
		  {
			overAnimation('newsButton');
		  }
		  else if(document.getElementById('newsBox').style.display == "none"){
			outAnimation('newsButton');
		  }
		}
		else if(document.getElementById('newsBox').style.display == "none"){
		  outAnimation('newsButton');
		}
	}
	
	
	
	
	
	var notActiveCount=0;
	var i;
	for(i=0; i<menuName.length; i++){
	  currentElement = document.getElementById('underMenu_'+menuName[i]);
	  menuElement = document.getElementById('menuButton_'+menuName[i]);
	  if(!(Ereignis.clientX > getX(currentElement) && Ereignis.clientX < (getX(currentElement)+currentElement.offsetWidth)
	    && Ereignis.clientY > getY(currentElement) && Ereignis.clientY < (getY(currentElement)+currentElement.offsetHeight)
		|| Ereignis.clientX > getX(menuElement) && Ereignis.clientX < (getX(menuElement)+menuElement.offsetWidth) 			
	    && Ereignis.clientY > getY(menuElement) && Ereignis.clientY < (getY(menuElement)+menuElement.offsetHeight)
	  ))
	  {
	 	currentElement.style.display="none";
	 	
		menuElement.style.backgroundImage="url(../blank.gif)";
		
		notActiveCount++;
	  }
	}
	if(notActiveCount==menuName.length)
	  active_menu = "";
}



function setMenuOrder() 
{
	for(i=0; i<menuName.length; i++){	
	  document.getElementById('underMenu_'+menuName[i]).style.left=getX(document.getElementById('menuButton_'+menuName[i]));
	  document.getElementById('underMenu_'+menuName[i]).style.top=getY(document.getElementById('menuButton_'+menuName[i]))+document.getElementById('menuButton_'+menuName[i]).offsetHeight-1;
	}
}

function activateMenu(menuName)
{
  setDisplay("underMenu_"+menuName, "block")
  setOpacity("menu", 100);
	active_menu=menuName;
}

function setPhotoBox(path)
{
  setDisplay("news_photoBox", "block");
  document.getElementById("news_photoBox_photo").src=path;
  document.getElementById("white_box_text_small").style.overflow="hidden";
}

function newsDetails_back()
{
  if(document.getElementById('news_photoBox'))	{
    if(document.getElementById('news_photoBox').style.display != 'none')
    {
      setDisplay("news_photoBox", "none");
      
      document.getElementById("white_box_text_small").style.overflow="auto";
    }
    else{
      history.back();
    }
  }
  else{
    history.back();
  }
}