animate = true;

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

function loopSections() {
	so_init();
	loopSectionsCore(0);
}

function loopSectionsCore(id) {
	if (!animate)
		return;
	id = id % 6;
	activateMenuCore(id);
	// skip ecards
	id = id + 1;
	if (id == 2)
		id = 5;
	setTimeout("loopSectionsCore(" + id + ")", 4000);
	
}

addLoadEvent(loopSections);

function activateMenu(id) {
	animate = false;
	activateMenuCore(id);
}

var sections =  new Array("destination.php","diary.php","service.php","honeymoon.php","ecards.php","match.php");

function activateMenuCore(id) {
	for (i = 0; i <= 5; ++i) {
		document.getElementById('section' + i).style.display = "none";
		document.getElementById('menulink' + i).className = "none";
		document.getElementById('menulink' + i).href = "javascript:activateMenu(" + i + ")";
	}
	//document.getElementById('mainimage').src = 'images/homepage-mainimage' + id + '.png';
	document.getElementById('menulink' + id).className = "active";
	document.getElementById('section' + id).style.display = "block";
	document.getElementById('menulink' + id).href = sections[id];

	current = nIndex;
	nIndex = id;
	so_xfade();
}


function activateSearchMenu(id) {
	for (i = 0; i <= 3; ++i) {
		document.getElementById('homepage-search-section' + i).style.display = "none";
		document.getElementById('homepage-search-menulink' + i).className = "none";
	}
	
	document.getElementById('homepage-search-menulink' + id).className = "active";
	document.getElementById('homepage-search-section' + id).style.display = "block";
	
}


//window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, nIndex = 0, pause=false;

function so_init() {
	if(!d.getElementById || !d.createElement)return;

	// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
	// http://slayeroffice.com/code/imageCrossFade/xfade2.css
	css = d.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);

	imgs = d.getElementById("home-mainbox-middle-top-left").getElementsByTagName("img");
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	//setTimeout(so_xfade,1000);
}

function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	//nIndex = imgs[current+1]?current+1:0;

	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=.075; 
	nOpacity+=.075;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		//setTimeout(so_xfade,1000);
	} else {
		setTimeout(so_xfade,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
	
}