Rollover If statement issue

I'm trying to use Edge for a rollover button menu.

So far I've only been able to get bits and pieces of it right. I think an if statement is what I need, but unsure what would be the if condition.

I basically want an if statement for when I mouseover one and mouseout of another, and vise versa, for different things to play within nested symbols. The colored areas that show when rolled over is just for content placement.I haven't added the graphics I plan to use but that is the dimensions I will be using for them. I haven't added the button links yet.

Heres the mouseover & mouseout code for the first one:

//compositionReady

sym.$("demoStage").mouseover(function(){

          if (sym.$("graphicsStage").mouseout = "true")

          {

          sym.getSymbol("demoStage").stop("demoStop");

          }

          else

          {

          sym.getSymbol("demoStage").play("demoPlay");

          sym.getSymbol("graphicsStage").play("graphClose");

          sym.getSymbol("d3Stage").play("d3Close");

          sym.getSymbol("wipStage").play("wipClose");

          }

});

sym.$("demoStage").mouseout(function(){

          if (sym.$("graphicsStage").mouseover = "true")

          {

          sym.getSymbol("demoStage").stop("demoStop")

          }

          else

          {

          sym.getSymbol("demoStage").playReverse();

          sym.getSymbol("graphicsStage").playReverse("graphClose");

          sym.getSymbol("d3Stage").playReverse("d3Close");

          sym.getSymbol("wipStage").playReverse("wipClose");

          }

I know for a fact some of the code is wrong but unsure what to put in its place and how to go about fixing some of the other issues.