//-- Javascript to handle the SATango footer icons (the navbar icons)
var IE = false
if( document.all ) {
  var doc = document.all
  var IE = true
}
else {
  var doc = document
}

//-- IE = true;   //-- debug

//-- From "Dynamic HTML, page 110. 
//if (document.images) {
//-- create "on" array and populate with Image objects
   
   var onIcons = new Array()
   for( var i=0; i < 5; i++ ) {
     onIcons[i] = new Image()
   }
   
   //-- set URLs for the "on" images. If this is IE, don't load .png; load .gif instead
   if( IE ) {
     onIcons[0].src = "images/flamingheart_on.gif"
     onIcons[1].src = "images/cruzada_shoe_on.gif"
     onIcons[2].src = "images/rose_on.gif"
	 onIcons[3].src = "images/farolito_on.gif"
   }
   else {
     onIcons[0].src = "images/flamingheart_on.png"
     onIcons[1].src = "images/cruzada_shoe_on.png"
     onIcons[2].src = "images/rose_on.png"
	 onIcons[3].src = "images/farolito_on.png"
   }
   onIcons[4].src = "images/bandoneon_on.gif"
  
   //-- create "off" array and populate with Image objects. 

   var offIcons = new Array()
   for( var i=0; i < 5; i++ ) {
     offIcons[i] = new Image()
   }
   
   //-- set URLs for the "off" images.
   //-- If this is IE, load gif files, not png files
   if( IE ) {
     offIcons[0].src = "images/flamingheart.gif"
     offIcons[1].src = "images/cruzada_shoe.gif"
	 offIcons[2].src = "images/rose.gif"
	 offIcons[3].src = "images/farolito.gif"
   }
   else {  
     offIcons[0].src = "images/flamingheart.png"
     offIcons[1].src = "images/cruzada_shoe.png"
	 offIcons[2].src = "images/rose.gif"
	 offIcons[3].src = "images/farolito.png"
   }    
   offIcons[4].src = "images/bandoneon.gif"
//}

function imageOn(imgObj, i) {
 imgObj.src = onIcons[i].src
}

function imageOff(imgObj,i) {
  imgObj.src = offIcons[i].src

}  

if( IE ) {
  var FlamingHeartSrc = "images/flamingheart.gif"
  var ShoeSrc = "images/cruzada_shoe.gif"
  var farolitoSrc = "images/farolito.gif"
 }
else {
  var FlamingHeartSrc = "images/flamingheart.png"
  var ShoeSrc = "images/cruzada_shoe.png"
  var farolitoSrc = "images/farolito.png"
}

//doc.flamingheart.src = FlamingHeartSrc;
//doc.shoe.src = ShoeSrc;

function loadIcons() {
//	document.write("<br/>loadIcons:");
     doc.images.flamingheart.src = FlamingHeartSrc
	 doc.images.shoe.src = ShoeSrc
	 doc.images.farolito.src = farolitoSrc	 
}