// FUNCTIONS TO ROTATE RATE IMAGES 

if (document.images)
{
  preload_image_object = new Image();
  // set image url
  image_url = new Array();
  image_url[0] = "/_images/mexico_rates.png";
  image_url[1] = "/_images/uk_rates.png";
  image_url[2] = "/_images/germany_rates.png";
  image_url[3] = "/_images/china_rates.png";

   var i = 0;
   for(i=0; i<image_url.length; i++) 
	 preload_image_object.src = image_url[i];
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}// end opacity function

function fadeIn(fname,coverId,opacity) {
  if (document.getElementById) {
    var cover = document.getElementById(coverId);
    if (opacity <= 100) {
      setOpacity(cover, opacity);
      opacity += 10;
      var fader = window.setTimeout("fadeIn('"+fname+"','"+coverId+"',"+opacity+")", 100);
    } else {
    	clearTimeout(fader);
    	eval(fname +'(1)');
    }
  }
}

function fadeOut(coverId,opacity) {
  if (document.getElementById) {
    var cover = document.getElementById(coverId);
    if (opacity >= 0) {
      setOpacity(cover, opacity);
      opacity -= 10;
      var fader = window.setTimeout("fadeOut('"+coverId+"',"+opacity+")", 100);
    } else {
    	clearTimeout(fader);
    	cover.style.display = 'none';
    }
  }
}

var picnum = 1;
var ratepics = new Array();
ratepics[0] = "/_images/mexico_rates.png";
ratepics[1] = "/_images/uk_rates.png";
ratepics[2] = "/_images/germany_rates.png";
ratepics[3] = "/_images/china_rates.png";

function changePic(pflag) {

	if(pflag == 0) {
	
		// call fader
		// fade in black cover
		var cover = document.getElementById("piccover");
		setOpacity(cover, 0);
		cover.style.display = "block";
		fadeIn('changePic','piccover',0);
		
	} else {
	
		// reset to 1st pic
		if(picnum > 3) {
			picnum = 0;
		}
		
		// swap pic
		var picobj = document.getElementById('picimage');
		picobj.src = ratepics[picnum];
		picnum++;
		fadeOut('piccover',100);
	}
	
}