/*
function fixPNG(myImage)

{

	try {

		var arVersion = navigator.appVersion.split("MSIE");

		var version = parseFloat(arVersion[1]);

		if ((version >= 5.5) && (version < 7) && (document.body.filters)){

			myImage = $(myImage);

			var vis = myImage.getStyle('display') != 'none';

			if(!vis) myImage.setStyle('display','block');

			var width = $(myImage).offsetWidth;

			var height = $(myImage).offsetHeight;

			if(!vis) myImage.hide();

			var replacement = new Element('span', {

				id:(myImage.id)?myImage.id:'',

						'class':(myImage.className)?myImage.className:'',

								title:(myImage.title)?myImage.title:(myImage.alt)?myImage.alt:'',

										styles: {

				display: 'inline-block',

				width: width,

				height: height,

				filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader (src='"

					+ myImage.src + "', sizingMethod='scale');"

			}

			});

			if(myImage.style.cssText) {

				try {

					var styles = {};

					var s = myImage.style.cssText.split(';');

					s.each(function(style){

						var n = style.split(':');

						styles[n[0]] = n[1];

					});

					replacement.setStyle(styles);

				} catch(e){}

			}

			if(replacement.cloneEvents) replacement.cloneEvents(myImage);

			myImage.replaceWith(replacement);

		}

	} catch(e) {}

};



if(window.ie6) {



	$$('img.fixPNG').each(function(png){

		fixPNG(png)

	});



}



var Site = {



		ready: function() {



	var elements = ['#leftFF', '#rightFF', '#todo-link'];
	var prefix = '_over';
	imgTemp = [];

	$$(elements).each(function(el) {
		
		if(el) {
			var mouseFx = new Fx.Tween(el, {duration: 240, wait: false});

			var holdSrc = el.getProperty('src');
			var extension = holdSrc.substring(holdSrc.lastIndexOf('.'),holdSrc.length);
			var newSrc = holdSrc.replace(extension, prefix + '' + extension);

			el.addEvents({
				mouseover: function() {
				el.setProperty('src', newSrc);
			},
			mouseout: function() {
				el.setProperty('src', holdSrc);
			}
			});
		}
		
	});

	// TODO // CODE CLEAN UP // ALLE PIMPS STEHEN IN JD.GALLERY UND IM LAYOUT

	SqueezeBox.assign($$('a[rel=boxed]'));


	if (document.getElement('.myScroller'))
	{
		
		
		var carouselWrapper = $('carouselWrapper');
		var carouselInner = $('carouselInner');
		var startpos = 0;
		var thumbs = carouselInner.getElements('.thumbnail');
		
		carouselWidth = - ((thumbs.length * 60) + (thumbs.length * 10) - (800));
		
		if(carouselWidth > 0) {
			$('rightFF').setStyle('display','none');
			$('leftFF').setStyle('display','none');
			return;
		}
		
		
		$('carouselInner').setStyle('width', -carouselWidth + 800);
		
		var duration = carouselWidth * -10;
		
			
		var myFx = new Fx.Tween(carouselInner, {
			duration: duration,
			transition: Fx.Transitions.linear,
			chain: 'cancel'
		}).set('left', 0);


		$('rightFF').addEvent('mouseenter', function() {
			
			var speed = (carouselWidth - carouselInner.getStyle('left').toInt()) / carouselWidth * duration;
			if (!speed) return;
			myFx.options.duration = speed;
			myFx.start('left', carouselWidth);
		});

		$('rightFF').addEvent('mouseleave', function() {
			myFx.cancel();
		});

		$('leftFF').addEvent('mouseenter', function() {
			var speed = (carouselInner.getStyle('left').toInt()) / carouselWidth * duration;
			if (!speed) return;
			myFx.options.duration = speed;
			myFx.start('left', 0);
		});

		$('leftFF').addEvent('mouseleave', function() {
			myFx.cancel();
		});
	}

}
}
*/
function fixPNG(myImage){
	try {
		var arVersion = navigator.appVersion.split("MSIE");
		var version = parseFloat(arVersion[1]);
		if ((version >= 5.5) && (version < 7) && (document.body.filters)){
			myImage = $(myImage);
			var vis = myImage.getStyle('display') != 'none';
			if(!vis) myImage.setStyle('display','block');
			var width = $(myImage).offsetWidth;
			var height = $(myImage).offsetHeight;
			if(!vis) myImage.hide();
			var replacement = new Element('span', {
				id:(myImage.id)?myImage.id:'',
				'class':(myImage.className)?myImage.className:'',
				title:(myImage.title)?myImage.title:(myImage.alt)?myImage.alt:'',
				styles: {
					display: 'inline-block',
					width: width,
					height: height,
					filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader (src='"
					+ myImage.src + "', sizingMethod='scale');"
				}
			});
			if(myImage.style.cssText) {
				try {
					var styles = {};
					var s = myImage.style.cssText.split(';');
					s.each(function(style){
						var n = style.split(':');
						styles[n[0]] = n[1];
					});
					replacement.setStyle(styles);
				} catch(e){}
			}
			if(replacement.cloneEvents) replacement.cloneEvents(myImage);
			myImage.replaceWith(replacement);
		}
	} catch(e) {}
};

if(window.ie6) {
	$$('img.fixPNG').each(fixPNG);
}

var InfiniteScroll = new Class({
	initialize: function(what, items, left, right){
		this.what = $(what);
		this.items = $$(items);
		this.left = $(left);
		this.right = $(right);
		this.itemWidth = 70;
		this.indent = 0;

		var slow = 3;
		var fast = 25;

		this.left.addEvents({
			mouseenter: this.start.bind(this, [-slow]),
			mousedown: this.start.bind(this, [-fast]),
			mouseup: this.start.bind(this, [-slow]),
			mouseleave: this.stop.bind(this)
		});
		this.right.addEvents({
			mouseenter: this.start.bind(this, [+slow]),
			mousedown: this.start.bind(this, [+fast]),
			mouseup: this.start.bind(this, [+slow]),
			mouseleave: this.stop.bind(this)
		});
		this.direction = 0;
		this.step();
	},

	start: function(direction){
		this.stop();
		this.direction = direction;
		this.timer = this.step.periodical(1000/25, this);
	},

	stop: function(){
		this.timer = $clear(this.timer);
	},

	step: function(){
		var indent = this.indent + this.direction;
		if (indent < -this.itemWidth) {
			indent += this.itemWidth;
			var firstItem = this.items.shift();
			this.items.push(firstItem);
			firstItem.inject(this.what);
		} else if (indent > 0) {
			indent -= this.itemWidth;
			var lastItem = this.items.pop();
			this.items.unshift(lastItem);
			lastItem.inject(this.what, 'top');
		}
		this.indent = indent;
		this.what.setStyle('left', indent);
	}
});

var Site = {

	ready: function() {

		var elements = ['#leftFF', '#rightFF', '#todo-link'];
		var prefix = '_over';
		imgTemp = [];
		$$(elements).each(function(el) {
			var mouseFx = new Fx.Tween(el, {duration: 240, wait: false});
			var holdSrc = el.getProperty('src');
			var extension = holdSrc.substring(holdSrc.lastIndexOf('.'),holdSrc.length);
			var newSrc = holdSrc.replace(extension, prefix + '' + extension);
			el.addEvents({
				mouseover: function() {
					el.setProperty('src', newSrc);
				},
				mouseout: function() {
					el.setProperty('src', holdSrc);
				}
			});
		});
		// TODO // CODE CLEAN UP // ALLE PIMPS STEHEN IN JD.GALLERY UND IM LAYOUT
		SqueezeBox.assign($$('a[rel=boxed]'));

		var scroller = document.getElement('.myScroller');
		if (scroller) Site.initScroller(scroller);
	},

	initScroller: function(scroller){
		var carouselInner = $('carouselInner');
		var thumbs = carouselInner.getElements('.thumbnail').getParent();
		if (thumbs.length * (60 + 10) <= 800) {
			$('rightFF').setStyle('display','none');
			$('leftFF').setStyle('display','none');
			return;
		}
		carouselInner.setStyle('width', thumbs.length * (60+10) + 100);
		new InfiniteScroll(carouselInner, thumbs, 'rightFF', 'leftFF');
	}
};