// parameters for sliding action
var HomePageSimpleToJoinSlider = new Object();
HomePageSimpleToJoinSlider.isFunctionRunning = false;
HomePageSimpleToJoinSlider.backgroundPositionX1 = 0;
HomePageSimpleToJoinSlider.backgroundPositionX2 = 0;
HomePageSimpleToJoinSlider.backgroundSlideStartIndex = new Array();
HomePageSimpleToJoinSlider.backgroundSlideStartIndex.push(0);
HomePageSimpleToJoinSlider.backgroundSlideStartIndex.push(-920);
HomePageSimpleToJoinSlider.backgroundSlideStartIndex.push(-1840);
//    HomePageSimpleToJoinSlider.backgroundSlide1StartIndex = -40;
//    HomePageSimpleToJoinSlider.backgroundSlide2StartIndex = -960;
//    HomePageSimpleToJoinSlider.backgroundSlide3StartIndex = -1885;
HomePageSimpleToJoinSlider.currentSlide = 1;
HomePageSimpleToJoinSlider.totalSlide = 3;
HomePageSimpleToJoinSlider.changeStep = 0;


// show hide default arrow
var mr_leftimage_imageslide = document.getElementById("mr_leftimage_imageslide");
var mr_rightimage_imageslide = document.getElementById("mr_rightimage_imageslide");
mr_rightimage_imageslide.style.display = "";
mr_rightimage_imageslide.style.textAlign = "right";

// to set font class
var join_span = document.getElementById("join_span");
var add_span = document.getElementById("add_span");
var share_span = document.getElementById("share_span");
join_span.className = "KAB20_B";
add_span.className = "";
share_span.className = "";

// to set hide arrow whiel image moves
var isdirectcall_btn = false;
var left_arrow_old = mr_leftimage_imageslide.style.display;
var right_arrow_old = mr_rightimage_imageslide.style.display;


// function for sliding
function imgHomePageSlide(increaseDecrease) {
    // see if function is running
    if (HomePageSimpleToJoinSlider.isFunctionRunning) {
        return false;
    }
    else {
        HomePageSimpleToJoinSlider.isFunctionRunning = true;
    }
    // check current position of background
    var divHomePageSimpleSlide = document.getElementById("divHomePageSimpleSlide");
    

    HomePageSimpleToJoinSlider.currentSlide += increaseDecrease;
    if (HomePageSimpleToJoinSlider.currentSlide > HomePageSimpleToJoinSlider.totalSlide) {
        HomePageSimpleToJoinSlider.currentSlide = HomePageSimpleToJoinSlider.totalSlide;
        HomePageSimpleToJoinSlider.isFunctionRunning = false;
        return;
    }
    else if (HomePageSimpleToJoinSlider.currentSlide < 1) {
        HomePageSimpleToJoinSlider.currentSlide = 1;
        HomePageSimpleToJoinSlider.isFunctionRunning = false;
        return;
    }

    //alert(HomePageSimpleToJoinSlider.currentSlide +" :: "+ HomePageSimpleToJoinSlider.totalSlide +" :: "+mr_rightimage_imageslide.style.display);

    if (HomePageSimpleToJoinSlider.currentSlide > 1 && HomePageSimpleToJoinSlider.currentSlide < HomePageSimpleToJoinSlider.totalSlide) {
        if (mr_leftimage_imageslide.style.display != "") {
            mr_leftimage_imageslide.style.display = "";
        }
        if (mr_rightimage_imageslide.style.display != "") {
            //alert(mr_rightimage_imageslide.style.display);
            mr_rightimage_imageslide.style.display = "";
        }
        
    }
    else if (HomePageSimpleToJoinSlider.currentSlide == 1) {
        if (mr_leftimage_imageslide.style.display != "none")
            mr_leftimage_imageslide.style.display = "none";
        if (mr_rightimage_imageslide.style.display != "") {
            //alert("1. "+mr_rightimage_imageslide.style.display);
            mr_rightimage_imageslide.style.display = "";
        }
    }
    else if (HomePageSimpleToJoinSlider.currentSlide == HomePageSimpleToJoinSlider.totalSlide) {
        if (mr_leftimage_imageslide.style.display != "")
            mr_leftimage_imageslide.style.display = "";
        if (mr_rightimage_imageslide.style.display != "none") {
            //alert("2. " + mr_rightimage_imageslide.style.display);
            mr_rightimage_imageslide.style.display = "none";
        }
        
    }

    //alert(mr_rightimage_imageslide.style.display + " ; " + mr_rightimage_imageslide.style.textAlign);
    
    // set change step for background position
    if (increaseDecrease > 0) {
        HomePageSimpleToJoinSlider.changeStep = -20;        
    }
    else {
        HomePageSimpleToJoinSlider.changeStep = 20;

    }

    // save old value 
    isdirectcall_btn = false;
    left_arrow_old = mr_leftimage_imageslide.style.display;
    right_arrow_old = mr_rightimage_imageslide.style.display;
    mr_leftimage_imageslide.style.display = "none";
    mr_rightimage_imageslide.style.display = "none";


    // set background position for div element
    HomePageSimpleToJoinSlider.backgroundPositionX2 = HomePageSimpleToJoinSlider.backgroundSlideStartIndex[HomePageSimpleToJoinSlider.currentSlide - 1];
    // set interval here for background image
    var HomePageSimpleToJoinSlider_interval = setInterval(function () {
        HomePageSimpleToJoinSlider.backgroundPositionX1 += HomePageSimpleToJoinSlider.changeStep;
        divHomePageSimpleSlide.style.backgroundPosition = HomePageSimpleToJoinSlider.backgroundPositionX1.toString() + "px 0px";
        if (HomePageSimpleToJoinSlider.backgroundPositionX1 == HomePageSimpleToJoinSlider.backgroundPositionX2) {
            clearInterval(HomePageSimpleToJoinSlider_interval);
            HomePageSimpleToJoinSlider.isFunctionRunning = false;
            _elementParam = null;
            _number = HomePageSimpleToJoinSlider.currentSlide;

            hrefJoinSlide_click(); //null, HomePageSimpleToJoinSlider.currentSlide);

            mr_leftimage_imageslide.style.display = left_arrow_old;
            mr_rightimage_imageslide.style.display = right_arrow_old;
        }
    }, "1");
}

var _elementParam = null;
var _number = null


function hrefJoinSlide_click_direct(elementParam, number) {

    _elementParam = elementParam;
    _number = number;

    left_arrow_old = mr_leftimage_imageslide.style.display;
    right_arrow_old = mr_rightimage_imageslide.style.display;
    mr_leftimage_imageslide.style.display = "none";
    mr_rightimage_imageslide.style.display = "none";


    setTimeout("hrefJoinSlide_click()", 20);
    //elementParam, number);
}
function hrefJoinSlide_click()//elementParam, number) {
{
    var elementParam = _elementParam;
    var number = _number;
        

    // reset all styles
    var hrefJoinSlide1 = document.getElementById("hrefJoinSlide1");
    var hrefJoinSlide2 = document.getElementById("hrefJoinSlide2");
    var hrefJoinSlide3 = document.getElementById("hrefJoinSlide3");
    //
    hrefJoinSlide1.className = "nbutton1";
    hrefJoinSlide2.className = "nbutton2";
    hrefJoinSlide3.className = "nbutton3";
    // set current style
    var currentElement = document.getElementById("hrefJoinSlide" + number.toString());
    currentElement.className = "nbutton" + number.toString() + "_hover";
    //
    var increaseDecrease = number - HomePageSimpleToJoinSlider.currentSlide;
    if (increaseDecrease != 0) {
        imgHomePageSlide(increaseDecrease);
    }

    // set font to bold    

    if (HomePageSimpleToJoinSlider.currentSlide == 1) {
        join_span.className = "KAB20_B";
        add_span.className = "";
        share_span.className = "";
    }
    else if (HomePageSimpleToJoinSlider.currentSlide == 2) {
        join_span.className = "";
        add_span.className = "KAB20_B";
        share_span.className = "";
    }
    else if (HomePageSimpleToJoinSlider.currentSlide == 3) {
        join_span.className = "";
        add_span.className = "";
        share_span.className = "KAB20_B";
    }
    else {
        join_span.className = "";
        add_span.className = "";
        share_span.className = "";
    }    

}