var location_set;
var occupation_set;

function swap(swap_occupation){

shadow = new Image;
shadow.src="/img/thumb-shado-lrg.png";

var people = document.getElementById("projects");
var left = document.getElementById("left");
var properties = people.getElementsByTagName("a");
var image = people.getElementsByTagName("h5");
var links = left.getElementsByTagName("a")
var li = left.getElementsByTagName("li")

    //reset last li
    for (var g = 0; g < li.length; g++) {
        //status
        //alert(links[g]);
        li[g].className = "findpeople-padding";
    }
        
    //reset photos when same link is clicked again
    if(occupation_set==swap_occupation){
        for (var k = 0; k < image.length; k++) {

            //properties_name = properties[k].getAttribute("name");
            //properties_name2 = properties_name.split(",");
            //image[k].src = "/img/photos/"+properties_name2[0]+"_thumb.gif";
            image[k].style.visibility = "visible";
            occupation_set=0;
        } 
    }

    //if another link is clicked do this
    else{
          //dim all photos (to undimm chosen ones in next step)
          for (var k = 0; k < image.length; k++) {
      
              //image[k].src = "/img/photos/thumb-shado-sm.png";
              image[k].style.visibility = "hidden";
          }
      
          //undimm chosen photos
          for (var i = 0; i < properties.length; i++) { 
      
               //read all occupations from each person -> split and store in array
               var properties_occupation = properties[i].getAttribute("name");
               var properties_occupation2 = properties_occupation.split(",");
               //status
               //alert(properties_occupation2.length);
               //alert(properties_occupation);
      
               //go through all occupations
               for (var j = 0; j < properties_occupation2.length; j++) {
                    //status
                    //alert(properties_occupation2[j]);
                  
                    //if certain occupation from people array is the same as the swap parameter activate photo
                    if (properties_occupation2[j]==swap_occupation){

                        //properties_name = properties[i].getAttribute("name");
                        //properties_name2 = properties_name.split(",");
                        //image[i].src = "/img/photos/"+properties_name2[0]+"_thumb.gif";
                        image[i].style.visibility = "visible";
                    }
               }
               //set occupation_set so next run its known what was clicked last
               occupation_set=swap_occupation;
               //make clicked li "selected"
               for (var e=0; e<links.length; e++){
                    if (links[e].getAttribute("name")==swap_occupation){
                        //status
                        li[e].className = "selected";
                    }
               }
          }
    }
}