function InitMySlideShow(name){
	var delay_my_slide = 15000;
	var slides = 'slides_'+name;
	if(!$(slides))return null;
	$(slides).playSlideShow({
		delay: delay_my_slide,
		transition: 'crossFade',
		duration: '1500',
		autoplay: false,
		onShow: function(slideData){
			var c = slideData.next.index;
			var a = div.getChildren("a");
			
			for(var i=0; i<=c; i++)
				a[i].addClass("active");
			
			for(var i=c+1; i<a.length; i++)
				a[i].removeClass("active");	
        
			if(c==a.length-1)slide_show.pause();
		},
		onPlay: function(){
			$(slides+'_play').setStyle('display', 'none');
			$(slides+'_pause').setStyle('display', 'block');
		},
		onPause: function(){
			$(slides+'_pause').setStyle('display', 'none');
			$(slides+'_play').setStyle('display', 'block');
		}
	});
	var slide_show = $(slides).get('slideshow');
	var div = $(slides + '_navigate');
	for(var i=0; i<slide_show.slides.length; i++){
		var a = new Element("a", {
			"text": i
		});
		a.inject(div);		
	}
	div.getFirst().addClass("active");
	div.addEvent("click", function(event){
		if(div != event.target){
			slide_show.pause();
			var i = event.target.get("text").toInt();
			slide_show.show(i);
		}
	});
	$(slides+'_pause').addEvent('click',function(){slide_show.pause();});	
	$(slides+'_play').addEvent('click',function(){slide_show.play();});	
	$(slides+'_next').addEvent('click',function(){
		slide_show.stopLoop();
		slide_show.showNext();
		if($(slides+'_pause').getStyle('display')!='none')
			slide_show.startLoop(delay_my_slide);
	});
	$(slides+'_prev').addEvent('click',function(){
		slide_show.stopLoop();
		slide_show.showPrevious();
		if($(slides+'_pause').getStyle('display')!='none')
			slide_show.startLoop(delay_my_slide);
	});
	return slide_show;
}
function InitPopup(elem_id, page_url){
  var a = $(elem_id);
  if(a){
    new Popup({
      el_target: a,
      url: page_url,
      inlayClick: false
    });
  }
}
window.addEvent('domready',function(){
  InitPopup('popup_desktop', 'desktop.htm');
  InitPopup('popup_online', 'online.htm');
});