﻿var delay = 4000;
var start_frame = 0;
var frame_time = 4000;
var max_height = 300;

function init_rolling(id) {
	var items = document.getElementById(id).getElementsByTagName('li');
	//document.getElementById('div_'+id).style.height = items[0].getHeight()+'px';
	//max_height = items[0].offsetHeight;
	//if (max_height<100) {
	//	max_height = items[0].getDimensions().height;
	//}
	document.getElementById('div_'+id).style.height = max_height+'px';
	
	for( i=0; i < items.length; i++){
		if(i!=0){
			items[i].style.display = 'none';
		}
	}
	end_frame = items.length -1;
	start_slideshow(id,start_frame, end_frame, delay, items);
}

function start_slideshow(id,start_frame, end_frame, delay, items) {
	setTimeout(fadeInOut(id,start_frame,start_frame,end_frame, delay, items), delay);
}


function fadeInOut(id,frame, start_frame, end_frame, delay, items) {
	return (function() {
		items = document.getElementById(id).getElementsByTagName('li');
		//document.getElementById('div_'+id).style.height = items[0].getHeight()+'px';
		//document.getElementById('div_'+id).style.height = items[0].offsetHeight+'px';
		//if (max_height<100) {
		//	max_height = items[0].offsetHeight;
		//	if (max_height<100) {
		//		max_height = items[0].getHeight();
		//	}
		//	document.getElementById('div_'+id).style.height = max_height+'px';			
		//}
		Effect.Fade(items[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		itemsAppear = items[frame];
		setTimeout("Effect.Appear(itemsAppear);", 0);
		setTimeout(fadeInOut(id,frame, start_frame, end_frame, delay), delay + frame_time);
	})
}


