var delay = 7000;
var delay2 = 4000;
var start_frame = 0;
var start_frame2 = 0;
var lis;
var lis2;
var startSlide;
var startSlide2;
var TO;     
function init() {
           init2();
           f2();
          
} 

function prepare (sf){
	buttons = $('slide-buttons');
  lis = $('slide-images').getElementsByTagName('li');
   buttons.innerHTML = ""; 
   buttons.style.margin="310px 0 0 "+(920-26*lis.length)+"px"; 
  startSlide = (sf>=0) ? sf : Math.round(Math.random()*(lis.length - 1));
	if (startSlide<0) return;
    for( i=0; i < lis.length; i++){ 
    buttons.innerHTML += "<a href=\"#\" onclick=\"skip("+i+");return false\"><div class=\"slide-button dissabled\" id=\"b_"+(i)+"\">"+(i+1)+"</div></a>";
		lis[i].style.visibility = 'visible';
    lis[i].style.display = '';
		if(i!=startSlide){
		lis[i].style.display = 'none';			
		}
		else
		{
			lis[i].setAttribute("class","first-slide");
		}
    
	}
  end_frame = lis.length -1;
  $('b_'+startSlide).setAttribute("class","slide-button enabled")
  }
  
function skip(sf){
  clearTimeout(TO);
  prepare(sf);
};

function init2() {
prepare();
start_slideshow(start_frame, end_frame, delay);
}

function f2() {
	lis2 = $('slide-images2').getElementsByTagName('li');
	startSlide2 = Math.round(Math.random()*(lis2.length - 1));
	if (startSlide2<0) return;
	for( i=0; i < lis2.length; i++){
		lis2[i].style.visibility = 'visible';
		if(i!=startSlide2){
		lis2[i].style.display = 'none';
			
		}
		else
		{
			lis2[i].setAttribute("class","first-slide2");
		}
	}
	end_frame2 = lis2.length -1;
	
	start_slideshow2(start_frame2, end_frame2, delay);
	
	
}

function start_slideshow(start_frame, end_frame, delay) {
	TO = setTimeout(fadeInOut(startSlide,start_frame,end_frame, delay), delay);
}

 function start_slideshow2(start_frame2, end_frame2, delay) {
	setTimeout(fadeInOut2(startSlide2,start_frame2,end_frame2, delay2), delay2);
}

function fadeInOut(frame, start_frame, end_frame, delay) {
     pframe=frame;
	return (function() {
		Effect.Fade(lis[frame], { duration: 1.0 });
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		$('b_'+pframe).setAttribute("class","slide-button dissabled");
    $('b_'+frame).setAttribute("class","slide-button enabled");
    lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", { duration: 1.0 });
		TO = setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
    
	})
	
}

function fadeInOut2(frame2, start_frame2, end_frame2, delay2) {
	return (function() {
		Effect.Fade(lis2[frame2], { duration: 1.0 });
		if (frame2 == end_frame2) { frame2 = start_frame2; } else { frame2++; }
		lisAppear2 = lis2[frame2];
		setTimeout("Effect.Appear(lisAppear2);", { duration: 1.0 });
		setTimeout(fadeInOut2(frame2, start_frame2, end_frame2, delay2), delay2 + 1850);
	})
	
}

Event.observe(document, 'dom:loaded', init);