/*
 * jQuery Simple Templates plugin 1.1.1
 * 
 * http://andrew.hedges.name/tmpl/ http://docs.jquery.com/Plugins/Tmpl
 * 
 * Copyright (c) 2008 Andrew Hedges, andrew@hedges.name
 * 
 * Usage: $.tmpl('<div class="#{classname}">#{content}</div>', { 'classname' : 'my-class', 'content' : 'My content.' });
 * 
 * The changes for version 1.1 were inspired by the discussion at this thread:
 * http://groups.google.com/group/jquery-ui/browse_thread/thread/45d0f5873dad0178/0f3c684499d89ff4
 * 
 * Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html
 */

( function( $ )
{
	$.extend( {
				// public interface: $.tmpl
				tmpl	: function( tmpl, vals )
				{
					var rgxp, repr;

					// default to doing no harm
					tmpl = tmpl || '';
					vals = vals || {};

					// regular expression for matching our placeholders; e.g., #{my-cLaSs_name77}
					rgxp = /#\{([^{}]*)}/g;

					// function to making replacements
					repr = function( str, match )
					{
						return typeof vals[match] === 'string' || typeof vals[match] === 'number' ? vals[match] : str;
					};

					return tmpl.replace( rgxp, repr );
				}
			} );
} )( jQuery );

/*
 * jQuery jMenu for use within ATU website
 * 
 * Copyright (c) 2010 Benjamin Gutschik, benjamin.gutschik@former03.de
 * 
 * Usage: $.jMenu( element, { "menu": { "items": [{ "id": "m1", "label" : "Ersatz &amp; Verschleißteile","url" : "http://www.atu.de/pages/shop/ekat/ekat.html",
 * "image" : "img/m1.png", "items" : [{ "id": "1", "active" : true, "label": "Autoteile-Katalog", "url": "http://www.atu.de/pages/shop/ekat/ekat.html?art=1"
 * ....});
 * 
 */
( function( $ )
{
	$.extend( {
				jMenu	: function( id, data )
				{
					$.each( data.menu.items, function( i, item )
							{
								var a = $( id ).find( 'td#' + item.id ).find( 'a' );
								// to prevent search engine indexing, build menu on mouseover
								$( id ).find( 'td#' + item.id ).hover( function()
										{
											$( id ).find( 'td.hover' ).removeClass( 'hover' );
											// menu is already built ?
											if ( !$( this ).data( 'jMenuBuilt' ) )
											{
												var header_image = item.image ? $( $.tmpl( '<div class="image"><img src="#{image}"/></div>', item ) ) : '';
												var header = $( $.tmpl( '<p><a href="#{url}">#{label}</a></p>', item ) );
												var ul = $( '<ul/>' );
												$.each( item.items, function( ii, inner_item )
														{
															var li = $( $.tmpl( '<li class="sm-#{id}"><a href="#{url}" rel="nofollow">#{label}</a></li>', inner_item ) );
															if ( inner_item.active ) li.addClass( 'active' );
															ul.append( li );
														} );
												var wrapper = $( '<div class="wrapper"/>' );
												var inner = $( '<div />' )
												wrapper.append( inner.append( header_image ).append( header ).append( ul ) );
												$( this ).find( 'a:first' ).after( wrapper ).wrap( '<div class="outer-wrapper"/>' ).wrap( '<div/>' );
												// save information "menu is built" to element
												$( this ).data( 'jMenuBuilt', true );
											}
											clearTimeout( $( this ).data( 'jMenu' ) );
											$( this ).addClass( 'hover' );
										}, function()
										{
											var mm = $( this );
											var timer = setTimeout( function()
													{
														mm.removeClass( 'hover' );
													}, 200 );
											$( this ).data( 'jMenu', timer );

										} );
							} );
					// return element for chaining purposes
					return $( id );
				}

			} );
} )( jQuery );

//( function()
//{
// if ( !json_menu_url ) return false;
//
// $.getJSON( json_menu_url, function( data )
// {
// $.jMenu( '#atusubnav', data );
// } );
//}() );

$( document ).ready( function()
{
	if ( !json_menu_url ) return false;
	
//	if ( json_menu_url_03 ) json_menu_url = json_menu_url_03;
	
	// add browser to wrapper
	if ( jQuery.browser.mozilla ) $( '#atusubnav>table' ).addClass( 'mozilla' );
	if ( jQuery.browser.msie ) $( '#atusubnav>table' ).addClass( 'msie' );
	if ( jQuery.browser.safari ) $( '#atusubnav>table' ).addClass( 'safari' );
	if ( jQuery.browser.opera ) $( '#atusubnav>table' ).addClass( 'opera' );
	
	// add os to wrapper
	if (navigator.appVersion.indexOf("Win")!=-1) $( '#atusubnav>table' ).addClass( 'win' );
	if (navigator.appVersion.indexOf("Mac")!=-1) $( '#atusubnav>table' ).addClass( 'mac' );
	if (navigator.appVersion.indexOf("X11")!=-1) $( '#atusubnav>table' ).addClass( 'unix' );
	if (navigator.appVersion.indexOf("Linux")!=-1) $( '#atusubnav>table' ).addClass( 'linux' );

	$.getJSON( json_menu_url, function( data )
			{
				$.jMenu( '#atusubnav', data );
			} );
});