/*Initializing images*/
function fadeImages() {
  var	elements = document.getElementsByTagName("img");
	for (var t = 0 ; t < elements.length; t ++){
		if(elements[t].className == 'soozanPics'){
  			var image = elements[t];
  			if (image.nextImages){
	  			image.nextImages[image.nextImages.length] = image.src;
	  		}
			setOpacity(image, 0);
			image.style.visibility = 'visible';
			image.id = 'image' + t;
			image.counter = 0;
			fadeIn(image.id,0);
		}	
	}
}

/*changing opacity of images*/
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;
}
/*implementing fading effect*/
function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
    else if (obj.nextImages){
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 2000);
    }
  }
}

/*implementing fading out effect*/
function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
    else{
      obj.src = obj.nextImages[obj.counter];
      obj.counter = (obj.counter + 1) % obj.nextImages.length;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}

//todo
function mOver() {
}
function mOut() {
	for (i = 0; i < 12; i++) {
		setTimeout(changeBGColor(this,'#' + i + i + i) , i * 40);
	}
}

function changeBGColor(item, color){
	item.style.backgroundColor = color;
}


if ( typeof window.addEventListener != "undefined" )
	window.addEventListener("load", fadeImages, false);
else if ( typeof window.attachEvent != "undefined" )
	window.attachEvent("onload", fadeImages);
else {
    if ( window.onload != null ) {
        var oldOnload = window.onload;
        window.onload = function ( e ) {
            oldOnload( e );
            fadImages;
        };
    }
    else
        window.onload = fadeImages;
}