var W3CDOM = (document.createElement && document.getElementsByTagName);
var rows = new Array();
var smileMatrix;

function init() {
    rows = document.getElementsByName("rws");
    smileMatrix=MultiDimensionalArray(rows.length,4);
    smile_imgs= new Array();
    smile_imgs[0] = new Image();
    smile_imgs[0].src = "/ColgateOralCare/SmileTalk/MessageBoard/US/EN/images/smiley_on.gif";
    smile_imgs[1] = new Image();
    smile_imgs[1].src = "/ColgateOralCare/SmileTalk/MessageBoard/US/EN/images/smiley_off.gif";

    if (!W3CDOM) return;      
    //loop through the rows
    for (var r=0;r<rows.length;r++) {
        //pull all the images out of the row
        var imgs = rows[r].getElementsByTagName('img');
        //iterate the imgs
        for (var i=0;i<imgs.length;i++) {

            //set the mouse events
            imgs[i].onmouseover = mouseGoesOver;
            imgs[i].onmouseout = mouseGoesOut;
            imgs[i].onclick = rateMessage;

            smileMatrix[r] [i] = new Image();
            smileMatrix[r] [i].src = imgs[i].src;
            imgs[i].tipid = imgs[i].id;
            imgs[i].row = r;
            imgs[i].number = i;
            imgs[i].id = "" + r + i;
        }
    }
}

function mouseGoesOver() {
    if (smileMatrix[this.row].clicked) {
        return;
    }
    //Pull the row and number from the image to iterate descending until you reach 1 including the current smile and set image to ful
    //pull all the images out of the row

    for (var s=0;s<4;s++) {
        if (s <= this.number) {
            document.getElementById(""+this.row+s).src = smile_imgs[0].src; //full smile
        } else {
            document.getElementById(""+this.row+s).src = smile_imgs[1].src //empty smile
        }
    }
}

function mouseGoesOut() {
    if (smileMatrix[this.row].clicked) {
        return;
    }
    for (var s=0;s<4;s++) {
        document.getElementById(""+this.row+s).src =smileMatrix[this.row][s].src;
    }
}

function MultiDimensionalArray(iRows,iCols) {
    var i;
    var j;
    var a = new Array(iRows);
    for (i=0; i < iRows; i++) {
        a[i] = new Array(iCols);
        for (j=0; j < iCols; j++) {
            a[i][j] = "";
        }
    }
    return(a);
} 
