Let me explain first....

on www.celermedia.com I have some projects listed and I am doing some js magic for each project. So I am attempting to just go through them all with a for loop and add their appropriate events (mouseover,out,click)...

Here is what currently am trying to do:

window.onload = function() {
    
    var projects = new Array();
        projects[0] = 'Tbr,http://www.theboardroomsurfandskate.com/';
        projects[1] = 'Gcs,http://www.gulfcoastshop.com/';
        projects[2] = 'Mts,http://www.mytutorialsite.com/';
        projects[3] = 'Mcp,http://www.mycustomportal.com/';
        projects[4] = 'Stew,http://stewart.celermedia.com/';

    for (i=0; i<projects.length; i++) {
        var projData = projects[i].split(',');
        var proj = document.getElementById('proj'+projData[0]);
            proj.onmouseover = function() { projectOn(projData[0]);  }
            proj.onmouseout     = function() { projectOff(projData[0]); }
            proj.onclick     = function() { go(projData[1]); }
    }
}

What I don't get is on the line...
var projData = projects[i].split(',');

If I change my 'i' variable to 0,1,2, etc... it works fine, for that ONE.. why would that work but not when I put in my i variable from my for loop ?


Thanks in advance !

Cancel that I read the code incorrectly.


Need a URL to get ALL the code BTW

I test it, and works! I didnt test in IE 6, but...
You have a position error in your site with IE7: The footer div (copyright...) appears in the middle of the page on top of the content.