NAV_BOTTOM_HIGHLIGHT = $.klass({
	initialize: function(arg) {
	
	this.element.origHeight = parseInt(this.element[0].offsetHeight);
	
	var newDivSpanText = document.createTextNode("Datensatz Filtereinstellungen");
	
	var newDiv = document.createElement("div");
	newDiv.setAttribute('style', 'background-color: #bbb; height: 27px; color: #fff; padding: 3px 0 0 4px;');
	
	var newImg = document.createElement("span");
	//newImg.appendChild(document.createTextNode(' »'));
	
	
	
	newDiv.id = "dropdown";
	
	newDiv.appendChild(newDivSpanText);
	newImg.setAttribute('class', 'sf-sub-indicator');
	newDiv.appendChild(newImg);
	
	
	//$('#dropdown span').addClass('sf-sub-indicator');
	
	this.element[0].insertBefore(newDiv, this.element[0].firstChild);
	this.element.absolutize();
	
	this.element.css({ top: "82px", height: "29px", overflow: "hidden"});
	
	},
	onmouseover: function() {
		this.element.animate({ 
			height: this.element.origHeight + 29 + "px",
			opacity: 1
		}, { queue:false, duration:300} );
	},
	onmouseout: function() {
		this.element.animate({ 
			height: 29 + "px",
			opacity: 1
		}, { queue:false, duration:300} );
	}
});


LINKTOMODAL_DASSINDWIR = $.klass({
	initialize: function(arg) {
	},
	onclick: function() {
		$('.layer-info', this.element).css({
			//'visibility' : 'visible'
		});
		$('.layer-info', this.element).modal({
			opacity:80,
			overlayCss: {backgroundColor:"#000"},
			overlayClose:true,	

			onOpen: function (dialog) {
				dialog.overlay.fadeIn('slow', function () {
					dialog.data.hide();
					dialog.container.fadeIn('slow', function () {
						dialog.data.slideDown('middle');
					});
				});
			},
			onClose: function (dialog) {
				dialog.data.fadeOut('slow', function () {
					dialog.container.slideUp('slow', function () {
						dialog.overlay.fadeOut('slow', function () {
							//alert("sdf");
							//#alert($.modal.dataId);
							
							$.modal.close(); // must call this!
						});
					});
				});

			}
		});
	}
});


LINKTOMODAL_LAEDEN = $.klass({
	initialize: function(arg) {
		this.element.css('corsor' , 'pointer');
		$('.mzlogo, *', this.element).css({
			'corsor' : 'pointer'
		});
	},
	onmouseover: function() {
		
		this.element.css({
			'cursor' : 'pointer'
		});
		
		
	},
	onclick: function() {
		$('.layer-info', this.element).css({
			//'visibility' : 'visible'
		});
		$('.layer-info', this.element).modal({
			opacity:80,
			overlayCss: {backgroundColor:"#000"},
			overlayClose:true,	

			onOpen: function (dialog) {
				dialog.overlay.fadeIn('slow', function () {
					dialog.data.hide();
					dialog.container.fadeIn('slow', function () {
						dialog.data.slideDown('middle');
					});
				});
			},
			onClose: function (dialog) {
				dialog.data.fadeOut('slow', function () {
					dialog.container.slideUp('slow', function () {
						dialog.overlay.fadeOut('slow', function () {
							//alert("sdf");
							//#alert($.modal.dataId);
							
							$.modal.close(); // must call this!
						});
					});
				});

			}
		});
	}
});

LOGO_SLIDE_UP = $.klass({
	initialize: function(arg) {
		
	
	},
	onmouseover: function() {
		
		// $("#dump").append($('img', this.element).dump());
		//$('.slide-info', this.element).css('visibility', 'visible');

		$('.logo', this.element).animate({ 
			height: 0 + "px",
			opacity: 1
		}, { queue:false, duration:150} );
		
		
		$('.slide-info', this.element).animate({ 
			height: 83 + "px",
			opacity: 1
		}, { queue:false, duration:150} );
		
		$('.slide-info', this.element).css({
			'visibility' : 'visible',
			'cursor' : 'pointer'
		});
		
		
	},
	onmouseout: function() {
		
		// $("#dump").append($('img', this.element).dump());
		$('.logo', this.element).animate({ 
			height: 86 + "px",
			opacity: 1
		}, { queue:false, duration:150} );
		
		
		$('.slide-info', this.element).animate({ 
			height: 0 + "px",
			opacity: 1
		}, { queue:false, duration:150} );
		
		$('.slide-info', this.element).css({
			'visibility' : 'hidden',
			'cursor' : 'default'
		});
		
	}	

});

DEFAULT_MAP_INFO = $.klass({
	initialize: function(arg) {
		
	},
	onmouseover: function() {
		
	},
	onmouseout: function() {
		
	}	
});


jQuery(function($) {
	$('.sf_admin_filter').attach(NAV_BOTTOM_HIGHLIGHT, 'My arg');
	// Closing animations
	$('.logo-item').attach(LINKTOMODAL_DASSINDWIR, 'My arg');
	$('.linktoinfolayer').attach(LINKTOMODAL_LAEDEN, 'My arg');
	$('.logo-item').attach(LOGO_SLIDE_UP, 'My arg');

});