var linkiblau={
 /* <--  KONFIGURACJA  ----- */
arrowimages: {down:['plusgora', './images/zero.gif', 0], right:['plusdol', './images/plus.gif']}, /* <--  SCIEŻKA DO PLUSÓW (0 jes "padding-right" - lepiej w stylach ustawić) */
transition: {overtime:1, outtime:1}, /* <--  CZAS ZANIKANIA MENU W MILISEKUNDACH */
shadow: {enabled:true, offsetx:5, offsety:5}, /* <--  ODSTĘP CIENIA W PX */
 /* <--  KONIEC KONFIGURACJI  ----- */

detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1,

getajaxmenu:function($, setting){
	var $menukontener=$('#'+setting.contentsource[0])
	$kontener.html("Menu wird geladen...")
	$.ajax({
		url: setting.contentsource[1],
		async: true,
		error:function(ajaxrequest){
			$kontener.html('Kann den Inhalt nicht Auslesen - FEHLER: '+ajaxrequest.responseText)
		},
		success:function(content){
			$kontener.html(content)
			linkiblau.buildmenu($, setting)
		}
	})
},

buildshadow:function($, $subul){
	
},

buildmenu:function($, setting){
	var czystemenu=linkiblau
	var $mainmenu=$("#"+setting.mainmenuid+">ul")
	var $headers=$mainmenu.find("ul").parent()
	$headers.each(function(i){
		var $curobj=$(this).css({zIndex: 100-i})
		var $subul=$(this).find('ul:eq(0)').css({display:'block'})
		this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
		this.istopheader=$curobj.parents("ul").length==1? true : false
		$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
		$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: czystemenu.arrowimages.down[2]} : {}).append( 
			'<img src="'+ (this.istopheader? czystemenu.arrowimages.down[1] : czystemenu.arrowimages.right[1])
			+'" class="' + (this.istopheader? czystemenu.arrowimages.down[0] : czystemenu.arrowimages.right[0])
			+ '" style="border:0;" />'
		)
		if (czystemenu.shadow.enabled){
			this._shadowoffset={x:(this.istopheader?$subul.offset().left+czystemenu.shadow.offsetx : this._dimensions.w), y:(this.istopheader? $subul.offset().top+czystemenu.shadow.offsety : $curobj.position().top)}
			if (this.istopheader)
				$parentshadow=$(document.body)
			else{
				var $parentLi=$curobj.parents("li:eq(0)")
				$parentshadow=$parentLi.get(0).$shadow
			}
			this.$shadow=$('<div class="cien'+(this.istopheader? ' cienalfa' : '')+'"></div>').prependTo($parentshadow).css({left:this._shadowoffset.x+'px', top:this._shadowoffset.y+'px'})
		}
		$curobj.hover(
			function(e){
				var $targetul=$(this).children("ul:eq(0)")
				this._offsets={left:$(this).offset().left, top:$(this).offset().top}
				var menuleft=this.istopheader? 0 : this._dimensions.w
				menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
				if ($targetul.queue().length<=1){
					$targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, linkiblau.transition.overtime)
					if (czystemenu.shadow.enabled){
						var shadowleft=this.istopheader? $targetul.offset().left+linkiblau.shadow.offsetx : menuleft
						var shadowtop=this.istopheader?$targetul.offset().top+czystemenu.shadow.offsety : this._shadowoffset.y
						if (!this.istopheader && linkiblau.detectwebkit){
							this.$shadow.css({opacity:1})
						}
						this.$shadow.css({overflow:'', width:this._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:this._dimensions.subulh+'px'}, linkiblau.transition.overtime)
					}
				}
			},
			function(e){
				var $targetul=$(this).children("ul:eq(0)")
				$targetul.animate({height:'hide', opacity:'hide'}, linkiblau.transition.outtime)
				if (czystemenu.shadow.enabled){
					if (linkiblau.detectwebkit){
						this.$shadow.children('div:eq(0)').css({opacity:0})
					}
					this.$shadow.css({overflow:'hidden'}).animate({height:0}, linkiblau.transition.outtime)
				}
			}
		)
	})
	$mainmenu.find("ul").css({display:'none', visibility:'visible'})
},

init:function(setting){
	if (typeof setting.customtheme=="object" && setting.customtheme.length==2){
		var mainmenuid='#'+setting.mainmenuid
		document.write('<style type="text/css">\n'
			+mainmenuid+', '+mainmenuid+' ul li a {background:'+setting.customtheme[0]+';}\n'
			+mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n'
		+'</style>')
	}
	jQuery(document).ready(function($){
		if (typeof setting.contentsource=="object"){
			linkiblau.getajaxmenu($, setting)
		}
		else{
			linkiblau.buildmenu($, setting)
		}
	})
}

}

linkiblau.init({
	mainmenuid: "czystemenu_01", /* <--  menu DIV id */
//	customtheme: ["#1c5a80", "#18374a"], /* <--  NADPISUJE USTAWIENIA DOMYSLNE KOLORU W CSS: ["normal_background", "hover_background"] */
	contentsource: "markup" /* <--  "markup" LUB ["kontenerek_id", "sciezka_do_pliku_menu"] */
//	contentsource: ["kontenerek", "./kontener.html"]
})