YAHOO.util.Event.onDOMReady(function(){
	
	var parent_el = document.getElementById('top_100');
	
	var img_array = parent_el.getElementsByTagName("img");
	
	var links_array = new Array("/gateway/?page=www.eluta.ca/top-employer-cameco","/port_hope/news/newsstory71.php");
	
	anchor_tag = document.getElementById("top_100_id");
	
	for (var i =0 ;i < img_array.length; i++){
		var left_shift = -1 * i * 92;
		
		YAHOO.util.Dom.setStyle(img_array[i], 'left', left_shift+'px');
	}
	window.setTimeout(function(){
		changeImage(img_array, 0, anchor_tag, links_array);}, 4000);
}
);


function changeImage(img_array, cur_img_index, anchor_tag, links_array){
	
	var img_count = img_array.length;
	
	var next_index = (cur_img_index + 1)%img_count;
	
	YAHOO.util.Dom.setStyle(img_array[cur_img_index],'z-index', 20);
	YAHOO.util.Dom.setStyle(img_array[next_index],'z-index',10);
	YAHOO.util.Dom.removeClass(img_array[next_index],'img_hidden');
	
	var attributes = { 
		opacity: {
			to : 0
		}
	};
	var anim = new YAHOO.util.Anim(img_array[cur_img_index], attributes, .5);
	
	anim.onComplete.subscribe(function(){
			YAHOO.util.Dom.addClass(img_array[cur_img_index], 'img_hidden');
			YAHOO.util.Dom.setStyle(img_array[cur_img_index],'opacity', '1');
			anchor_tag.href = links_array[next_index];
	});
	
	
	anim.animate();
	
	var image_timeout_id = window.setTimeout(function(){
		changeImage(img_array, next_index, anchor_tag, links_array);
	}, 4000);
}