// element.style.filter = "Alpha(opacity=30)";   /* Internet Explorer */
// element.style.opacity = 0.2;                  /* Safari, Opera */
// element.style.MozOpacity = 0.2;               /* Firefox */

var SubMenuDivs;
var CurrentDiv;
var MWidth;
var WithCorrection;
var toplevelid = "btop" ;

function preLoadPicts(){
  for(i=0;i<arguments.length;i++){
    this[i]=new Image()
    this[i].src=arguments[i]
  }
  return this
}

function Flip_once(dd1,dd2){
  //FadeinOnlyDiv(dd1);
  var str="FadeinOnlyDiv('"+dd1+"')";
  setTimeout(str,500);
  //CloseDivAfter (dd1,3000);
  var str="FadeinOnlyDiv('"+dd2+"')";
  setTimeout(str,4000);
}
function FadeinOnlyDiv(divid){
  var tId, iId, ie = false, nn4 = false, dom = false, value=0
  if(document.all){ ie = true;   }
  if(document.layers){ nn4 = true;  }
  if(document.getElementById){ dom = true; }

  if(ie && dom) {
  //document.write( "ie && dom")
     targetDiv = document.all(divid);
     if(targetDiv)  {
        targetDiv.style.opacity = value/10;                                       // max value = 10
        targetDiv.style.filter = 'alpha(opacity=' + value*10 + ')';               // max value = 100
        targetDiv.style.visibility  = "visible";
        CurrentDiv = targetDiv;
        Fadein1(value);
     }
  }
  else if(dom) {
     targetDiv = document.getElementById(divid);
     if(targetDiv)  {
        targetDiv.style.opacity = value/10;
        targetDiv.style.visibility  = "visible";
        targetDiv.style.width  = f_clientWidth()*MWidth-WithCorrection +"px";
        CurrentDiv = targetDiv;
        Fadein1(value);
     }
  }
}
function Fadein1(nn) {
   var n = Math.exp(nn) - 1
   if (n < 10.0) {
     CurrentDiv.style.opacity = n/10;
     CurrentDiv.style.filter = 'alpha(opacity=' + n*10 + ')';
     setTimeout("Fadein1("+ (nn+0.03) +")",1)
   }
}

//---------------------------------------------------------------

function SwitchDivs(dd1,dd2){
  FadeinDiv(dd1);
  var str="FadeinDiv('"+dd2+"')";
  setTimeout(str,7000);
  var str1="SwitchDivs('"+dd1+"','"+dd2+"')";
  setTimeout(str1,14000);
}
function FadeinDiv(ddv){
  var outarray=new Array()
  SubMenuDivs=ddv
  ShowSublevel(ddv);
  CloseDivSoon(ddv);
}
function CloseDiv(ddv) {
  var ie = false, nn4 = false, dom = false
  if(document.all){ ie = true;   }
  if(document.layers){ nn4 = true;  }
  if(document.getElementById){ dom = true; }
  if(ie && dom){FadeoutIE(ddv,9); }
  else if(dom){FadeoutDOM(ddv,9); }
}
function CloseDivSoon(ddiv) {
   var str="CloseDiv('"+ddiv+"')"
   setTimeout(str,5000);
}
function CloseDivAfter(ddiv, n) {
   var str="CloseDiv('"+ddiv+"')"
   setTimeout(str,n);
}
function CloseDivAfter(ddiv,n) {
   var str="CloseDiv('"+ddiv+"')"
   setTimeout(str,n);
}

function CloseDivNow(ddv) {
  var tId = document.getElementById(ddv);
  tId.style.visibility = "hidden";
}
// --------------------------------------------------------------------------------

function FadeinPicture(pict){
  var outarray=new Array()
  outarray[0]="<div id='pictdiv' style='position: absolute; top:0px; left:200px; visibility: hidden'>";
  outarray[1]="<img src='images/"+pict+"'></div>"
  SubMenuDivs="pictdiv"
  for(var i=0; i<=1; i++){
     document.write (outarray[i]);
   }
  ShowSublevel("pictdiv");
  ClosePictSoon("pictdiv")
}

function ClosePict() {
  var ie = false, nn4 = false, dom = false
  if(document.all){ ie = true;   }
  if(document.layers){ nn4 = true;  }
  if(document.getElementById){ dom = true; }

  if(ie && dom){FadeoutIE("pictdiv",7); }
  else if(dom){FadeoutDOM("pictdiv",7); }
}

function ClosePictSoon(pictdiv) {
   setTimeout("ClosePict()",5000);
}

function DisplayMenuPostion(n) {
    ShowSublevel(toplevelid+n);
}
function DisplaySubMenu(n) {
    document.write (sublevelmenues[n] +"<br><br>");
}

function showfor(divid,n) {
    show(divid);
    var str="CloseDiv('"+divid+"')"
    setTimeout(str,n);
}

function showafterfor(divid,m,n) {
    //show(divid);
    var str="show('"+divid+"')"
    setTimeout(str,m);
    var str="CloseDiv('"+divid+"')"
    setTimeout(str,m+n);
}
function showafter(divid,m) {
    var str="show('"+divid+"')"
    setTimeout(str,m);
}


function show(divid) {
  var tId, iId, ie = false, nn4 = false, dom = false
  if(document.all){ ie = true;   }
  if(document.layers){ nn4 = true;  }
  if(document.getElementById){ dom = true; }

  if(ie && dom) {
     targetDiv = document.all(divid);
     if(targetDiv)  {
        var value=10 ;
        targetDiv.style.filter = 'alpha(opacity=' + value*10 + ')';
        targetDiv.style.visibility  = "visible";
        CurrentDiv = targetDiv;
        //Fadein(n);
     }
  }
  else if(dom) {
     targetDiv = document.getElementById(divid);
     if(targetDiv)  {
        var value=1 ;
        targetDiv.style.opacity = value/10;
        targetDiv.style.visibility  = "visible";
        targetDiv.style.width  = f_clientWidth()*MWidth-WithCorrection +"px";
        CurrentDiv = targetDiv;
        Fadein(0);
     }
  }
}

function ShowSublevel(divid)
{ var tId, iId, ie = false, nn4 = false, dom = false
  var mySplitDIVs = SubMenuDivs.split(",");
  var currentDivId = divid;

  if(document.all){ ie = true;   }
  if(document.layers){ nn4 = true;  }
  if(document.getElementById){ dom = true; }

  if(ie && dom) {
     targetDiv = document.all(divid);
     if(targetDiv)  {
        var value=1 ;
        var n = 0;
        targetDiv.style.filter = 'alpha(opacity=' + value*10 + ')';
        targetDiv.style.visibility  = "visible";
        //targetDiv.style.width  = f_clientWidth()*MWidth-WithCorrection +"px";
        CurrentDiv = targetDiv;
        FadeinIE(n);
     }
  }
  else if(dom) {
     targetDiv = document.getElementById(divid);
     if(targetDiv)  {
        var value=0 ;
        targetDiv.style.opacity = value/10;
        targetDiv.style.visibility  = "visible";
        targetDiv.style.width  = f_clientWidth()*MWidth-WithCorrection +"px";
        CurrentDiv = targetDiv;
        FadeinDom(value);
     }
  }
}
function Fadein(n) {
   if (n < 9.8) {
     CurrentDiv.style.opacity = n/10;
     CurrentDiv.style.filter = 'alpha(opacity=' + n*10 + ')';
     setTimeout("Fadein("+ (n+0.2) +")",4)
   }
}

function FadeinDom(n) {
   if (n < 9.8) {
     CurrentDiv.style.opacity = n/10;
     CurrentDiv.style.filter = 'alpha(opacity=' + n*10 + ')';
     setTimeout("FadeinDom("+ (n+0.1) +")",6)
   }
}
function FadeinIE(n) {
   if (n < 9.8) {
     CurrentDiv.style.opacity = n/10;
     CurrentDiv.style.filter = 'alpha(opacity=' + n*10 + ')';
     setTimeout("FadeinIE("+ (n+0.2) +")",8)
   }
}
function FadeoutDOM(tDiv, n) {
   var tId = document.getElementById(tDiv);
   if (n >= 0) {
     tId.style.opacity = n/10;
     tId.style.filter = 'alpha(opacity=' + n*10 + ')';
     setTimeout("FadeoutDOM('"+ tDiv+"',"+(n-0.2) +")",4)
   }
   if (n <= 2) {tId.style.visibility = "hidden";  }
}

function FadeoutIE(tDiv, n) {
   var tId = document.getElementById(tDiv);
   if (n >= 0) {
     tId.style.opacity = n/10;
     tId.style.filter = 'alpha(opacity=' + n*10 + ')';
     setTimeout("FadeoutIE('"+ tDiv+"',"+(n-0.2) +")",8)
   }
   if (n <= 2) {tId.style.visibility = "hidden";  }
}

function f_clientWidth() {
	return f_filterResults (
		window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0
	);
}
function f_filterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

//------------------------------------------------------------------------------------