// Set caption and description

/*function setcaption(capid, descid, capstr, descstr){
	var cap = document.getElementById(capid);
	var desc = document.getElementById(descid);
	cap.innerHTML = capstr;	
	desc.innerHTML = descstr;	
}*/


var selected = new Array(10);
// function to change button state on hover
function highlightItem(obj, state) {
    // get button ID
    i = obj.getAttribute('id');
    var flag = false;
	
	for(x in selected){
		if(selected[x] == i){
			flag = true;	
		}
	}
	
    // check if it is currently clicked
    // if not, change state (normal=0, highlight=1)
    if (!flag) {
        if (state == 1) {
            obj.setAttribute('src', toolbarData[i][1]);
        } else {
            obj.setAttribute('src', toolbarData[i][0]);
        }                    
    }
}

// function to change button state on click
function selectItem(obj) {
    // get button ID
    i = obj.getAttribute('id');
     
    // set selected button to click state
    obj.setAttribute('src', toolbarData[i][1]);
    
    // publish ID of clicked button
   	selected[i] = i;
}