//the following function just ensures that the page loads before executing the rest
window.addEvent('domready', function() {
    //check that the imagemap exists
    if ($('male-map') != null) {

        //set up the arrays and array lengths
        aBodyparts = $("haz-mod2").getElements("area");
        abLength = aBodyparts.length;
        //aWholeBody=new Array ('arm','blood','nerves','bones','muscles','circulation','hair','joints');
        //awbLength=aWholeBody.length

        //derive base male and female images
        var maleSrc = $("male-image").getAttribute("src");
        var femaleSrc = $("female-image").getAttribute("src");

        //loop through one array to assign the event handlers - this array has terms which are both IDs and classes
        for (nCount = 0; nCount < abLength; nCount++) {
            targetID = aBodyparts[nCount].id;
            //process by ID
            $(targetID).addEvent('mouseover', function() { switcher(this, 'mouseover') });
            $(targetID).addEvent('mouseout', function() { switcher(this, 'mouseout') });
            //now by class
            document.getElementsBySelector('a.' + targetID).addEvent('mouseover', function() { switcher(this, 'mouseover') });
            document.getElementsBySelector('a.' + targetID).addEvent('mouseout', function() { switcher(this, 'mouseout') });
        }

        //loop through the other array to assign the event handlers - this array deals only with the remaining classes
        /*for (nCount=0; nCount < awbLength ; nCount++) {
        targetID = aWholeBody[nCount];
        document.getElementsBySelector('a.male-'+targetID).addEvent('mouseover', function(){switcher(this,'mouseover')});
        document.getElementsBySelector('a.male-'+targetID).addEvent('mouseout', function(){switcher(this,'mouseout')});
        document.getElementsBySelector('a.female-'+targetID).addEvent('mouseover', function(){switcher(this,'mouseover')});
        document.getElementsBySelector('a.female-'+targetID).addEvent('mouseout', function(){switcher(this,'mouseout')});
        }*/

        //the switch and reset function
        function switcher(obj, state) {

            if (obj.id == '') { 							//if there is no ID...
                obj = obj.className.split(" ", 2); 		//pick the correct class name	
                obj = obj[1]; 							//and set the var to that
            } else {
                obj = obj.id								//if there is one, use the ID	
            }

            targetSplit = obj.split("-", 3); 				//to derive the gender
            targetRaw = obj.replace(/[0-9]/, '1');                              //retain number 1 in arms
            targetFileName = obj.replace(/[0-9]/, ''); 	//removes the numbers from the arm values	
            var targetImgPath = '';

            if (document.getElementById('bodymap-large')) { //checks to see if you are on large bodymap page rather than hub
                targetImgPath = 'large/';
            }

            if (targetSplit[0] != 'selected') {
                if (state == 'mouseover') {
                    $(targetSplit[0] + "-image").setAttribute("src", "/img/healthaz/bodymap/" + targetImgPath + targetFileName + ".gif")
                    document.getElementsBySelector('a.' + targetRaw).addClass(targetSplit[0] + '-forced-hover'); //to make the link highlight
                } else {
                    switch (targetSplit[0]) 					//finds the correct base image to use depending on gender
                    {
                        case "male":
                            var imgSrc = maleSrc;
                            break
                        case "female":
                            var imgSrc = femaleSrc;
                            break
                    }

                    $(targetSplit[0] + "-image").setAttribute("src", imgSrc)
                    document.getElementsBySelector('a.' + targetRaw).removeClass(targetSplit[0] + '-forced-hover'); //to make the link highlight
                }
            }
        }

    }

})