var timer = null;
var tweentimer = null;
var current = 0;

var slider1;
var slider2;
var tween = 100;


function tweening() {

    if (tween > 100)
        tween = 100;

    slider2.filters.item("DXImageTransform.Microsoft.Alpha").opacity = tween;
    slider1.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 100 - tween;

    if (tween < 100) {
        tween += 10;
        setTimeout("tweening()", 50);
        return;
    }
}


function go(slide) {

    // declare
    current = slide;
    slider1 = document.getElementById("slider1");
    slider2 = document.getElementById("slider2");
    var arrow = document.getElementById("red-line-arrow");
    var sliderText = document.getElementById("slider-desc" + slide);

    // display text
    for (var i = 1; i <= 5; i++) {
        var sliderText = document.getElementById("slider-desc" + i);
        sliderText.style.opacity = slide == i ? 1 : 0;
        if (sliderText.filters != null)
            sliderText.filters.item("DXImageTransform.Microsoft.Alpha").opacity = slide == i ? 100 : 0;
    }


    // swap poisition
    if (slider2.style.zIndex > slider1.style.zIndex) {
        var k = slider2;
        slider2 = slider1;
        slider1 = k;
    }

    slider2.style.zIndex = "11";
    slider1.style.zIndex = "10";
    slider2.style.backgroundImage = "url(" + imagePath + slide + ".png)";
    arrow.style.left = 207 + 160 * (slide - 1) + "px";


    if (is_ie8) {

        if (tweentimer!= null)
            clearTimeout(tweentimer);

        tween = 0;
        tweening();
    }
    else
    {
        slider2.style.opacity = 1;
        slider1.style.opacity = 0;
    }


    if (timer != null)
        clearTimeout(timer);

    timer = setTimeout("go(" + ((slide % 5) + 1) + ")", 10000);
}



go(1);


function learnMore() {
    window.location = imageLinks[current];

}


function tabs(val) {
    for (var i = 1; i <= 4; i++) {
        var tab = document.getElementById("tabs-tab" + i);
        var body = document.getElementById("tabs-body" + i);
        if (tab != null)
            tab.className = val == i ? "tab-on" : "tab";
        if (body != null)
            body.className = val == i ? "body-on" : "body";
    }

}