/*
	Website: http:/www.herres-sekt.com/
	BOB Design http://www.bob-design.de/
	Imagion AG http://www.imagion.de/
	Javascript Datei
	24.09.2009 Daan Meskers
	$last_change: 25.09.2009 Daan Meskers
*/


window.addEvent('domready', function() {
	if ( $('Eigenmarken') )
		Eigenmarken.init()
});

var posLeft = 120, distanceMarke = 140
var fensterbreite, prevLabel
var markenArray = []
var Eigenmarken = {
	init: function() {	
		if (navigator.userAgent.indexOf("MSIE") > 0 ) {
			$('Eigenmarken').getElements('dt').each( function( elm ) {
				elm.setStyle( 'left', posLeft+'px' ) ;
				posLeft = posLeft + distanceMarke;
				markenArray[ markenArray.length ] = elm ;
			});
			posLeft = 225; var i = 0 ;
			$$('dl dd').each( function( elm ) {
				elm.setStyle('opacity', 0.01);
				elm.setStyle( 'left', posLeft+'px' );
				markenArray[ i ].myLabel = elm ;
				posLeft = posLeft + distanceMarke; 
				i++ ;
			});
		} else {
			$$('DL#Eigenmarken dt').each( function( elm ) {
				elm.setStyle( 'left', posLeft+'px' ) ;
				posLeft = posLeft + distanceMarke ;
				markenArray[ markenArray.length ] = elm ;
			});
			posLeft = 225; var i = 0 ;
			$$('dl#Eigenmarken dd').each( function( elm ) {
				elm.setStyle('opacity', 0) ;
				elm.setStyle( 'left', posLeft+'px' ) ;
				markenArray[ i ].myLabel = elm ;
				posLeft = posLeft + distanceMarke; 
				i++ ;
			});
		}
		this.scroller();
	},
	scroller: function() {	
		if ( $('Eigenmarken') ) {
			if ( navigator.userAgent.indexOf("MSIE") > 0 ) {
				document.body.attachEvent( "onmousemove",doMouseX ) ;
			}
			$('Eigenmarken').addEvent('mouseenter', function() { 
				Eigenmarken.scrollerInterval = Eigenmarken.doScroll.periodical(30); 
				window.addEvent('mousemove', Eigenmarken.setMouse.bindWithEvent(this));
			})
			$('Eigenmarken').addEvent('mouseleave', function() { 
			    $clear(Eigenmarken.scrollerInterval); 
			    if ( prevLabel ) {
					if ( MooTools.version == '1.11'  ) {	
	  	  		    	var fxprevLabel = new Fx.Styles( prevLabel, {duration:300} );
	   			    	fxprevLabel.start({'opacity': 0});
					} else {
 	   				    var fxprevLabel = new Fx.Morph(  prevLabel, {duration:300} );
 	   			    	fxprevLabel.start({ 'opacity': 0 });   
					}
			    }
			})
		}
	},
	doScroll: function( evt ) {	
		var mouseX = Eigenmarken.eventX || myMouseX
		var pos = mouseX - $('Eigenmarken').getCoordinates().left
		for ( var i=0; markenArray[i]; i++) {
			// getting Distance ... buggy
			var myDistance =  pos - markenArray[i].getCoordinates().left  + ((windowWidth()-1150)/2)
				/* $$('div.Beischrift')[0].innerHTML = pos + " - " + markenArray[i].getCoordinates().left +
					" - ( " + windowWidth() +   = " +   myDistance */
				myDistance =  Math.abs( myDistance )
				myDistance =  Math.round( myDistance )
			if (myDistance < 125 ) {
				var dist = Math.min( 1, ( myDistance ) / 125 )
				var newHeight = 225 - Math.round( dist * 120  )
				var newTopMargin = Math.round( dist * 100 ) + 10
			} else { var newHeight =  125; newTopMargin = 100; }
			//markenArray[i].innerHTML =  dist + " : " + myDistance + " : " + newHeight   ;
			markenArray[i].getElement('img').setStyle( 'height', newHeight+'px' )
			markenArray[i].getElement('img').setStyle( 'marginTop', newTopMargin+'px' )
			if ( myDistance < 33 ) {
				prevLabel = markenArray[i].myLabel
 				if ( MooTools.version == '1.11'  ) {	
	  				var fxLabel = new Fx.Styles( prevLabel, {duration:500} );
	   				fxLabel.start({'opacity': 0.8})
				} else {
 	   				var fxLabel = new Fx.Morph(  prevLabel, {duration:500} );
 	   				fxLabel.start({ 'opacity': 0.8 });   
				}
			} else if ( myDistance > 75 ) {
 				if ( MooTools.version == '1.11'  ) {	
	  				var fxLabel = new Fx.Styles( markenArray[i].myLabel, {duration:300} );
	   				fxLabel.start({'opacity': 0})
				} else {
 	   				var fxLabel = new Fx.Morph(  markenArray[i].myLabel, {duration:300} );
 	   				fxLabel.start({ 'opacity': 0});   
				}			
			}
		}
	},
	setMouse: function( event ) {
		Eigenmarken.eventX = new Event( event ).client.x  ;
	}
}

// =============================================
// mousepos for explorer
var myMouseX
function doMouseX(evt) {
   var d = document; var dE = d.documentElement ;
   myMouseX = evt.clientX + (dE.scrollLeft ? dE.scrollLeft : d.body.scrollLeft);
}

function windowWidth( ) {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {  //Non-IE
      myWidth = window.innerWidth;
  } else if( document.documentElement && 
             ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
              //IE 6+ in 'standards compliant mode'
      myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible
      myWidth = document.body.clientWidth;
  }
  return myWidth
}