var deskInst;
window.addEvent('domready', function() {
	// png fix für Browser >= IE 6
	if (Browser.Engine.name == "trident" && Browser.Engine.version < 5) DD_belatedPNG.fix('.bg');
	// add deskJS for standart menu
	deskJS = new Class(
			{
				// Implements
				Implements : addDeskJS
				// options
				,options : {}
				// initialization
				,initialize : function(options) {
					// set options
					this.setOptions(options);
					// pluginload
					this._jsPreload({
						templating : true,
						menu : true,
						slider : true
					});
				}
				,_loadStatus : function(part, action) {}
				,_directLink : function(mode, DBstr, lrID, ldID) {}
				,_afterRendering : function() {
					if(Browser.Engine.name == 'presto'){
						$$('#navigation li').setStyles({
							'padding':'3px 25px 11px 25px'
						});
					}
					if(objSlider == true)this.createSlider();
					$('nlInput').addEvents({
						'click':function(e){
							e.stop();
							$('nlInput').value = '';
						}
					});
					// standart navigation aus plugin
					this.showMenu();
					//Suche der Imagedateien für PopUp und Slider
					this.fetchImages.delay(500,this);
					//formular absenden für newsletteranmeldung
					if ($defined($('btnNl'))) {
						$('btnNl').addEvents({
							'click' : function(e) {
								e.stop();
								if ($defined($('formnl'))) $('formnl').submit();
							}
						});
					}
					$$('.actPar').each(function(item,key){
						item.getChildren()[0].addEvents({
							'mouseover':function(e){
								e.target.setStyle('color','#111383');
							}
						});
					})
					//ie 7 korrekturen
					if (Browser.Engine.name == "trident" && Browser.Engine.version < 6) {
						// $('container').setStyle('top', '63px');
						// $('contentshadowbottom').setStyle('top', '60px');
					}
					$('search').addEvents({
						'click':function(e){
							$('search').value = '';
						}
					});
					if($('search').value == ''){
						if(LANG  == "de") $('search').value = 'Suchbegriff';
						else $('search').value = 'recherche';
					}
				}
				//standart navigation initialisierung
				,showMenu : function() {
					$('navigation').dropMenu({
						//mouseover
						onOpen : function(el) {
							$(el).set("tween", {
								onComplete : function() {},
								duration : 400
							}).fade('in');
						},
						//mouseleave
						onClose : function(el) {
							$(el).set("tween", {
								onComplete : function() {},
								duration : 100
							}).fade('out');
						},
						//initialisierung navi
						onInitialize : function(el) {
							//grösse der li auf gesammte linkbreite setzen
							var widthSubnav = el.getWidth();
							if (Browser.Engine.name == 'trident')
								widthSubnav = widthSubnav + 20;
							el.setStyles({
								'left' : '0px',
								'width' : widthSubnav + 'px'
							});
							el.fade('hide').set('tween', {
								onComplete : function() {},
								duration : 10
							});
						},
						//zeit bis ausblenden navi (ms)
						mouseoutDelay : 10,
						//zeit bis einblenden navi (ms)
						mouseoverDelay : 0
					});
				}
				
				,fetchImages: function(){
					var allImg = $$('.remooz-element');
					
					
					this.allPics = [];
					
					allImg.each(function(p,key){
						
						
						psrc = p.src.replace('upload/','upload/zoom_');
						
						this.allPics.push(psrc);
						
						p.addEvent('click',function(){
							this.actualPic = key;
							
							if(this.allPics.length > 1){
								var c = '<div style="float:left;width:50px;margin-right:20px;padding-top:200px;cursor:pointer;" onclick="deskInst.blaettern(\'rw\')"><img src="'+DOMAIN+'images/gallarrow_rw.gif" border="0"/></div><div style="float:left;width:650px;text-align:center;"><img id="galPic" src="'+this.allPics[this.actualPic]+'" height="400" style="display:inline;margin:10px 20px 10px 0;"/></div><div style="float:left;width:50px;margin-left:20px;padding-top:200px;cursor:pointer;" onclick="deskInst.blaettern(\'ff\')"><img src="'+DOMAIN+'images/gallarrow_ff.gif" border="0"/></div>'

							}else{
								var c = '<div style="float:left;width:50px;margin-right:20px;padding-top:200px;cursor:pointer;"></div><div style="float:left;width:650px;text-align:center;"><img id="galPic" src="'+this.allPics[this.actualPic]+'" height="400" style="display:inline;margin:10px 20px 10px 0;"/></div><div style="float:left;width:50px;margin-left:20px;padding-top:200px;cursor:pointer;"></div>'

							}
							

							gal = new popUp();
							gal.showPop(790,500,'',c);
							
						}.bind(this))
					},this)

				}
				
				,createSlider:function(){
					prodSlider = new slider({
						autoPlay: true,
						interval: 4000,
						box: $('picContainer'),
						items: $$('.sliderPic'),
						fadeDuration:2500,
						fade:true
					});
				}
				
				,blaettern: function(dir){
		
					if(dir == 'ff'){
						this.actualPic = this.actualPic++ >= this.allPics.length-1 ? 0 : this.actualPic++;
					}else{
						this.actualPic = this.actualPic-- <= 0 ? this.allPics.length-1 : this.actualPic--;
					}
					
					$('galPic').src = this.allPics[this.actualPic];
				}
				
			});
	deskInst = new deskJS();
});

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//POPUP CLASS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var popUp = new Class({
	
	
	/////////////////////////////////////////////////////////////
	//PopUp anzeigen
	/////////////////////////////////////////////////////////////
	showPop: function(w,h,t,cont){
		
		if((!$('BoxOverlay'))){
			overlay = new Element('div', {
				'id': 'BoxOverlay'
				,'styles': {'display': 'block','z-index': '4999','position': 'absolute','top': '0','left': '0','background-color': '#000','opacity': 0}
			}).inject(document.body);
			
			$('BoxOverlay').setStyles({
				width: window.getScrollWidth() + 'px',
				height: window.getScrollHeight() + 'px'
			});
			
			$('BoxOverlay').addEvents({
				'click': function(){
						this.closePop();
					}.bind(this)
			});
			
			win = new Element('div', {
				'id': 'pop'
				,'styles': {'border': '1px solid #C3C3C3','position': 'fixed','width': w,'top': 100,'left': '50%','z-index': '5000','height': h + 'px','overflow':'hidden','margin-left': '-' + (w/2 + 20)+'px','padding': '40px 20px 20px 20px','text-align': 'left','display': 'block','opacity': 0,'color': '#999','background-color': '#fff'}
			});
			
			winTitel = new Element('div',{
				'id': 'winTitle'
				,'html':t
				,'styles': {'border-bottom': '1px solid #C3C3C3','position':'absolute','top':0,'left':0,'height':16,'width':w+40,'background-color':'#EEEEEE','color':'#999','padding':'4px 0 0 10px','font-weight':'bold'}
			}).inject(win);
			
			winRes = new Element('div',{
				'id': 'winRes'
			}).inject(win);
			
			win.inject(document.body);
			
			var closer = new Element('div', {
				'id': 'closer',
				'styles': {
					'position': 'absolute'
					,'top': 0
					,'right': 0
					,'cursor': 'pointer'
				},events:{
					'click': function(){
						this.closePop();
					}.bind(this)
				}
			}).inject(win);
			if(LANG == 'de') var txtClose = 'schliessen';
			else var txtClose = 'fermer';
			new Element('div', {
				'html': txtClose
				,'styles': {
					'position': 'absolute'
					,'top': 0
					,'right': 25
					,'cursor': 'pointer'
					,'background-color': '#fff'
					,'height': 17
					,'padding': '3px 5px 0 5px'
				},events:{
					'click': function(){
						this.closePop();
					}.bind(this)
				}
			}).inject(win);

			/*new Element('img', {
				'src': ROOT+'images/closer.png'
				,'border': 0
			}).inject(closer);	*/
		}else{
			$('pop').setStyles({
				'width': w
				,'height': h
				,'margin-left': '-'+w/2+'px'
			})
			
			$('winTitle').set('html',t);
		}
	
		//cont.inject(winRes);
		
		winRes.set('html',cont);
		
		this.blend($('BoxOverlay'),350,0.7);
		this.blend($('pop'),350,1);
		
	},
	
	/////////////////////////////////////////////////////////////
	//PopUp schliessen
	/////////////////////////////////////////////////////////////
	closePop: function(){

		this.blend($('BoxOverlay'),450,0);
		this.blend($('pop'),350,0);
		$('winRes').empty();
	},
	
	blend: function(mE,dur,val){

		mO = new Fx.Morph(mE, {
			duration: dur
		});
		mO.start({
			'opacity': val
		});
	}
})