How to switch the state of an object in javascript?

This worked for me once I created duplicates of the built in states

function stateChanger(btnName) {

var tTemp = window.cpAPIInterface.getVariableValue("play_pause_status");

if (tTemp == 1) {

cp.changeState(btnName, "Play");

} else {

cp.changeState(btnName, "Pause");

}

}

First,  the format of cp.changeState is not

 cp.changeState("oldstate","newstate") 

it is:

 cp.changeState("shapeID","newstate") 

Second, you need to set up and use states that are not "system" states.   Captivate monitors the system states and changes them at uncontrolled times.   Once you create a custom state,  captivate tends to leave it alone.  This can be seen in the javascript console.  if you change a button to "Down" state using javascript, if you mouse over it,  it returns immediately to Normal.

I've never done what you are doing, but if the state names are not different I can't imagine CP really knows what you are trying to do. So name them all differently and if you want to change the states of all four buttons, use cp.changeState four times.

cp.changeState("oldState,"newState");

You need to know the names of the states.