var story = {
    
    stepCount : null,    
    stepIndex : null,
    teaser : null,
    idVal: null,
    opened: false,
    
    init : function() {         
                
        $("#launcherControls a").click(function(e){
            $(".on").removeClass("on");
            $(this).addClass("on");
            story.teaser = $(this).attr("id").replace("link","teaser");
            $(".launcherTeaser").hide();
            $("#" + story.teaser).show();             
            e.preventDefault();
        });
    
    },
    
    initSteps : function() {
                
        $("#lightboxControls").show();
        story.stepCount = $("#lightboxPanel ." + story.idVal + " .itemCount").text();        
        story.stepIndex = 0;

        if(!story.opened) {       
            $(".galleryForward").click(function(e){ 
                if(story.stepIndex == story.stepCount - 1) {
                    story.stepIndex = 0; 
                }
                else {
                    story.stepIndex = story.stepIndex + 1;
                }            
                story.swapStep();
                e.preventDefault();
            });
            
            $(".galleryBack").click(function(e){ 
                 if(story.stepIndex == 0) {
                    story.stepIndex = story.stepCount - 1; 
                }
                else {
                    story.stepIndex = story.stepIndex - 1;
                }
                story.swapStep();
                e.preventDefault();
            });
            
            story.opened = true;
        }
    },
    
    swapStep : function() {
        $("#lightboxPanel ." + story.idVal + " .storyStepImage").attr("src",imgSrcStory[story.idVal][story.stepIndex]);
        $("#lightboxPanel ." + story.idVal + " .storyStepImage").attr("alt",imgAltStory[story.idVal][story.stepIndex]);
        
        $("#lightboxPanel ." + story.idVal + " .storyStep").hide();
        $("#lightboxPanel ." + story.idVal + " .step" + (story.stepIndex +1)).show(); 

        $("#lightboxPanel ." + story.idVal + " .itemIndex").text(story.stepIndex + 1);
    }           
}

$(document).ready(function() {
    story.init();   
});