var width = 0;
var numberofpages = 4;
var pagenum = 1;
var scrollableSubmit = 0;
var timerlen = 5;
var slideAniLen = 275;
var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endPos = new Array();
var startPos = new Array();
var moving = new Array();
var dir = new Array();
function weiter(idmask, iditem) {
// checken ob form-felder auf dieser Seite korrekt gefüllt
    if (checkFormPage() != "") {
        // dann weiter - sliden !
        clearError();
        slide(idmask, iditem, 'right');
        return true;
    } else
        if (pagenum != numberofpages) {
            if (pagenum == 2) document.getElementById("scrollableMessage").innerHTML = "Bitte wählen Sie eine Option.";
            if (pagenum == 1) document.getElementById("scrollableMessage").innerHTML = "Bitte wählen Sie mindestens eine Option.";
        }
        else document.getElementById("scrollableMessage").innerHTML = "Bitte füllen Sie alle Kontaktfelder aus.";
        return false;}
function zurueck(idmask, iditem){clearError(); slide(idmask, iditem, 'left');}
function slide(objname,itemname,direction){
        if(moving[objname]) return;
        if (document.getElementById(objname).style.left == null || document.getElementById(objname).style.left == "") 
            document.getElementById(objname).style.left = 0;
        width = parseInt(getStyle(itemname, 'width'));
        dir[objname] = direction;
        if (direction == "right" && parseInt(document.getElementById(objname).style.left) <= (numberofpages - 1) * width * -1) 
            return; // only slide right to maximum of (numberofpages * width)
        if (direction == "left" && parseInt(document.getElementById(objname).style.left) >= 0) 
            return; // cannot slide left to less than Page 1
        moving[objname] = true;
        startslide(objname); }
function startslide(objname){
        obj[objname] = document.getElementById(objname);
        startPos[objname] = parseInt(obj[objname].style.left);
        endPos[objname] = startPos[objname] + (width * (dir[objname] == "right" ? -1 : 1));
        startTime[objname] = (new Date()).getTime();
        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen); }
function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];
        if (elapsed > slideAniLen) endSlide(objname)
        else {
            var d =Math.round(elapsed / slideAniLen * width);
            d = (dir[objname] == "right" ? startPos[objname] - d : startPos[objname] + d);
            obj[objname].style.left = d + "px";
        }
        return; }
function endSlide(objname){
        clearInterval(timerID[objname]);
        obj[objname].style.left = endPos[objname] + "px";
        if (dir[objname] == "right") pagenum += 1; else pagenum -= 1;
        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endPos[objname]);
        delete(startPos[objname]);
        delete(obj[objname]);
        delete (dir[objname]);
        document.getElementById('step').innerHTML = "Schritt " + pagenum + "/" + numberofpages;
        if (pagenum == numberofpages) {
            document.getElementById('formnext').style.display = "none";
            document.getElementById('formsend').style.display = "inline";
        } else {
            document.getElementById('formnext').style.display = "inline";
            document.getElementById('formsend').style.display = "none";
        }
        
        return; }
function getStyle(el, styleProp) {
    var x = document.getElementById(el);
    var y;
    if (x.currentStyle) y = x.currentStyle[styleProp];
    else if (window.getComputedStyle) y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp);
    return y; }
function clearError() { document.getElementById("scrollableMessage").innerHTML = ""; }
function checkFormPage() {
    var ret = "";
    if (pagenum == 2) ret = getCheckedValue(document.forms['scrollable_form1'].elements['quantity']);
    if (pagenum == 1) {
        if (getCheckedValue(document.forms['scrollable_form1'].elements['type1']) != "" || getCheckedValue(document.forms['scrollable_form1'].elements['type2']) != "" || getCheckedValue(document.forms['scrollable_form1'].elements['type3']) != "" || getCheckedValue(document.forms['scrollable_form1'].elements['type4']) != "" || getCheckedValue(document.forms['scrollable_form1'].elements['type5']) != "" || getCheckedValue(document.forms['scrollable_form1'].elements['type6']) != "")
            ret = 1;
        else ret = "";
    }
    if (pagenum == 3) ret = 1;
    if (pagenum == 4) ret = getInputValue();
    return ret; }
function getCheckedValue(radioObj) {
    if (!radioObj) return "";
    var radioLength = radioObj.length;
    if (radioLength == undefined)
        if (radioObj.checked) return radioObj.value;
        else return "";
    for (var i = 0; i < radioLength; i++){
        if (radioObj[i].checked) return radioObj[i].value;}
    return "";}
function getInputValue(){if(document.getElementById("VorNachnameText").value == "" || document.getElementById("PlzText").value == "" || document.getElementById("TelefonText").value == "" || document.getElementById("EmailText").value == "")return "";else return 1;}
function FinalValidate(){if (scrollableSubmit == 0) return true;else{if(weiter('scrollablemask1', 'form1item1')){scrollableSubmit=0; return true;}}scrollableSubmit = 0; return false;}