//function for fading new images

//create global targets
//top image
var theTarget = "postcard"
//bottom image
var backImage = "imgHolder"

var photoPrefix = "blogPhoto"
var numberofImages = 4
var speed = 5000
var speedofFade = .02


function loadImage() {
var img1 = new Image()
img1.src = "wp-content/themes/3col/images/blogPhoto0.jpg"
var img2 = new Image()
img2.src = "wp-content/themes/3col/images/blogPhoto1.jpg"
var img3 = new Image()
img3.src = "wp-content/themes/3col/images/blogPhoto2.jpg"
var img4 = new Image()
img4.src = "wp-content/themes/3col/images/blogPhoto3.jpg"
var img5 = new Image()
img5.src = "wp-content/themes/3col/images/blogPhoto4.jpg"

setTimeout("switchPhoto()",3000);

}

function getStyle(el,IEstyleProp, MozStyleProp) {

	var x = document.getElementById(el);
	if (x.currentStyle) {
		var y = x.currentStyle[IEstyleProp];
	} else if (window.getComputedStyle) {
		var y =
document.defaultView.getComputedStyle(x,null).getPropertyValue(MozStyleProp);

	}
	return y;
}

function fadeImage(elementID,currentOpac,interval) {
  if (!document.getElementById) return false;
  var elem = document.getElementById(elementID);
   currentOpac += speedofFade
  if(navigator.userAgent.indexOf('MSIE') != -1){
  		var opacNum = parseInt(currentOpac*100)
 	
 	 	var opac = "alpha(opacity="+opacNum+")"
 	 	elem.style.filter = opac

 	
 
 }
  
 elem.style.opacity = currentOpac
// alert(currentOpac)
 var repeat = "fadeImage('"+elementID+"',"+currentOpac+","+interval+")";
 var movement = setTimeout(repeat,interval);
  	
	

  if(currentOpac>=1){

  	var backImageDiv = document.getElementById(backImage);
  	var whichSection = document.getElementById(theTarget);
  	var backgroundImageURLs = "url("+whichSection.getAttribute('src')+")";
	backImageDiv.style.backgroundImage = backgroundImageURLs
  //	insertText(backgroundImage)
  	
 	clearTimeout(movement);
 	setTimeout("switchPhoto()",speed);
 

 //	alert("opac ended");
 	
 }
}

function insertText(theText) {
var thePlace = document.getElementById("horizontalAd");
var newText = document.createTextNode(theText+" ");

thePlace.appendChild(newText)}

function switchPhoto() {

var whichSection = document.getElementById(theTarget);

var daStyle = whichSection.getAttribute('src');
daStyleNumber = daStyle.substring(daStyle.indexOf('.jpg')-1,daStyle.indexOf('.jpg'));
(daStyleNumber >= numberofImages) ?  daStyleNumber=0 : daStyleNumber++;
var newPC = "wp-content/themes/3col/images/"+photoPrefix+daStyleNumber+".jpg"

whichSection.setAttribute('src',newPC)
fadeImage(theTarget,0,20)
	
}







function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
addLoadEvent(loadImage)