Variables in HTML 5 - Section Menu
I'm working on a section menu, that will restrict the user from moving forward but allow them to move back and highlight the current section. It works like the regular side bar Articulate menu when it has restricted navigation, but it more compact. It seems to be working fine in flash.
I know the in-built navigation restricted navigation doesn't work in HTML5, and I'm finding an issue with my menu also. All kinds of craziness ensues when I view it in HTML 5.
The variable inexplicably changes mid timeline to a higher value, and then the logic in the menu buttons is thrown into chaos. I've tried to rethink it and rebuilt it in a number of ways to see if I can find a way it will work in HTML5, considering things like if the timeline isn't resetting, or looking for ways the HTML5 player works differently I can code around, but that inexplicable and as far as I can tell, completely uncalled for change of the variable has me beat.
The Storyline File is attached.
The main question I have is, should variables work in HTML5 and I've missed something, or am I going down a rabbit hole and burning hours trying to get this to work? We really would like a simple menu solution for HTML5 that restricts navigation, but is it simply not possible? We are hoping to use the mobile player soon, but out LMS doesn't yet have TinCan, and might not until mid next year, so we really need some kind of solution for iPads in HTML, which I'm not wondering, does that mean dropping menu navigation all together and just having the button pop up at the end of each slide... ah, questions.
Many thanks for your help.