/// <reference path="jquery-1.6.1-vsdoc.js" />
var oldID = 0;
var play = true;

$(document).ready(function () {
    countdown();
    var count = $(".content").length;
    if (count != 0) {
        firstslide();
    }
});

function firstslide() {
    oldID = 1;
    $("#l" + 1).addClass("aktiv");
    $("#c" + 1).toggleClass("visibel", 1000);
    window.setTimeout("slide(1)", 5000)
}

function slide(id) {
    if (play) {
        $("#c" + oldID).fadeOut(1000);
        $(".btn").each(function () {
            $(this).fadeOut(1000);
        });
        window.setTimeout("nextslide(" + id + ")", 1000)
    } else {
        play = true;
        window.setTimeout("slide(" + id + ")", 15000)
    }
}

function nextslide(id) {
    var count = $(".content").length;
    $("#c" + oldID).toggleClass("visibel");
    $("#l" + oldID).removeClass("aktiv");
    $("#c" + oldID).fadeIn(1);
    $(".btn").each(function () {
        $(this).fadeIn(1);
    });
    id = oldID;
    id++;
    if (id <= count) {
        $("#l" + id).addClass("aktiv");
        $("#c" + id).toggleClass("visibel", 1000);
    } else {
       id = 1;
       $("#l" + id).addClass("aktiv");
       $("#c" + id).toggleClass("visibel", 1000);
    }
    oldID = id;
    window.setTimeout("slide(" + id + ")", 5000)
}

function slideto(id) {
    play = false;
    $("#c" + oldID).fadeOut(1000);
    $(".btn").each(function () {
        $(this).fadeOut(1000);
    });
    window.setTimeout("nextslideto(" + id + ")", 1000)
}

function nextslideto(id) {
    var count = $(".content").length;
    $("#c" + oldID).toggleClass("visibel");
    $("#l" + oldID).removeClass("aktiv");
    $("#c" + oldID).fadeIn(1);
    $(".btn").each(function () {
        $(this).fadeIn(1);
    });
    
    $("#l" + id).addClass("aktiv");
    $("#c" + id).toggleClass("visibel", 1000);
        
    oldID = id;
}

function countdown() {
    $(".countdown").each(function () {
        var enddatum = new Date($(this).find(".ttl").val().toString());
        var heute = new Date();
        var werte = enddatum - heute;
        var tage = (werte / 1000 / 86400).toString();
        var restzeit = tage.substr(tage.indexOf("."));
        tage = tage.substring(0, tage.indexOf("."));
        var stunden = (restzeit * 24).toString();
        restzeit = stunden.substr(stunden.indexOf("."));
        stunden = stunden.substring(0, stunden.indexOf("."));
        var minuten = (restzeit * 60).toString();
        restzeit = minuten.substr(minuten.indexOf("."));
        minuten = minuten.substring(0, minuten.indexOf("."));
        var sekunden = (restzeit * 60).toString();
        sekunden = sekunden.substring(0, sekunden.indexOf("."));
        $(this).find(".tage").html("Tage<br />" + tage.toString());
        $(this).find(".stunden").html("Std.<br />" + stunden.toString());
        $(this).find(".minuten").html("min.<br />" + minuten.toString());
        $(this).find(".sekunden").html("sek.<br />" + sekunden.toString());
    });    
    window.setTimeout("countdown()", 1000)
}