/*
TODO bugfixes:

2)
Beim vergrößern eines Bildes soll dieses in der Rightbox erscheinen

*/

/* Einstellungen */
var topstart="25";
var topend="10";
var speed = 18000;

var bottomstart="25";
var bottomend="40";

var slideload = "0";
var slidestart = "0";
var slidestop = "-850";


// ----------------------- ImageSilder -------------------------------//
function slider(stat){
	try{
	var slideimg = $('slideimg');
			  
		  var sl = new Fx.Style(slideimg, 'left', {duration:speed});
		 sl.start(slidestart, slidestop);	
		 window.setTimeout("imagechanger()", speed);
	
	}catch(e){
		//nothing to do
	}
}


// ---------------------ImageSilder Bilderwechsel -------------------------------------------
var aktcount = 0;

function imagechanger(){
	var slideimg = $('slideimg');
	var imgcount = $('slideimg').getElements('tr'); 
	var count = imgcount.length;
	
	if(count == 0){
			slider(1);		
	}else{
		slideimg.effect('opacity',{duration: 10}).start(1,0); 
		if(aktcount < count-1){
			
			aktcount++;
	
			slideimg.effect('opacity',{duration: 500}).start(1,0).addEvent('onComplete',function()
		{
			imgcount[aktcount-1].setStyle("display","none");
			slideimg.setStyle('left',slidestart+'px');
			imgcount[aktcount].setStyle("display","block");
			slideimg.effect('opacity',{duration: 500}).start(0,1).addEvent('onComplete',function()
		{
			slider(1);
		});
		
	}); 
	 // letze bild
		}else if(aktcount > 0){
			aktcount=0;
			
			slideimg.effect('opacity',{duration: 500}).start(1,0).addEvent('onComplete',function()
		{
			imgcount[aktcount].setStyle("display","block");
			slideimg.setStyle('left',slidestart+'px');
			imgcount[count-1].setStyle("display","none");
			slideimg.effect('opacity',{duration: 500}).start(0,1).addEvent('onComplete',function()
		{
			slider(1);
		});
		
	}); 
		
		}
	}
    // lese die bilder der klasse slideimg ein
	// zeige bild mit der übergebenen id/count an
	// starte slider
}


// ---------------------- init menue -------------------------------------------
function initmenue(){

		 
		
// INIT MENUE
try{
	if( $('act').hasClass('top')){
		var act = $('act').getParent('div');
		var marginChange = new Fx.Style(act, 'margin-top', {duration:0});
	    marginChange.start(topstart, topend);
	}else{
		var act = $('act').getParent('div');
		var marginChange = new Fx.Style(act, 'margin-top', {duration:0});
	    marginChange.start(bottomstart, bottomend);
	}
}catch(e){
	//nothing to do
}

// INIT MENUE
try{
		var act = $$('.bottom #subact').getParent('div').getParent('div');
		$('subact').getParent('div').addClass('act');
		var marginChange = new Fx.Style(act[0], 'margin-top', {duration:0});
	     marginChange.start(bottomstart, bottomend);
	
}catch(e){
	//nothing to do
}

try{
		var act = $$('.top #subact').getParent('div').getParent('div');
		$('subact').getParent('div').addClass('act');
		var marginChange = new Fx.Style(act[0], 'margin-top', {duration:0});
	     marginChange.start(topstart, topend);
	
}catch(e){
	//nothing to do
}

// MENUE
  
  $$('div.top').addEvent('mouseenter', function(){
  
  var menutab = this.getParent('div');
  this.addClass('hover');
  var marginChange = new Fx.Style(menutab, 'margin-top', {duration:200});
  marginChange.start(topstart, topend);
  
  
  });
  
  $$('div.top').addEvent('mouseleave', function(){
  this.removeClass('hover');
  var menutab = this.getParent('div');
  var marginChange = new Fx.Style(menutab, 'margin-top', {duration:200});
  marginChange.start(topend, topstart);
  
  
  });
  
    $$('div.bottom').addEvent('mouseenter', function(){
  
  var menutab = this.getParent('div');
  this.addClass('hover');
  var marginChange = new Fx.Style(menutab, 'margin-top', {duration:200});
  marginChange.start(bottomstart, bottomend);
  
  
  });
  
  $$('div.bottom').addEvent('mouseleave', function(){
  this.removeClass('hover');
  var menutab = this.getParent('div');
  var marginChange = new Fx.Style(menutab, 'margin-top', {duration:200});
  marginChange.start(bottomend, bottomstart);
  
  
  });
  

}
// --------------------- bilder in slidebox laden -----------------------------
function boxbox(){
var akthref="";
		this.anchors = [];
		$each(document.links, function(el){
			if (el.rel && el.rel.test(/^lightbox/i)){
			    el.onmouseover = function(){
				  $('right').setHTML('<img src="'+el.href+'" />');
				  //el.removeProperty('href');
				};
				el.onmouseout = function(){
				  //el.href = akthref;
				};
				el.onclick = function(){
					//alert("asd");
					// #### BILD IN RIGHTBOX EINFÜGEN
					//$$('#right:first-child').dispose();
					//$('#right').set('html', '<p></p>');
					
					//var img = new Element('img', {'src': akthref }).injectInside($('right'));
					//var img = new Element('div', {'id': 'tetet' }).injectInside($('right'));
					//$('right').setHTML('<img src="'+akthref+'" />');
					//alert("asdas");


					};
					// href auslesen und entfernen
				this.anchors.push(el);
			}
		}, this);

}

// ---------------------on load --------------------------------------------------------
window.addEvent('domready', function(){ 
	   
	   	//slideimg starten
		try{			 
				  $('slideimg').setStyle('left',slideload+'px');
				  var ready = slider(1);
		}catch(e){
			// nothing to do
		}	
		
		// menue erstellen
		initmenue();
		
		boxbox();
  
});