var _amountBackgroundImages = 7;
var _backgroundImages = new Array();
var _currentBackground;
var _currentBackgroundID = -1;
var _currentBackgroundLevel = 0;
var _bgFadeInTimer;
var _bgFadeOutTimer;
var _fadeInTimer2;
var _fadeOutTimer2;
var _bgFadeTimer;
var _bgNextTimer;
var _isFireFoxMac;

function initBackgroundImages(){
	var  _backgroundImagesTemp = new Array();
	for(var i=0;i<_amountBackgroundImages;i++){
		_backgroundImagesTemp.push("images/super_new_"+i+".jpg");
	}
	for(var i=0;i<_amountBackgroundImages;i++){
		_backgroundImages.push(_backgroundImagesTemp.splice(Math.round(Math.random()*(_backgroundImagesTemp.length*.9999)-.500),1));
	}

/*	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
*/
//	alert("Browser name: "+ browser);
//	alert("Browser version: "+ version);
//	showNextBackground();
}

function showNextBackground(backgroundImage){
	
	if(!backgroundImage || backgroundImage.length == 0) backgroundImage = "images/super_new_"+ Math.round((Math.random()*7)-.5)+".jpg";

	var image = document.getElementById("BackgroundImageContainer");
	setOpacity(image,0);
	fadeOut2(image.id,100);
	clearTimeout(_bgNextTimer);
	_bgNextTimer = window.setTimeout("loadNextBackground('"+backgroundImage+"')", 2000);
	
}

function loadNextBackground(backgroundImage){
  	var image = new Image();
//	clearTimeout(_bgNextTimer);
	image.onload = function(){
		var cont = document.getElementById("BackgroundImageContainer");
		var cont2 = document.getElementById("BackgroundImage");
		var str = "<div><img id='BGPhoto' src='"+this.src+"' style='position:static;' border='0px' style='BORDER:none;' width='100%'  galleryimg='no'><div>";
//		var str = "<div><div id='BGPhoto' style='position:static;background-image:url("+this.src+")'><div>";
		cont2.innerHTML = str;
		fadeIn2(cont.id,0);
		
		
//		var cont2 = document.getElementById("BackgroundImage");
//		body.style.background.src = "url("+this.src+")";
//		body.style.backgroundImage.src = "url("+this.src+")";
//		cont2.style.backgroundColor = "#ff0000";
//		alert("----> " + "url("+this.src+")");
//		
		
//		var imageDiv = document.getElementById("BackgroundImage");
//		imageDiv.style.backgroundImage = this.src;
		
//		bgFadeIn("BackgroundImage",0);
//		new Effect.Appear(document.getElementById("BackgroundImage"));
	};
  	image.src = backgroundImage;//_backgroundImages[_currentBackgroundID];
//	alert("_currentBackgroundID : " + _backgroundImages[_currentBackgroundID]);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}
/*
function bgFadeIn(objId,opacity) {
  if (document.getElementById) {
    var obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      clearTimeout(_bgFadeTimer);
      _bgFadeTimer = window.setTimeout("bgFadeIn('"+objId+"',"+opacity+")", 50);
    }else{
//    	alert("fadein done");
    	setOpacity(obj, 100);
    }
  }
}

function bgFadeOut(objId,opacity) {
  if (document.getElementById) {
    var obj = document.getElementById(objId);
    if (opacity >= 0) {
      	setOpacity(obj, opacity);
      	opacity -= 5;
      	clearTimeout(_bgFadeTimer);
     	_bgFadeTimer = window.setTimeout("bgFadeOut('"+objId+"',"+opacity+")", 50);
    }else{
//    	alert("fadeout done");
    	setOpacity(obj, 0);
    }
  }
}
*/
function fadeIn2(objId,opacity) {
  if (document.getElementById) {
    var obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      clearTimeout(_fadeInTimer2);
      _fadeInTimer2 = window.setTimeout("fadeIn2('"+objId+"',"+opacity+")", 40);
//    }else{
//    	setOpacity(obj, 100);
    }
  }
}

function fadeOut2(objId,opacity) {
  if (document.getElementById) {  	
    var obj = document.getElementById(objId);
    if (opacity >= 0) {
      	setOpacity(obj, opacity);
      	opacity -= 5;
      	clearTimeout(_fadeOutTimer2);
     	_fadeOutTimer2 = window.setTimeout("fadeOut2('"+objId+"',"+opacity+")", 40);
//    }else{
//    	setOpacity(obj, 0);
    }
  }
}