(function($){
	$.fn.tranformBtn = function() {
		return this.each(function(){
			var label = $(this).attr('value');
			var fg = $('<span class="input-button"><span class="fg"></span></span>');
			var bg = $('<span class="bg">'+label+'</span>');
			$(this).wrap(fg).before(label).before(bg);
			
			$(this).parents('.input-button').hover(function() {
				$(this).addClass('input-button-hover');
			}, function() {
				$(this).removeClass('input-button-hover');
			});				
		});
	}	
	
	$.fn.initSubnavigation = function(options) {
		var defaults = {
			shadowRadius: 18,
			shadowOpacity: 0.6,
			shadowColor: '000000',
			shadowPath: '/',
			subnavItemMinWidth: 130
		};
		var opts = $.extend(defaults, options);
		
		return this.each(function(){
			var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
			
			
			
			// Subnavigation skalieren
			var subnavItemMaxWidth = o.subnavItemMinWidth;	
			var subnavColumns = $('.subnavigation_column',this);
			var subnavOuter = 0;
			$.each(subnavColumns, function(i, value) {
				// Breite anhand breitestem Element der jeweiligen Spalte ermitteln
				var subnavItems = $('.subnavigation_item span',this);
				$.each(subnavItems, function(i, value) {
					$(this).clone().addClass('fg').insertAfter(this);
					$(this).addClass('bg');
					var subnavItemCurWidth = $(this).outerWidth();
					if(subnavItemCurWidth > subnavItemMaxWidth) subnavItemMaxWidth = subnavItemCurWidth;
				});
				// Breite für alle Elemente der Spalte setzen
				if($.browser.msie && $.browser.version <= 6) {
					subnavOuter += subnavItemMaxWidth;
					$('.subnavigation_item', this).css('width', subnavItemMaxWidth+'px');
				} else {
					subnavOuter += $(this).outerWidth();
					$('.subnavigation_item', this).css('width', $(this).outerWidth()+'px');
				}
			});
			
			// Wrapperbreite berechnen
			if($.browser.msie && $.browser.version <= 6) subnavOuter += 5;
			else subnavOuter += 4;
			
			// Subnavigations Wrapper skalieren, damit ggf. mehrere Spalten nebeneinander floaten
			$(this).css('width', subnavOuter+'px');		
			
			// Subnavigation nach links aufklappen
			if($(this).hasClass('alignLeft')) {
				var parentWidth = $(this).parent('.navigation_item').outerWidth();
				$(this).css('left', '-'+(subnavOuter-parentWidth)+'px');
			}
			
			// Schatten installieren
			var shadowWidth = $(this).outerWidth()-6;
			var shadowHeight = $(this).innerHeight()-6;			
			$('.subnavigation_shadow', this).css('background', 'url('+o.shadowPath+'shadow/alpha-'+o.shadowColor+'/'+o.shadowRadius+'-'+o.shadowOpacity+'/'+shadowWidth+'/'+shadowHeight+'/sh.png) 0 0 no-repeat');
		});
	}
})(jQuery);

(function($){
	$.fn.dateselector = function(options) {
		var defaults = {
			format: 'd.m.Y H:M:S'
		};
		var opts = $.extend(defaults, options);
		
		return this.each(function() {
			var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
			var elem = $(this);
			if($(this).attr('value').match(/\d\d\.\d\d\.\d\d\d\d/) || $(this).attr('value').match(/\d\d\.\d\d\.\d\d\d\d \d\d\:\d\d\:\d\d/)) {
				var current_date = $(this).attr('value');
			} else {
				var date=new Date(); 
				var dd=date.getDate(); 
				var mm=date.getMonth() + 1; 
				var yy=date.getYear();
				if ((yy > 99) && (yy < 1900)) yy += 1900;
				var current_date = dd+'.'+mm+'.'+yy
			}
			$(this).DatePicker({
				flat: false,
				format: o.format,
				date: current_date,
				current: current_date,
				starts: 1,
				calendars: 1,
				onChange: function(formated, dates, elem){
					$(elem).attr('value',formated);
					$(elem).DatePickerHide();
				}
			});
			$(elem).siblings('a.icon').click(function() {
				$(elem).trigger('click');
			});
		});	
	}
})(jQuery);

(function($){
	$(document).ready(function() {
		var items = $('.navigation_item');
		var total_width = 0;
		$.each(items, function(i,elem) {
			total_width = total_width+$(elem).outerWidth();
		});
		if(total_width > 800) {
			$('.navigation').width(total_width);
		} else {
			$('.navigation').width(900);
		}
	});
})(jQuery);