//easing equation, borrowed from jQuery easing plugin
		//http://gsgd.co.uk/sandbox/jquery/easing/
		$.easing.easeOutQuart = function (x, t, b, c, d) {
			return -c * ((t=t/d-1)*t*t*t - 1) + b;
		};
	
			
		function gotoNaviGroup(action,param)
		{
		//$(your_container).trigger('next'), $(your_container).trigger('goto', [5])
		var itemNumber;
		var container = $('#slideshow');
		var container_navi = $('#main_navi');
		
			switch(action)
			{	
				case 'gohref_prev':
					if ($_main_navi_active > 0)
					{
						gotoNaviGroup('gohref',($_main_navi_active-1));
					};
					break;
				case 'gohref_next':
					if (($_main_navi_active+1) < $_main_navi_config.length )
					{
						gotoNaviGroup('gohref',$_main_navi_active+1);
					};					
					break;
					
				case 'goto_prev':
					if ($_main_navi_active > 0)
					{
						gotoNaviGroup('goto',($_main_navi_active-1));
					}
					else
					{
							gotoNaviGroup('goto',($_main_navi_config.length - 1));
					}
					break;
				case 'goto_next':
					if (($_main_navi_active+1) < $_main_navi_config.length )
					{
						gotoNaviGroup('goto',$_main_navi_active+1);
					}
					else
					{
						gotoNaviGroup('goto',0);	
					}					
					break;

				case 'goto':
					itemNumber = $_main_navi_config[param][1];
					// Zwischenspeichern
					$_main_navi_active = param;
					// Aktiven Punkt aufheben
					container_navi.find('a').removeClass('active');
					// Geklickten Punkt aktiviren.
					$('#' + $_main_navi_config[param][0]).find('a').addClass('active');					
					// Scrollen
					container.trigger('goto', [itemNumber]);
					break;

				case 'gohref':
					itemNumber = $_main_navi_config[param][1];
					// Zwischenspeichern
					$_main_navi_active = param;
					// Aktiven Punkt aufheben
					container_navi.find('a').removeClass('active');
					// Geklickten Punkt aktiviren.
					$('#' + $_main_navi_config[param][0]).find('a').addClass('active');					
					// Scrollen
					container.trigger('goto', [itemNumber]);
					
					// Browser auf die Seite umleiten
					window.location.href = $_main_navi_config[param][2];
					break;
					
				case 'start':
					container.trigger('start');
				
					break;
					
				case 'stop':
					container.trigger('stop');				
					break;
			}
		}
		
		function initNavi()
		{
			initSubNavi();
			gotoNaviGroup('goto',$_main_navi_active);

		}
		
		function initSubNavi()
		{
			var img_height = 147;
			var img_path = $_img_path;
			var img_spacer =  $_img_spacer;
			var container = $('#slideshow').find('ul');
			var items = $_main_sub_navi_config;
			var  item_temp, img_bg, img_bg_over, elem;
			var items_temp = '';
			
			//console.log(container);
			// Html Zusammen bauen
			for (i=0 ; i < items.length ; i++)
			{
				 img_bg = "url(" + img_path + items[i][5] + ")";
				 
				 items_temp += '<li style="background-image: ' + img_bg + ';"><a id="' + items[i][3] + '" href="' + items[i][0] + '" target="' + items[i][1] + '"><img src="' + img_spacer + '" width="' + items[i][2] + '" height="' + img_height + '" alt="' + items[i][4] + '" /></a></li>';
			}
			
			// Html iun Ul schreiben	 
			container.html(items_temp);
			
			// CSS der Links setzen
			for (i=0 ; i < items.length ; i++)
			{
					
					img_bg_over = "url(" + img_path + items[i][6] + ")";
					elem = $('a#' + items[i][3]);
					
					elem.css("display","block");
					elem.css("height",img_height);
					elem.css("width",items[i][2]);					
										
					elem.css("background-position","left top");
					elem.css("background-repeat","no-repeat");
					
					if (i == $_main_sub_navi_active)
					{
						elem.css("background-image",img_bg_over);
						elem.addClass('active');
						
					}
					else
					{
						//elem.css("background-image",img_bg);
						setMouseOver(elem, img_bg_over, "none");
					}
									
			}
			
			$('#slideshow').serialScroll({
				items:'li',
				//prev:'a.arrow_previous',
				//next:'a.arrow_next',
				axis:'x',
				//offset:-100, //when scrolling to photo, stop 230 before reaching it (from the left)
				start:0, //as we are centering it, start at the 2nd
				duration:350,
				force:true,

				cycle:true, //don't pull back once you reach the end
				//jump: true, //click on the images to scroll to them
				easing:'easeOutQuart', //use this easing equation for a funny effect
				stop:true,
				lock:false
				
			});			
			
		}
		
		function setMouseOver(elem, bg_value_over, bg_value_out)
		{
						elem.hover (
						function(){
							$(this).css("background-image",bg_value_over);							
						},
						function(){
							$(this).css("background-image",bg_value_out);
						}
					);		
		}