var frameTotal = 12
var framePosition = 1;
var frameWidth = 500;

    function pageInit(){
    
        $('tabnavleft').hide();
        $('tabnavleft').onclick = function() {
            moveLeft();
        } 

        $('tabnavright').onclick = function() {
            moveRight();
        } 
        $('tabnavclose').onclick = function(){
            closeTabs();
        }
    }

    function moveLeft(){
        if (framePosition == 1){
            new Effect.Move($('hygieneTabsInner'), { x: -(frameTotal*frameWidth)+frameWidth, y: 0, duration:1.0 });
            framePosition = frameTotal

        }else{
            new Effect.Move($('hygieneTabsInner'), { x: frameWidth, y: 0, duration:0.4 });
            framePosition = framePosition - 1; 
        }
        
        if (framePosition == 1){
            $('tabnavleft').hide();
        }
        $('stepCount').innerHTML = framePosition;
    }

    function moveRight(){
        $('tabnavleft').show();
        if (framePosition == frameTotal){
            new Effect.Move($('hygieneTabsInner'), { x: (frameTotal*frameWidth)-500, y: 0, duration:1.0 }); 
            framePosition = 1
            $('tabnavleft').hide();
        }else{
            new Effect.Move($('hygieneTabsInner'), { x: -frameWidth, y: 0, duration:0.4 });    
            framePosition = framePosition + 1;
            $('tabnavleft').show();
        }
        $('stepCount').innerHTML = framePosition;
    }







function openTabs() {
    $("hygienetabs").removeClassName("hidden");
    //$("hygienetabs").show();
    $("tohide").hide();
}

function closeTabs() {
    $("hygienetabs").addClassName("hidden");
    $("tohide").show();
    /*
        $("hygienetab" + iCurrentHygieneTab).hide();
        iCurrentHygieneTab = 1
        $("hygienetab" + iCurrentHygieneTab).show();
        $("hygienetabs").hide();
        $("tohide").show();
    */
}




/*

function hideArrows() {
    if (iCurrentHygieneTab >= iHygieneTabs) {
        $("tabnavright").hide();
    } else {
        $("tabnavright").show();
    }

    if (iCurrentHygieneTab <= 1) {
        $("tabnavleft").hide();
    } else {
        $("tabnavleft").show();
    }
}

function tabForward() {
    if (bTabbing == false) {
        bTabbing = true;
        Effect.BlindUp($("hygienetab" + iCurrentHygieneTab), {
            duration: 0.5,
            afterFinish: function() {
                if (iCurrentHygieneTab < iHygieneTabs - 1) {
                    iCurrentHygieneTab++;
                } else {
                    iCurrentHygieneTab = iHygieneTabs;
                }
                //hideArrows();
                Effect.BlindDown($("hygienetab" + iCurrentHygieneTab), {
                    duration: 0.5,
                    afterFinish: function() {
                        bTabbing = false;
                    }
                });
            }
        });
    }
}

function tabBack() {
    if (bTabbing == false) {
        bTabbing = true;
        Effect.BlindUp($("hygienetab" + iCurrentHygieneTab), {
            duration: 0.5,
            afterFinish: function() {
                if (iCurrentHygieneTab > 1) {
                    iCurrentHygieneTab--;
                } else {

                }
                //hideArrows();
                Effect.BlindDown($("hygienetab" + iCurrentHygieneTab), {
                    duration: 0.5,
                    afterFinish: function() {
                        bTabbing = false;
                    }
                });
            }
        });
    }
}
*/
Event.observe(window, "load", function() {
    Event.observe ( $("openTabs"), "click", openTabs );
    Event.observe ( $("tabnavclose"), "click", closeTabs );


    
    $("tabnavleft").show();
    $("tabnavright").show();
    $("tabnavclose").show();
    $("nsftablink").show();
    
    
    //$("hygienetabs").hide();
    //hideArrows();
    pageInit();
});