///RollOvers not working properly

Can someone help me with this?

Am actually a visual designer who is pretty familiar with AS 3.0, but does everything way longer than needed. Had an actionscriptor friend of mine help me clean up my code A LOT more! Unfortunately he’s out of town for a week!

Anyways, within cleaning up my file, I tried to add some more functionality. In doing so, messed things up a little.

I’ve created a rollover effect is “working”, but all rollovers are working at the same time, as opposed to specific to the corresponding navButtons array. My guess is I’m not specifying the current target for pgImgs/pageBlinks array in order to let the function know what array it should be focusing on.

import caurina.transitions.*;

var imgArrayX :Array = [0,0,-480,-960,-1440,-1920];
var imgArrayY :Array = [0,0,0,0,0,0];
var txtArrayX :Array = [0,-330,-660,-990,-1320,-1650];
var txtArrayY :Array = [0,0,0,0,0,0];
var pgNumbArrayY :Array = [10,-25,-60,-95,-130,-165];

var currentIndex : Number = 0;

var navButtons:Array = new Array();
navButtons = [content_txt.txtLoader.pg2LnkA,
               content_txt.txtLoader.pg2LnkB,
               content_txt.txtLoader.pg2LnkC,
               content_txt.txtLoader.pg2LnkD,
               content_txt.txtLoader.pg3LnkA,
               content_txt.txtLoader.pg3LnkB,
               content_txt.txtLoader.pg3LnkC,
               content_txt.txtLoader.pg3LnkD,
               content_txt.txtLoader.pg5LnkA];

var pgImgs:Array = new Array();
pgImgs = [content_mc.pngSlide.pg2ImgA,
               content_mc.pngSlide.pg2ImgB,
               content_mc.pngSlide.pg2ImgC,
               content_mc.pngSlide.pg2ImgD,
               content_mc.pngSlide.pg3ImgA,
               content_mc.pngSlide.pg3ImgB,
               content_mc.pngSlide.pg3ImgC,
               content_mc.pngSlide.pg3ImgD,
               content_mc.pngSlide.pg5ImgA];

var pageBlinks:Array = new Array();
pageBlinks = [content_mc.pngSlide.pg2BlnkA,
               content_mc.pngSlide.pg2BlnkB,
               content_mc.pngSlide.pg2BlnkC,
               content_mc.pngSlide.pg2BlnkD,
               content_mc.pngSlide.pg3BlnkA,
               content_mc.pngSlide.pg3BlnkB,
               content_mc.pngSlide.pg3BlnkC,
               content_mc.pngSlide.pg3BlnkD,
               content_mc.pngSlide.pg5BlnkA];


left_mc.buttonMode = true;
right_mc.buttonMode = true;

//functionality for menu buttons
left_mc.addEventListener(MouseEvent.CLICK,navigateArrow); 
right_mc.addEventListener(MouseEvent.CLICK,navigateArrow);

checkArrows();
addMenuButtonListeners();

function addMenuButtonListeners():void
{
    for (var i:Number = 0; i < navButtons.length; i++)
    {
        navButtons*.buttonMode = true;
        navButtons*.addEventListener(MouseEvent.ROLL_OVER, showHighlight);
        navButtons*.addEventListener(MouseEvent.ROLL_OUT, hideHighlight);
    }
}

function addPageBlinkListeners(event:MouseEvent):void 
{
    for (var j:Number = 0; j < pageBlinks.length; j++)
    {
        pageBlinks[j].visible = false;
    }
} 

function removePageBlinkListeners(event:MouseEvent):void 
{
    for (var k:Number = 0; k < pageBlinks.length; k++)
    {
        pageBlinks[k].visible = true;
    }
} 

function showHighlight(event:MouseEvent):void
{
    for (var l:Number = 0; l < pgImgs.length; l++)
    {
        pgImgs[l].gotoAndPlay("start");
        
        var colorTransform:ColorTransform = new ColorTransform();
        colorTransform.color = 0x0F95CE;
        navButtons[l].transform.colorTransform = colorTransform;
        //addPageBlinkListeners()
    }
    //addPageBlinkListeners()
}

function hideHighlight(event:MouseEvent):void
{
    for (var m:Number = 0; m < pgImgs.length; m++)
    {
        pgImgs[m].gotoAndPlay("back");
        
        var colorTransform:ColorTransform = new ColorTransform();
        colorTransform.color = 0x0A608A;
        navButtons[m].transform.colorTransform = colorTransform;
        //removePageBlinkListeners()
    }
    //removePageBlinkListeners()
}

function gotoPage(pgNum:String):void
{
    currentIndex = Number(pgNum) - 1;
    //trace("currentIndex: " + currentIndex);
    checkArrows();
    doContentTransition();
}

function doContentTransition():void
{
    Tweener.addTween(content_pgNum.pgNum_mc, {y:pgNumbArrayY[currentIndex], time:1, transition:"easeInOutCubic"});
    Tweener.addTween(content_mc.pngSlide, {x:imgArrayX[currentIndex],y:imgArrayY[currentIndex],time:1.5, transition:"easeInOutCubic"});
    Tweener.addTween(content_txt.txtLoader, {x:txtArrayX[currentIndex],y:txtArrayY[currentIndex], time:1.5, transition:"easeInOutCubic"});
}

function navigateArrow(event:MouseEvent):void{
    if(event.currentTarget == left_mc) currentIndex --;
    else currentIndex ++;
    checkArrows();
    doContentTransition();
}

function checkArrows():void{
 
    if (currentIndex == 0) 
    {
        // disable left arrow
        left_mc.alpha = .7;
        left_mc.removeEventListener(MouseEvent.CLICK,navigateArrow);
        // enable right arrow
        right_mc.alpha = 1;
        right_mc.addEventListener(MouseEvent.CLICK, navigateArrow);
    }
    
    else if (currentIndex == imgArrayX.length - 1) 
    {
        // disable right arrow
        right_mc.alpha = .7;
        right_mc.removeEventListener(MouseEvent.CLICK,navigateArrow);
        // enable left arrow
        left_mc.alpha = 1;
        left_mc.addEventListener(MouseEvent.CLICK, navigateArrow);
    }
    
    else
    {
        // enable both
        left_mc.alpha = 1; 
        right_mc.alpha= 1;
        left_mc.addEventListener(MouseEvent.CLICK,navigateArrow);
        right_mc.addEventListener(MouseEvent.CLICK,navigateArrow);
    }
}

function showContent(event:MouseEvent):void{
        doContentTransition();
}