// Fader
var containerElements=["fade_strip", "fade_logo_1", "fade_logo_2", "fade_container"];
Event.observe(window, "load", function() {
	if (typeof Effect == "undefined") return;
	containerElements.each( function(el, index) {
		try {
			new Effect.Fade($(el), {from: 0.001, to: 1, duration: 1, delay: 0.5+index*0.5, beforeUpdate:function(){
				$(el).style.visibility="visible";
			}});
		}
		catch(e) {}
	});
	try {
		new Effect.Move("fade_logo_1",{x: 50, duration: 0.7, delay: 1, mode:"relative", beforeStart:function(){
			$("fade_logo_1").makePositioned();
			$("fade_logo_1").setStyle({left: "-50px"});
		}});
		
		new Effect.Move("fade_strip",{x: 950, duration: 1.7, mode:"relative", beforeStart:function(){
			$("fade_strip").makePositioned();
			$("fade_strip").setStyle({left: "-950px"});
		}});
	}
	catch(e) { }
	//setTimeout(initGalleries, 2500);
});

// Container Switch
var oldLink=false;

function showFrame(tg) {
	if (oldLink) {
		$(oldLink).removeClassName("sel");
	}
	try {
		$(tg).addClassName("sel");
		var fr=$(tg).readAttribute("href");
		fr = fr.substr(fr.indexOf("#")+1);
		$$(".c_cont_switch").each(function(e){
			if (e.id == fr) { e.show();}
			else e.hide();
		});
		oldLink=tg;
	}
	catch (e) { }

}

// Scroller
//document.write("<scr"+"ipt type='text/javascript' src='/test/js/trace.js'></scr"+"ipt>");

var scrollMax = 754-111;
var scrollFrame;
var scrollFrameWidth = scrollMax;
var scrollFrameOvflow = false;

function getRealWidth(element) {
	var w=0;
	$(element).immediateDescendants().each( function(el) {
		w += parseInt(el.getWidth());
	});
	return w;
}

function onScrollerDrag(e) {
	var percentage = e.delta[0]/scrollMax;
	if (scrollFrameOvflow === false) {
		scrollFrameOvflow = getRealWidth(scrollFrame) - scrollMax;
	}
	var sf_x = Math.round( -scrollFrameOvflow*percentage );
	scrollFrame.style.left = sf_x+"px";
}

Event.observe(window, "load", function(){
	showFrame($$(".b_2sp_l a")[0]);
	$$("#scroll").each(function(e) {
		scrollFrame=Try.these(
			function(){	return $$(".gallery .gallery_inner")[0]; }, 
			function(){	return false; }
		);
		if (scrollFrame) {
			new Draggable(e,{ constraint:'horizontal', onDrag: onScrollerDrag, rahmen: [0, scrollMax, 0, 0]});
			Element.makePositioned(scrollFrame);
		}
	});
	
});