// Detecting browser...
function getInternetExplorerVersion() {
    var rv = -1; // Return value assumes failure.
    if (navigator.appName == 'Microsoft Internet Explorer') {
        var ua = navigator.userAgent;
        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        if (re.exec(ua) != null)
            rv = parseFloat(RegExp.$1);
    }
    return rv;
}

var isDOM=document.getElementById; // DOM1 browser (MSIE 5+, Netscape
									// 6, Opera 5+)
var isOpera=isOpera5=window.opera && isDOM; // Opera 5+
var isOpera6=isOpera && window.print; // Opera 6+
var isOpera7=isOpera && document.readyState; // Opera 7+
var isMSIE=document.all && document.all.item && !isOpera; // Microsoft
															// Internet
															// Explorer
															// 4+
var isMSIE5=isDOM && isMSIE; // MSIE 5+
var isNetscape4=document.layers; // Netscape 4.*
var isMozilla=isDOM && navigator.appName=="Netscape"; // Mozilla ???
														// Netscape 6.*
var bubble;
// Init this with selected menu number
var currentMenuItem = 1;
if(currentMenuItem==3 || currentMenuItem==4) currentSubmenu = 1;
else currentSubmenu = 0;
var sliderImages = "";
var sliderImagesCount = 0;
var sliderLoadedImagesCount = 0;
var sliderImagesArray = new Array();
var sliderCurrentImage = 0;
var sliderOpacity;

var IEVer = getInternetExplorerVersion();

function setActiveSavior(num) {
    if (!isMSIE) { document.getElementById("savior"+num).innerHTML = "<img src='/images/theme/aupair/savior-active.png'/>"; };
    document.getElementById("topmenulink"+num).style.color = "#c85b0b";
}

function getAbsolutePosition(el) {
    var r = { x: el.offsetLeft, y: el.offsetTop };
    if (el.offsetParent) {
        var tmp = getAbsolutePosition(el.offsetParent);
        r.x += tmp.x;
        r.y += tmp.y;
    }
    return r;
}

function showBubble(num, submenu) {
        //        currentMenuItem = num;
        if ( num < 1 ) {
            return;
        }
        var bubbleImage = document.getElementById("menu-bubble");
        var leftPosition = 30 + submenu*25;
        bubbleImage.style.left = leftPosition+"px";
        var menulink = document.getElementById("menulink"+num);
        if( !menulink ) {
            return;
        }
        var topPosition = getAbsolutePosition(menulink).y-2;
        bubbleImage.style.top = topPosition+"px";
        //alert(b.style.left + "/" + b.style.top);
        bubble.doFadeOpacity(0, 1, 0.1, 50);
}

function showBubble2(num, submenu) {
//        currentMenuItem = num;
        var bubbleImage = document.getElementById("menu-bubble");
        var leftPosition = 30 + submenu*25;
		bubbleImage.style.left = leftPosition+"px";
		var menulink = document.getElementById("menulink"+num)
		var topPosition = getAbsolutePosition(menulink).y-2;
        bubbleImage.style.top = topPosition+"px";
        bubble.doFadeOpacity(0, 1, 0.1, 50);
}

function hideBubble(num) {
    var bubbleImage = document.getElementById("menu-bubble");
    //var style = b.style;
    bubbleImage.style.left = "-500px";
    bubbleImage.style.top = "-1000px";
    //style.position = "absolute";
    currentMenuItem = 0;
	//showBubble(currentMenuItem, currentSubmenu);
}

function initBubble() {
	bubble = new opacityObject("menu-bubble");
    hideBubble(0);
}

function addImageToSlider(src) {
    sliderImagesArray[sliderImagesCount] = src;
    sliderImages += "<img src=\""+src+"\" width=\"195\" height=\"280\" onload=\"sliderImageLoaded();\">";
    sliderImagesCount++;
}

function sliderImageLoaded() {
    sliderLoadedImagesCount++;
    if(sliderImagesCount == sliderLoadedImagesCount) setTimeout(startSlideshow, 2000);
}

function initSliderImages() {
    document.getElementById("slider-preloader").innerHTML = sliderImages;
    sliderOpacity = new opacityObject("slider-image2");
}

function startSlideshow() {
    sliderCurrentImage++;
    if(sliderCurrentImage==sliderImagesCount) sliderCurrentImage = 0;
    var o = document.getElementById("slider-image2");
    document.getElementById("slider-image1").src = o.src;
    sliderOpacity.doFadeOpacity(0, 1, 0.1, 50);
    o.src = sliderImagesArray[sliderCurrentImage];
    setTimeout(startSlideshow, 8000);
}

function initStartup(){
    initSliderImages();
    addDefaultSliderImages();
    startSlideshow();
    initBubble();
    showBubble(currentMenuItem, currentSubmenu);
}

