jQuery(document).ready(function () {
		jq.milon.navthumbs.init();
	});
	
	
	jq.milon.navthumbs = {
		
		_lib: jq.milon.lib,
		
		onOver: function(e) {
			e.target = e.currentTarget;
			this.tooltip.show(e);
		},
		
		onOut: function(e) {
			this.tooltip.hide();
		},
		
		init: function() {
			
			var tooltipSelektor = "#nav-main ul.navid-";
			if (jq.milon.cfg.ids.product_main) {
				tooltipSelektor += jq.milon.cfg.ids.product_main[0];
			} else {
				tooltipSelektor += "48";
			}
						
			jQuery(tooltipSelektor).after('<div id="product-navthumb-tooltip"></div>');
			
			jQuery(document.body).append('<div id="tooltip-dummy" style="display: none;"></div>');
			
			var ids = jq.milon.cfg.ids.product_main || ['48', '49', '50'];
			
			this.tooltip = jQuery('#tooltip-dummy').tooltip({
				api: true,
				tip: '#product-navthumb-tooltip',
				offset: [0, -2],
				position: "center left",
				events: {
					def: "mousedown,mousedown",
					tooltip: "click, mouseover mouseout"
				},
				onBeforeShow: function(e){
					var tip = this.getTip();
					var tr = this.getTrigger();
					var src = jQuery(tr).attr('class');
					var trgid = src.split('-')[1];
					trgid = parseInt(trgid, 10);
					
					if (jq.milon.cfg.ids.product_mapping) {
						if (trgid && jq.milon.cfg.ids.product_mapping[trgid]) {
							var html = '<img src="/fileadmin/Produktbilder/Thumbs/'+jq.milon.cfg.ids.product_mapping[trgid]+'.png?v1" />';
							jQuery(tip).html(html);
							return;
						} else {
							return false;
						}
					}
					
					if (trgid && trgid > 50) {
						var html = '<img src="/fileadmin/Produktbilder/Thumbs/'+trgid+'.png?v1" />';
						jQuery(tip).html(html);
					} else {
						return false;
					}
				}
			});
			
			for (var i=0; i < ids.length; i++) {
				var selektor = 'ul.navid-'+ids[i]+' li';
				jQuery(selektor).bind('mouseover', {fn: 'onOver', scope: this}, this._lib.onEvent);
				jQuery(selektor).bind('mouseout', {fn: 'onOut', scope: this}, this._lib.onEvent);
			}
			
			/*jQuery('ul.navid-48 li').bind('mouseover', {fn: 'onOver', scope: this}, this._lib.onEvent);
			jQuery('ul.navid-48 li').bind('mouseout', {fn: 'onOut', scope: this}, this._lib.onEvent);
			jQuery('ul.navid-49 li').bind('mouseover', {fn: 'onOver', scope: this}, this._lib.onEvent);
			jQuery('ul.navid-49 li').bind('mouseout', {fn: 'onOut', scope: this}, this._lib.onEvent);
			jQuery('ul.navid-50 li').bind('mouseover', {fn: 'onOver', scope: this}, this._lib.onEvent);
			jQuery('ul.navid-50 li').bind('mouseout', {fn: 'onOut', scope: this}, this._lib.onEvent);
			*/
			
		}
	};