hoverImages = {
  // HoverImages v0.1 is Copyright (c) by Philipp Reinstädtler and Martin Preiß. It's  
  // released under the MIT License: http://www.opensource.org/licenses/mit-license.php
  srcDelimiter : "#",
  preloadimages : new Array(),
  preload : function(imgsrc) {
    var img = new Image();
    img.src = imgsrc;
    return this.preloadimages.push(img);
  },
  init : function(container) {
    regExpTest = new RegExp(this.srcDelimiter);
    regExpFind = new RegExp("(.*)" + this.srcDelimiter + "(.*)");  
    images =$(container).getElementsByTagName('img');
    for (i = 0; i < images.length; i++) {
      img = images[i];
      if(regExpTest.test(img.getAttribute('src'))) {
				img.setAttribute('src_reg', regExpFind.exec(img.getAttribute('src'))[1]);
				img.setAttribute('src_ovr', regExpFind.exec(img.getAttribute('src'))[2]);
				img.onmouseover = function(){ this.setAttribute('src', this.getAttribute('src_ovr')); };    
				img.onmouseout = function(){ this.setAttribute('src', this.getAttribute('src_reg')); };
				img.onmouseout();
				this.preload(img.getAttribute('src_ovr'));
      }
		}
	}
};

var miis_big = new Array('b_1.png','b_2.png','b_3.png','b_4.png','b_5.png','b_6.png','b_7.png','b_8.png','b_9.png');
var miis_medium = new Array('m_1.png','m_2.png','m_3.png','m_4.png','m_5.png','m_6.png','m_7.png','m_8.png','m_9.png','m_10.png','m_11.png');
var miis_small = new Array('s_1.png','s_2.png','s_3.png','s_4.png');

function writeImages() {
	var selectedImage = '';
  for (i=0; i<1; i++){
    selectedImage = miis_small[Math.round(Math.random() * (miis_small.length-1))];
    $('miis_small').innerHTML += '<img class="png" id="' + selectedImage.substring(0,3) + '" src="/NOE/images/moods/miis/' + selectedImage + '" />';
    miis_small = miis_small.without(selectedImage);
  }
  for (i=0; i<2; i++){
    selectedImage = miis_medium[Math.round(Math.random() * (miis_medium.length-1))];
    $('miis_medium').innerHTML += '<img class="png" id="' + selectedImage.substring(0,3) + '" src="/NOE/images/moods/miis/' + selectedImage + '" />';
    miis_medium = miis_medium.without(selectedImage);
  }
	for (i=0; i<4; i++){
		selectedImage = miis_big[Math.round(Math.random() * (miis_big.length-1))];
		$('miis_big').innerHTML += '<img class="png" id="' + selectedImage.substring(0,3) + '" src="/NOE/images/moods/miis/' + selectedImage + '" />';
    miis_big = miis_big.without(selectedImage);
	}
	var allImages = $('miis').getElementsByClassName('png');
	allImages.each(function(actImage){
    convertPNG(actImage);
	});
}

function convertPNG(element) {
  var arVersion = navigator.appVersion.split("MSIE");
  var version = parseFloat(arVersion[1]);
  if ((version >= 5.5) && (version < 7) ) {
    var imgName = element.src;
    if (imgName.substring(imgName.length-3, imgName.length) == "png") {
         var imgID = (element.id) ? "id='" + element.id + "' " : "";
         var imgClass = (element.className) ? "class='" + element.className + "' " : "";
         var imgTitle = (element.title) ? "title='" + element.title + "' " : "title='" + element.alt + "' ";
         var imgStyle = "display:inline-block" + element.style.cssText ;
         if (element.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + element.width + "px; height:" + element.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + element.src + "\', sizingMethod='image');\"></span>" ;
         element.outerHTML = strNewHTML;
    }
  }  
}