// switchbuttons

$(document).ready(function() {
    $("#sliderItem1").click(function() {
        $("#slider_item1").removeClass("on2b");
        $("#slider_item2").removeClass("on2");
        $("#slider_item3").removeClass("on2");
        $("#slider_item4").removeClass("on2");
        $("#slider_item5").removeClass("on2");
        $("#slider_item1").addClass("off2");
        $("#slider_item1").addClass("on2");
    });
    $("#sliderItem2").click(function() {
        $("#slider_item1").removeClass("on2");
        $("#slider_item1").removeClass("on2b");
        $("#slider_item3").removeClass("on2");
        $("#slider_item4").removeClass("on2");
        $("#slider_item5").removeClass("on2");
        $("#slider_item1").addClass("off2");
        $("#slider_item2").addClass("on2");
    });
    $("#sliderItem3").click(function() {
        $("#slider_item1").removeClass("on2b");
        $("#slider_item1").removeClass("on2");
        $("#slider_item2").removeClass("on2");
        $("#slider_item3").addClass("on2");
        $("#slider_item4").removeClass("on2");
        $("#slider_item5").removeClass("on2");
        $("#slider_item1").addClass("off2");
    });
    $("#sliderItem4").click(function() {
        $("#slider_item1").removeClass("on2b");
        $("#slider_item1").removeClass("on2");
        $("#slider_item2").removeClass("on2");
        $("#slider_item3").removeClass("on2");
        $("#slider_item4").removeClass("on2");
        $("#slider_item5").removeClass("on2");
        $("#slider_item1").addClass("off2");
        $("#slider_item4").addClass("on2");
    });
    $("#sliderItem5").click(function() {
        $("#slider_item1").removeClass("on2b");
        $("#slider_item1").removeClass("on2");
        $("#slider_item1").addClass("off2");
        $("#slider_item2").removeClass("on2");
        $("#slider_item3").removeClass("on2");
        $("#slider_item4").removeClass("on2");
        $("#slider_item5").addClass("on2");


    });
});

// init arrays
var scrollers = Array;
scrollers['sliderZone'] = { timer: null };
var curSlide = 1;

// easing
function cubicInOut(t, b, c, d) {
    if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
    return c / 2 * ((t -= 2) * t * t + 2) + b;
}

// easing
function sineInOut(t, b, c, d) {
    return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;
}

// perform the move	
function move(scroll, container) {
    if (scroll.time > scroll.duration) {
        clearInterval(scrollers[container].timer);
        scrollers[container].timer = null;
    }
    else {
        element = document.getElementById(scroll.container);
        element.scrollLeft = cubicInOut(scroll.time, scroll.begin, scroll.change, scroll.duration);
        scroll.time++;
    }
}

// initialise the move
function startMove(container, pos, duration) {
    if (scrollers[container].timer != null) {
        clearInterval(scrollers[container].timer);
        scrollers[container].timer = null;
    }

    start = document.getElementById(container).scrollLeft;
    end = pos;
    begin = document.getElementById(container).scrollLeft;

    scrollers[container].time = 0;
    scrollers[container].begin = begin;
    scrollers[container].change = end - start;
    scrollers[container].duration = duration;
    scrollers[container].container = container;
    scrollers[container].timer = setInterval(function() { move(scrollers[container], container); }, 15);
}


// change the navigation (perform all functions)
function changeNav(nav) {
    if (nav == 1) {

        if (document.getElementById('sliderZone') != null) {
            startMove('sliderZone', 0, 80);
        }
    }
    if (nav == 2) {
        if (document.getElementById('sliderZone') != null) {
            startMove('sliderZone', 980, 80);
        }
    }
    if (nav == 3) {

        if (document.getElementById('sliderZone') != null) {
            startMove('sliderZone', 1960, 80);
        }
    }

    if (nav == 4) {

        if (document.getElementById('sliderZone') != null) {
            startMove('sliderZone', 2940, 80);
        }
    }


    if (nav == 5) {

        if (document.getElementById('sliderZone') != null) {
            startMove('sliderZone', 3920, 80);
        }
    }
}


function getPattern(inputString, regPat) {

    var reg = new RegExp(regPat, "i");
    var ar = reg.exec(inputString);
    if (ar != null) {
        return ar[1];
    }
    return null;
}