<!--
var gallery_imgs = [];
var gallery_mini = [];
var gallery_title = [];

var sliding_tabs = new Class({
	initialize:function(tabs, big_img, options){
		this.options = {
			tab_margin_left: '0px',
			tab_margin_right: '0px',
			event:'click'
		}
		$extend(this.options,options);
		this.big_img = big_img;
		this.tabs = tabs;
		this.tabs.setStyles({
			'position':'relative',
			'float':'left'
		});
	
		this.tab_overflow = new Element('div').setProperty('class','tab_overflow');
		this.tab_overflow.injectBefore(this.tabs[0]);
	
		this.tab_container = new Element('div').setProperty('class','tab_container');
		this.tab_container.injectInside(this.tab_overflow);
				
		this.tab_items = [];
		this.tabs_dim = 0;
		
		this.tabs.each(function(el,i){
			var w = el.getStyle('width').toInt();
			this.tabs_dim += (w > 0) ? w : 200;
			logit(i + ': ' + this.tabs_dim);
			this.tabs_dim += el.getStyle('border-right-width').toInt();
			this.tabs_dim += el.getStyle('border-left-width').toInt();
			this.tabs_dim += el.getStyle('margin-left').toInt();
			this.tabs_dim += el.getStyle('margin-right').toInt();
			this.tabs_dim += el.getStyle('padding-left').toInt();
			this.tabs_dim += el.getStyle('padding-right').toInt();
			this.tabs_dim += 20;
			el.injectInside(this.tab_container);
			el.setStyle('left',this.options['tab_margin_left']);
			this.tab_items[i] = new tab_item(el,this);
		}.bind(this));
			logit('Zusammen: ' + this.tabs_dim);
		var tab_container_width = this.tabs_dim+this.options['tab_margin_left'].toInt()+this.options['tab_margin_right'].toInt();
			logit('Mit rahmen: ' + tab_container_width);
		this.tab_container.setStyle('width', tab_container_width+'px'); 
		
		this.tab_fx = new Fx.Scroll(this.tab_overflow,{
			duration:0,
			link:'cancel',
			onComplete:function(){
				this.tab_overflow.addEvent('mousemove',this.mouse_move.bind(this));
			}.bind(this)
		});
		
		this.tab_overflow.addEvent('mouseenter',function(e){
			e = new Event(e).stop();

			this.tab_fx.start(this.get_position(e));

		}.bind(this));
		
		this.tab_overflow.addEvent('mouseleave',function(){
			this.tab_overflow.removeEvents('mousemove');
		}.bind(this));
		
        new Fx.Scroll(this.tab_overflow,{link:'cancel',duration:0}).toElement(this.tab_items[0].item);
	},
	mouse_move:function(e){
		e = new Event(e).stop();
		this.tab_fx.cancel();
		this.tab_overflow.scrollLeft = this.get_position(e);

	},
	get_position:function(e){
		var pos = this.tab_overflow.getPosition();
		var scroll = this.tab_overflow.getScroll();
		var scrollPos = Window.getScroll()['x']+e.client['x']-(pos['x']+scroll['x']);
		var position = scrollPos*(this.tab_container.getStyle('width').toInt())/this.tab_overflow.getStyle('width').toInt() - scrollPos;
		return position;
	}
});

var tab_item = new Class({
	initialize:function(item,tab_obj){
		this.item = item;
		this.tab_obj = tab_obj;

		this.item.addEvent(this.tab_obj.options.event,this.on_event.bind(this));
	},
	on_event:function(e){
		//e = new Event(e).stop();
	
	}
});


hs.graphicsDir = '/cms/highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.5;
hs.allowMultipleInstances = false;


// Add the slideshow controller
hs.addSlideshow({
	slideshowGroup: 'group1',
	interval: 3000,
	repeat: false,
	useControls: true
});

// German language strings
hs.lang = {
	cssDirection: 'ltr',
	loadingText: 'Lade...',
	loadingTitle: 'Klick zum Abbrechen',
	focusTitle: 'Klick um nach vorn zu bringen',
	fullExpandTitle: 'Zur Originalgröße erweitern',
	creditsText: 'Powered by <i>Highslide JS</i>',
	creditsTitle: 'Gehe zur Highslide JS Homepage',
	previousText: 'Voriges',
	nextText: 'Nächstes',
	moveText: 'Verschieben',
	closeText: 'Schließen',
	closeTitle: 'Schließen (Esc)',
	resizeTitle: 'Größe wiederherstellen',
	playText: 'Abspielen',
	playTitle: 'Slideshow abspielen (Leertaste)',
	pauseText: 'Pause',
	pauseTitle: 'Pausiere Slideshow (Leertaste)',
	previousTitle: 'Voriges (Pfeiltaste links)',
	nextTitle: 'Nächstes (Pfeiltaste rechts)',
	moveTitle: 'Verschieben',
	fullExpandText: 'Vollbild',
	number: 'Bild %1 von %2',
	restoreTitle: 'Klick um das Bild zu schließen, klick und ziehe um zu verschieben. Benutze Pfeiltasten für vor und zurück.'
};

// gallery config object
var config1 = {
	slideshowGroup: 'group1',
	transitions: ['expand', 'crossfade']
};


window.addEvent('domready', function() {
/*
	var myImages = new Asset.images([
		'/cms/files/Design/rg_hgneu.jpg', 
		'/cms/files/Design/zettel_austauschbar/links_hg_tshirt.gif',
		'/cms/files/Design/zettel_austauschbar/links_hg_download.gif',
		'/cms/files/Design/zettel_austauschbar/links_hg_fernseher.gif',
		'/cms/files/Design/zettel_austauschbar/links_hg_flash.gif',
		'/cms/files/Design/zettel_austauschbar/links_hg_jimmy.gif',
		'/cms/files/Design/zettel_austauschbar/links_hg_koffer.gif',
		'/cms/files/Design/zettel_austauschbar/links_hg_krone.gif',
		'/cms/files/Design/zettel_austauschbar/links_hg_mikros.gif'
		], 
	{
	  onComplete: function(){}
	});
*/	
	
	var gal = $('bilderbox');
	if(gal)
	{
		var linkto = [];
		gal.set('html', '');
		var loader = new Asset.images(gallery_mini, {
			onComplete: function() {
				gallery_mini.each(function(el,i){
					if(gallery_mini[i])
					{
						var div = new Element('div');
						div.setProperty('class','img_tab');
						//div.setStyle('width',195);
						//div.setStyle('height',195);
						div.injectInside(gal);
						var img = new Element('img').setProperty('src',el).injectInside(div);
						linkto[i] = new Element("a",{href:gallery_imgs[i], onclick:"return hs.expand(this, config1 )", _title:gallery_title[i]}).wraps(img);
					}
		
				});
				new sliding_tabs($$('#bilderbox .img_tab'),gallery_imgs,{
					tab_margin_right:'0px',
					tab_margin_left:'0px'
				});
				$$(document.links).each(function(el){
					el.setProperty('title','');
				});
	
			}
		});
		
	}
	
	


});

function logit(text)
{
	return;
	var div = new Element('div');
	div.set('text', text);
	div.injectInside($('log'));

}

//-->
