function showPreview(n) {
	var c = 1;
	var e;
	
	while (e = $('preview_' + c)) {
		Element.hide(e);
		c++;
	}
	
	if (e = $('preview_' + n)) {
		Element.show(e);
	}
	
}

var scrollers = Array();
var intervals = Array();
var ccounters = Array();

function initPage() {

	if ($('slide_1')) {
		areaScrollerAddNavi('slide_1');
		areaScroller('slide_1');
	}
}

function areaScroller(divid) {
	scrollers[divid] = $(divid).getElementsByClassName(divid);
	ccounters[divid] = 0;
	intervals[divid] = setInterval("slideShow('" + divid + "')",7000);
}

function areaScrollerAddNavi(divid) {
	var e;
	var n;
	var count;
	var navi;
	
	if (e = $(divid).getElementsByClassName('navi')) {
	
		n = e.length;
		count = 1;
		
		e.each(	function(obj) {
					navi = '';
					for (c = 1; c <= n; c++) {
						if (count == c) {
							navi += '<a href="javascript:showSlide('+ c +',\'' + divid + '\');" style="color: #FFFFFF;">&#183;</a>';
						} else {
							navi += '<a href="javascript:showSlide('+ c +',\'' + divid + '\');">&#183;</a>';
						}
					}
					obj.update(navi);
					count++;
				}
		)
	}
	
}

function showSlide(n,divid) {
	n--;
	if (scrollers[divid][n]) {
	
		scrollers[divid].each ( function(obj) {
				Element.hide(obj);
			}
		);

		Element.show(scrollers[divid][n]);
		new Effect.Opacity(scrollers[divid][n],{ duration: 0.5,transition: Effect.Transitions.linear,from: 0.0, to: 1.0});

		if (intervals[divid]) {
			clearInterval(intervals[divid]);
			//intervals[divid] = setInterval("slideShow('" + divid + "')",7000);
		}
	}
}

function switchElement(obj) {
	Element.hide(obj.element);
}

function slideShow(divid) {
	
	var e_1;
	var e_2;
	
	e_1 = scrollers[divid][ccounters[divid]];

	ccounters[divid]++;

	if (ccounters[divid] >= scrollers[divid].length) {
		ccounters[divid] = 0;
	}

	e_2 = scrollers[divid][ccounters[divid]];
	

  new Effect.Opacity(e_1,
    { duration: 1.0, 
      transition: Effect.Transitions.linear, 
      from: 1.0, to: 0.0,
		afterFinish: function (obj) {
				Element.hide(e_1);
				e_2.setStyle({
					opacity: 0.0
				});
				Element.show(e_2);
				new Effect.Opacity(e_2,
				{ duration: 1.0, 
					transition: Effect.Transitions.linear, 
					from: 0.0, to: 1.0});				
				
				}
	});
}

function showCopyrights(id) {
	var e;
	if (e = $(id)) {
		Element.toggle(e);
	}
}