// move image

//get node
//clone node
//append
//insertBefore
	
	



function moveFour(){

addClassToTopTrail();

	//check we can
	if (!document.getElementsByTagName) return false;
	
		//If you're on an article page - stop
		if (document.getElementById('article')) return false;
		//get trails
	 	var trails = document.getElementById('content').getElementsByTagName('div')
		for (var i=0;i<trails.length;i++) {
		//at this stage i'm looping through all the div trails
		//get the first image in each case
		//and add it to an [array] 
		//if images exist 
		if (trails[i].getElementsByTagName('img')[0]){
				

		//Get the h2 element - the first img element in each case
		var image = trails[i].getElementsByTagName('img')[0];
		//Get the h2 element - the first h2 element in each case
		var headline = trails[i].getElementsByTagName('h2')[0];
		//move img before headline in the trail div
		trails[i].insertBefore(image,headline);
		
		}
	}
	

			
}


function addClassToTopTrail() {


	if (!document.getElementsByTagName) return false;
	
		if(document.getElementById("content").getElementsByTagName('div')){
  		var trails = document.getElementById('content').getElementsByTagName('div')
	
	for (var i=0;i<trails.length;i++) {
			var firstTrail = trails[0];
		firstTrail.className = "trail top";
	}
	}
	
	
}


window.onload = moveFour;