

function init_animated_offer( height, interval, slide_speed ) {

	var elements = anim_getElementsByClass(	null, "animated_offer", "*");  
	elements[0].style.display = "block";

	// if only one offer, no sliding
	if (elements.length != 1)
		setTimeout('animated_offer(' + height + ', 0,' + interval + ',' + slide_speed + ')', interval);

}


function animated_offer( height, current, interval, slide_speed ) {

	var elements = anim_getElementsByClass(null, "animated_offer", "*");  

	num_elements = elements.length;

	var next = ( parseInt(current) + 1 ) % num_elements;

	animate_fade_in(parseInt(current), parseInt(next), parseInt(height), parseInt(slide_speed));

	setTimeout('animated_offer(' + height + ',' + next + ',' + interval + ',' + slide_speed + ')', interval);

}



function animate_fade_in(index_out, index_in, height, slide_speed) {

	setTimeout('slide(' + index_out + ',' + index_in + ',0 ,' + height + ')', (slide_speed * 0) / 5);
	setTimeout('slide(' + index_out + ',' + index_in + ',25 ,' + height + ')', (slide_speed * 1) / 5);
	setTimeout('slide(' + index_out + ',' + index_in + ',50 ,' + height + ')', (slide_speed * 2) / 5);
	setTimeout('slide(' + index_out + ',' + index_in + ',75 ,' + height + ')', (slide_speed * 3) / 5);
	setTimeout('slide(' + index_out + ',' + index_in + ',100 ,' + height + ')', (slide_speed * 4) / 5);

}


function slide(index_out, index_in, percent, height) {

	var start_node = document.getElementById("animated_offers");
	var elements = anim_getElementsByClass(start_node, "animated_offer", "*");  

	out_offer = elements[parseInt(index_out)];
	in_offer = elements[parseInt(index_in)];

	//alert("hi" + Math.floor((height * percent) / 100) );

	out_offer.style.height = Math.floor((height * (100 - percent)) / 100) + "px";  
	in_offer.style.height = Math.floor((height * percent) / 100) + "px";  
	in_offer.style.top = height - Math.floor((height * percent) / 100) + "px";  

	in_offer.style.zIndex = "2";
	out_offer.style.zIndex = "1";

	in_offer.style.display = "block";
	out_offer.style.display = "block";
	
}

 /* get every instance of a class */
 function anim_getElementsByClass(node,searchClass,tag) {  
     var classElements = new Array();  
	 if ( node == null )  
	     node = document;  
	 if ( tag == null )  
	     tag = '*';  
     var els = node.getElementsByTagName(tag); // use "*" for all elements  
     var elsLen = els.length;  
     var pattern = new RegExp("\\b"+searchClass+"\\b");  
     for (kk = 0, rr = 0; kk < elsLen; kk++) {  
	  if ( pattern.test(els[kk].className) ) {  
	  classElements[rr] = els[kk];  
	  rr++;  
	  }  
     }  
     return classElements;  
   }  

