(new Image()).src = "/images/main/b2.jpg";
(new Image()).src = "/images/main/b3.png";

var currentBannerNumber = 1;
var newBannerNumber = 0;
var bannersTimer = null;

var timer = null;
var alpha = 1;
var currentBanner = null;
var newBanner = null;

var arrow = null;

var currentServiceContainer = null;

window.onload = function()
{
    var b = document.getElementById("b2");
    setAlpha(b, 0);
    b.style.display = "";

    b = document.getElementById("b3");
    setAlpha(b, 0);
    b.style.display = "";

    arrow = document.getElementById("blueArrow");

    startSlideShow();
};

function showNextBanner()
{
    if(currentBannerNumber == 3)
    {
        newBannerNumber = 1;
    }
    else
    {
        newBannerNumber = currentBannerNumber + 1;
    }

    showBanner();
}

function showBanner()
{
    currentBanner = document.getElementById("b" + currentBannerNumber);
    currentBanner.style.zIndex = 1;
    newBanner = document.getElementById("b" + newBannerNumber);
    newBanner.style.zIndex = 2;

    if(timer)
    {
        clearInterval(timer);        
    }
    
    timer = setInterval(fadeOut, 42);
}

function fadeOut()
{
    alpha -= 0.1;

    if(alpha > 0)
    {
        setAlpha(currentBanner, alpha);
        setAlpha(arrow, alpha);
    }
    else
    {
        setAlpha(currentBanner, 0);
        setAlpha(arrow, 0);

        clearInterval(timer);

        currentBannerNumber = newBannerNumber;
        currentBanner = newBanner;
        alpha = 0;

        document.getElementById("arrowPlace" + currentBannerNumber).appendChild(arrow);

        timer = setInterval(fadeIn, 42);
    }
}

function fadeIn()
{
    alpha += 0.1;

    if(alpha < 1)
    {
        setAlpha(currentBanner, alpha);
        setAlpha(arrow, alpha);
    }
    else
    {
        setAlpha(currentBanner, 1);
        setAlpha(arrow, 1);
        
        clearInterval(timer);
        timer = null;
        alpha = 1;
    }
}

function selectService(serviceNumber, e)
{
    var element = e.target ? e.target : e.srcElement;

    while(element)
    {
        if(element == currentServiceContainer)
        {
            return;
        }

        element = element.parentNode;
    }

    stopSlideShow();

    newBannerNumber = serviceNumber;
    newBanner = document.getElementById("b" + newBannerNumber);
    currentServiceContainer = document.getElementById("service" + serviceNumber);
    document.onmousemove = mouseMoveHandler;

    showBanner();
}

function mouseMoveHandler(e)
{
    var element = e ? e.target : event.srcElement;

    while(element)
    {
        if(element == currentServiceContainer)
        {
            return;
        }

        element = element.parentNode;
    }

    document.onmousemove = null;
    startSlideShow();
}

function startSlideShow()
{
    currentServiceContainer = null;
    bannersTimer = setInterval(showNextBanner, 6000);
}

function stopSlideShow()
{
    clearInterval(bannersTimer);
}

function setAlpha(element, opacity)
{
    element.style.opacity = opacity;
    element.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + (opacity * 100) + ")";
}

function setBrs()
{
    var titles = document.getElementById("services").getElementsByTagName("h1");

    for(var i = 0; i < titles.length; i++)
    {
        var title = titles[i].getElementsByTagName("a")[0];

        if(document.getElementById("container").offsetWidth < 1190)
        {
            title.innerHTML = title.innerHTML.replace(/ /ig, "<br>");
        }
        else
        {
            title.innerHTML = title.innerHTML.replace(/<br>/ig, " ");
        }
    }
}