function fadein (cl) {

var fx = new Fx.Morph($(cl), {duration:400, wait:false});
fx.start({
'color': '#4968a3',
'background-color': '#e2e9f1'
});

}
function fadeout (cl) {
var fx = new Fx.Morph($(cl), {duration:400, wait:false});
fx.start({
'color': '#69737D',
'background-color': '#F9F9F9'
});
       
}
window.addEvent('domready', function(){
	alertMsg.start();
	var myTips = new Tips('.error_tip');

});

var alertMsg = {
	start : function () {
		this.items = $$('div.alert');
		if(this.items) {
			this.items.makeDraggable();
			this.message = new message(this.items);
		}
	}
}


var message = new Class({
	Implements: [Events, Options]
	
	,initialize: function(items) {
		this.items = items;
		this.addDragControlToItems();
		
		if ($('msg_content')) {
		var ContentHeight = document.getElementById('msg_content').clientHeight;
		
		this.height = ContentHeight;
		this.width = '400';
		
		if (document.documentElement && document.documentElement.clientWidth) {
				theWidth=document.documentElement.clientWidth;
			}else if (document.body) {
				theWidth=document.body.clientWidth;
			}
			if (window.innerHeight) {
				theHeight=window.innerHeight;
			}else if (document.documentElement && document.documentElement.clientHeight) {
				theHeight=document.documentElement.clientHeight;
			}else if (document.body) {
				theHeight=document.body.clientHeight;
			}
			var top = window.getScrollTop();
			var boxTop =  (theHeight - this.height) / 3 ;
          boxTop = (boxTop + top);
			var boxLeft = (theWidth - this.width) / 2;
		
		this.items.setStyle('left',boxLeft);
		this.items.setStyle('top',boxTop);
    this.items.setStyle('z-index','303');
    
    $('spezial_cl').setStyle('height',ContentHeight);
		$('spezial_cr').setStyle('height',ContentHeight);
		}
	}
	,addDragControlToItems : function () {
		this.items.each(function(item, index) {
			this.restoreItemDestroyStatus(item);
			this.restoreItemPosition(item);
			
			var dragControler = this.getDragControlerMarkup();

			dragControler.container.inject($('msg_content'),'bottom');
			
			dragControler.container.addEvent('click', function (event){
				var element = event.target.getParent('div.alert');
				this.removeItem(element);
			}.bind(this));
			
		}.bind(this));
	}
	,removeItem : function(element) {
		  this.setCookie(element.id,'destroyed', 1); 

		var elementSize = element.getSize();
		
		var destroyFx = new Fx.Morph(element, {
			duration: 600
			,link : 'cancel'
		}).start({
			'opacity': [1,0]
		}).chain(function(){
			element.destroy();
		});
	}
	,setItemPosition : function(element) {
		var position = element.getPosition($('msg_content'));

		var left = position.x;
		var top = position.y;

		var value = left+ ','+top;
		this.setCookie(element.id ,'position',value);


	}
	,restoreItemDestroyStatus : function(element) {
		 var isDeleted = Cookie.read(element.id+'_destroyed');

		if(isDeleted) element.setStyle('display', 'none');
	}
	,restoreItemPosition : function (element) {
		var positionFromCookie = Cookie.read(element.id+'_position');
		if(!positionFromCookie) return;
		
		var position = positionFromCookie.split(',');
		element.setStyles({
			'margin-top' : position[1]+'px'
			,'margin-left' : position[0]+'px'
		});
	}
	,setCookie : function(id, type, value) {
		var cookieId = id+'_'+type;
		var updateCookie = Cookie.read(cookieId);
		if(updateCookie) Cookie.dispose(cookieId); 

		Cookie.write(cookieId, value, {
			'duration' : 30
		});
	}
	,getDragControlerMarkup : function () {
		var container = new Element('div', {
			'class' : 'close','events' : ({
				'mouseover' : function(event) {
					event.target.setStyle('cursor', 'pointer');
				}
			})
		});
		
		

		var dragContainer = {
			'container' : container
		}
		
		return dragContainer;
	}

});




// If all DOM Elements are loaded start the Main Class.
window.addEvent('domready', function() {



 
    /**
     * Assigns ReMooz behavior to all anchors with the .remooz class
     */
    ReMooz.assign();
 
    /**
     * Or assign ReMooz "by hand"
     */
    $$('ul.asda-gallery a').each(function(element) {
 
        // Constructor, takes the element and options as arguments
        new ReMooz(element, {
            centered: true, // Zoom the center of the screen
            origin: element.getElement('img') // Take the image inside as origin for the zooming element
        });
 
    });
 



var asda = {
		init: function() {
		dropdownSelectors.init();
		}
	};

	var list = $$('.fade');
    list.each(function(element) {
    var original = element.getStyle('color'); 
    var bgoriginal = element.getStyle('background-color');
    element.setStyles({
           'color': original,
           'background-color': bgoriginal
          });
    
    
    
            var fx = new Fx.Morph(element, {duration:700, wait:false});
            element.addEvent('mouseover', function(){
                    fx.start({
                            'color': '#ffffff',
                            'background-color': '#486ba5'
                    });
            });
    
            element.addEvent('mouseout', function(){
                    fx.start({
                            'color': original,
                            'background-color': bgoriginal
                    });
            });
    });

  var list2 = $$('.fade2');
    list2.each(function(element) {
    var original = element.getStyle('color'); 
    var bgoriginal = element.getStyle('background-color');
    element.setStyles({
           'color': original,
           'background-color': bgoriginal
          });
    
    
    
            var fx = new Fx.Morph(element, {duration:400, wait:false});
            element.addEvent('mouseover', function(){
                    fx.start({
                            'color': '#4968a3',
                            'background-color': '#e2e9f1'
                    });
            });
    
            element.addEvent('mouseout', function(){
                    fx.start({
                            'color': original,
                            'background-color': bgoriginal
                    });
            });
    });


var list3 = $$('.fade_img');
    list3.each(function(element) {
    var original = element.getStyle('opacity'); 
    element.setStyles({
           'opacity': '0.7'
          });
    
    
    
            var fx = new Fx.Morph(element, {duration:500, wait:false});
            element.addEvent('mouseover', function(){
                    fx.start({
                            'opacity': '1.0'
                            
                    });
            });
    
            element.addEvent('mouseout', function(){
                    fx.start({
                            'opacity': '0.7'
                    });
            });
    });

    asda.init();
    asdaSlideShow('headerimg',0,5000,5000);
    asdaSlideShow('headerimg','auto');
    
    
    var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
    		opacity: false,
    		onActive: function(toggler, element){
    			toggler.setStyle('color', '#555');
    			toggler.setStyle('background', '#dedede url(http://asda.dimme-server.ch/fileadmin/sysimg/user.png) 3px 3px no-repeat');
    		},
    		onBackground: function(toggler, element){
    			toggler.setStyle('color', '#797f85');
    			toggler.setStyle('background', '#e9e9e9 url(http://asda.dimme-server.ch/fileadmin/sysimg/user.png) 3px 3px no-repeat');
    		}
	   });
    
		
	});