/** * jquery.slottyNavigation - based on jquery.readmore * http://rockycode.com/blog/upload/jtsnake/demo-readmore.html */ (function ($) { /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** Define the plugin *** slottyNavigation.jquery.js *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ $.fn.slottyNavigation = function (settings) { // ------------------------------------------------------------------- // Add custom options to global jQuery options // ------------------------------------------------------------------- var opts = $.extend({}, $.fn.slottyNavigation.defaults, settings); // ------------------------------------------------------------------- // Process the chain // ------------------------------------------------------------------- this.each(function () { // Work it if (opts.action == 'move') { move($(this)); } else if (opts.action == 'wiggle') { wiggle($(this)); } // Set debug layers to display: block in slotty_debug.css //writeDebugLog(); }); //eoThis.each() /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** main methods *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ // ------------------------------------------------------------------- // Move to targetPosition // ------------------------------------------------------------------- function move(elem) { // ------------------------------------------------------------------- // Get current element // ------------------------------------------------------------------- opts.dragBoxName = elem.attr('id'); // ------------------------------------------------------------------- // Init // ------------------------------------------------------------------- initMenuSetItemTopY(); // Set top Y coord of each menuitem, relative to offset initMenuSetBoundaries(); // Compute menue speficic boundaries for box1, box20, box30 initSetDraggingSpeedAndDirection(); // Compute drag distance, time, speed & direction // ------------------------------------------------------------------- // Compute // ------------------------------------------------------------------- computeTargetPosition(); // Compute targetPosition based on drag speed computeSnapInPositionAndActiveMenuItem(); // Compute snapInPosition from targetPosition // ------------------------------------------------------------------- // Move and Animate // ------------------------------------------------------------------- if (1) { //moveToSnapInPosition1( elem ); // Move to snapIn position snapInAnimation1(elem); // Move to snapIn position } // ------------------------------------------------------------------- // Set navigation and content properties // ------------------------------------------------------------------- if (1) { setNavAndContentProperties(); // Highlight active menu item, get PageBG url, set sidebar status } // ------------------------------------------------------------------- // Set navigation and content properties // ------------------------------------------------------------------- if (1) { storeNavigationData(elem); // Store some data for slidebar status } }//eoFunction move() // ------------------------------------------------------------------- // Wiggle on click // ------------------------------------------------------------------- function wiggle(elem) { // elem.css('background-color', elem.data("opts").bgColor); var currentPosition = elem.position().top; // Relative to parent div // wiggle in and out elem .animate({ top: currentPosition - (3 * opts.wiggleDistance) + 'px' }, { duration: opts.wiggleDuration, easing: opts.wiggleEasing }) .animate({ top: currentPosition + 'px' }, { duration: opts.wiggleDuration, easing: opts.wiggleEasing }) .animate({ top: currentPosition - (2 * opts.wiggleDistance) + 'px' }, { duration: opts.wiggleDuration, easing: opts.wiggleEasing }) .animate({ top: currentPosition + 'px' }, { duration: opts.wiggleDuration, easing: opts.wiggleEasing }) .animate({ top: currentPosition - (1 * opts.wiggleDistance) + 'px' }, { duration: opts.wiggleDuration, easing: opts.wiggleEasing }) .animate({ top: currentPosition + 'px' }, { duration: opts.wiggleDuration, easing: opts.wiggleEasing }); }//eoFunction wiggle() /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** helper functions - init *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ function initMenuSetItemTopY() { /************************************************************************** * * Item position (absolute) * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Relative to container #box1 * * 1st item top: 0px * 2nd item top: 28px * 3rd item top: 56px * ... * * *************************************************************************** * * Offset #1 - Middle of container * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Relative to container #navMainContainer * * Middle of container = height : 2 = Offset #1 * Middle of container = 504 : 2 = 252px * Thus, the offset from top corner of #navMainContainer is 252px * * *************************************************************************** * * Offset #2 - Center item * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Halbe Hoehe eines Items von Offset #1 abziehen * * Middle of container = height : 2 * Middle of container - Halbe Hoehe eines Items = Offset #2 * 252 - 25 = 227px * * *************************************************************************** * * Item position (relative) * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Relative to container #navMainContainer * * 1st item top: 227 - 0 = 227px company - Maxumum Boundary * 2nd item top: 227 - 50 = 177px competence * 3rd item top: 227 - 100 = 127px news * 4th item top: 227 - 150 = 77px clients * 5th item top: 227 - 200 = 27px impressum - Minimum Boundary * * Verallgemeinert: * 227 - (( itemCount-1) * itemHeight ) = itemTopY * ***************************************************************************/ var menuItemHeight = 50; // Height of one menu item var offset1 = 404 / 2; // Half the height of #navContent div var offset2 = offset1 - ( menuItemHeight / 2 ); // E.g. 201 - 25 = 176px opts.item1Top = offset2 - (( 1 - 1 ) * menuItemHeight); // E.g. 177 - 0 = 177px opts.item2Top = offset2 - (( 2 - 1 ) * menuItemHeight); // E.g. 177 - (1*50) = 127px opts.item3Top = offset2 - (( 3 - 1 ) * menuItemHeight); // E.g. 177 - (2*50) = 77px opts.item4Top = offset2 - (( 4 - 1 ) * menuItemHeight); // E.g. 177 - (3*50) = 27px opts.item5Top = offset2 - (( 5 - 1 ) * menuItemHeight); // E.g. 177 - (4*50) = -23px opts.item6Top = offset2 - (( 6 - 1 ) * menuItemHeight); // E.g. 177 - (5*50) = -73px opts.item7Top = offset2 - (( 7 - 1 ) * menuItemHeight); // E.g. 177 - (6*50) = -123px opts.item8Top = offset2 - (( 8 - 1 ) * menuItemHeight); // E.g. 177 - (7*50) = -173px opts.item9Top = offset2 - (( 9 - 1 ) * menuItemHeight); // E.g. 177 - (8*50) = -223px opts.item10Top = offset2 - (( 10 - 1 ) * menuItemHeight); // E.g. 177 - (9*50) = -273px opts.item11Top = offset2 - (( 11 - 1 ) * menuItemHeight); // E.g. 177 - (10*50) = -323px opts.item12Top = offset2 - (( 12 - 1 ) * menuItemHeight); // E.g. 177 - (11*50) = -373px opts.item13Top = offset2 - (( 13 - 1 ) * menuItemHeight); // E.g. 177 - (12*50) = -423px opts.item14Top = offset2 - (( 14 - 1 ) * menuItemHeight); // E.g. 177 - (13*50) = -473px opts.item15Top = offset2 - (( 15 - 1 ) * menuItemHeight); // E.g. 177 - (14*50) = -523px opts.item16Top = offset2 - (( 16 - 1 ) * menuItemHeight); // E.g. 177 - (15*50) = -573px opts.item17Top = offset2 - (( 17 - 1 ) * menuItemHeight); // E.g. 177 - (16*50) = -623px opts.item18Top = offset2 - (( 18 - 1 ) * menuItemHeight); // E.g. 177 - (17*50) = -673px opts.item19Top = offset2 - (( 19 - 1 ) * menuItemHeight); // E.g. 177 - (18*50) = -723px opts.item20Top = offset2 - (( 20 - 1 ) * menuItemHeight); // E.g. 177 - (19*50) = -773px opts.item21Top = offset2 - (( 21 - 1 ) * menuItemHeight); // E.g. 177 - (20*50) = -823px opts.item22Top = offset2 - (( 22 - 1 ) * menuItemHeight); // E.g. 177 - (19*50) = -873px opts.item23Top = offset2 - (( 23 - 1 ) * menuItemHeight); // E.g. 177 - (20*50) = -923px opts.item24Top = offset2 - (( 24 - 1 ) * menuItemHeight); // E.g. 177 - (21*50) = -973px opts.item25Top = offset2 - (( 25 - 1 ) * menuItemHeight); // E.g. 177 - (21*50) = -973px opts.item26Top = offset2 - (( 26 - 1 ) * menuItemHeight); // E.g. 177 - (21*50) = -973px opts.item27Top = offset2 - (( 27 - 1 ) * menuItemHeight); // E.g. 177 - (27*50) = -973px }//eoFunct function initMenuSetBoundaries() { // ------------------------------------------------------------------- // Set boundaries // ------------------------------------------------------------------- // Set options from this internal function // ------------------------------------------------------------------- if (opts.dragBoxName == 'box1') { opts.minumumBoundary = opts.item1Top; opts.maximumBoundary = opts.item5Top; // NavMain max opts.boundaryHint = 'Set boundaries for: navMain - box1'; } else if (opts.dragBoxName == 'box10') { opts.minumumBoundary = opts.item1Top; opts.maximumBoundary = opts.item3Top; // NavSub - 10 - company - max opts.boundaryHint = 'Set boundaries for navSub - box10 - company'; } else if (opts.dragBoxName == 'box20') { opts.minumumBoundary = opts.item1Top; opts.maximumBoundary = opts.item3Top; // NavSub - 20 - competence - max opts.boundaryHint = 'Set boundaries for navSub - box20 - competence'; } else if (opts.dragBoxName == 'box30') { opts.minumumBoundary = opts.item1Top; opts.maximumBoundary = opts.item27Top; // NavSub - 30 - news - max - Jan 2012 opts.boundaryHint = 'Set boundaries for navSub - box30 - news'; } else if (opts.dragBoxName == 'box40') { opts.minumumBoundary = opts.item1Top; opts.maximumBoundary = opts.item18Top; // NavSub - 40 - clients - max opts.boundaryHint = 'Set boundaries for navSub - box40 - clients'; } else { // Set dummy default opts.minumumBoundary = opts.item1Top; opts.maximumBoundary = opts.item5Top; // NavMain max opts.boundaryHint = 'initMenuSetBoundaries() :: Unknown box: ' + opts.dragBoxName + ''; } }//eoFunct initMenuSetBoundaries() function initSetDraggingSpeedAndDirection() { opts.dragDistance = Math.abs(opts.startPosition - opts.endPosition); // Get abs() value! opts.dragTime = opts.endTime - opts.startTime; opts.dragSpeed = opts.dragDistance / opts.dragTime; // ------------------------------------------------------------------- // compute drag direction // ------------------------------------------------------------------- if (opts.endPosition > opts.startPosition) { opts.dragDirection = 'down'; } else { opts.dragDirection = 'up'; } }//eoFunction setDraggingData() /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** helper functions - compute *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ function computeTargetPosition() { opts.targetPosition = opts.endPosition + 20; // Damit's besser flutscht if (opts.targetPosition > opts.minumumBoundary) { // Hint: No need to set "px" here, why? opts.targetPosition = opts.minumumBoundary; opts.targetPositionHint = 'targetPosition was reset to min. boundary: ' + opts.minumumBoundary + ''; } else if (opts.targetPosition < opts.maximumBoundary) { // Hint: No need to set "px" here, why? opts.targetPosition = opts.maximumBoundary; opts.targetPositionHint = 'targetPosition was reset to max. boundary: ' + opts.maximumBoundary + ''; } else { opts.targetPositionHint = 'targetPosition is within bounds. Use it: ' + opts.targetPosition; } }//eoFunction computeTargetPosition function computeSnapInPositionAndActiveMenuItem() { if (( opts.targetPosition >= opts.item27Top ) && ( opts.targetPosition < opts.item26Top )) { opts.snapInPosition = opts.item27Top; opts.activeMenuItemHint = 'Item 27'; opts.activeMenuItemId = 27; } else if (( opts.targetPosition >= opts.item26Top ) && ( opts.targetPosition < opts.item25Top )) { opts.snapInPosition = opts.item26Top; opts.activeMenuItemHint = 'Item 26'; opts.activeMenuItemId = 26; } else if (( opts.targetPosition >= opts.item25Top ) && ( opts.targetPosition < opts.item24Top )) { opts.snapInPosition = opts.item25Top; opts.activeMenuItemHint = 'Item 25'; opts.activeMenuItemId = 25; } else if (( opts.targetPosition >= opts.item24Top ) && ( opts.targetPosition < opts.item23Top )) { opts.snapInPosition = opts.item24Top; opts.activeMenuItemHint = 'Item 24'; opts.activeMenuItemId = 24; } else if (( opts.targetPosition >= opts.item23Top ) && ( opts.targetPosition < opts.item22Top )) { opts.snapInPosition = opts.item23Top; opts.activeMenuItemHint = 'Item 23'; opts.activeMenuItemId = 23; } else if (( opts.targetPosition >= opts.item22Top ) && ( opts.targetPosition < opts.item21Top )) { opts.snapInPosition = opts.item22Top; opts.activeMenuItemHint = 'Item 22'; opts.activeMenuItemId = 22; } else if (( opts.targetPosition >= opts.item21Top ) && ( opts.targetPosition < opts.item20Top )) { opts.snapInPosition = opts.item21Top; opts.activeMenuItemHint = 'Item 21'; opts.activeMenuItemId = 21; } else if (( opts.targetPosition >= opts.item20Top ) && ( opts.targetPosition < opts.item19Top )) { opts.snapInPosition = opts.item20Top; opts.activeMenuItemHint = 'Item 20'; opts.activeMenuItemId = 20; } else if (( opts.targetPosition >= opts.item19Top ) && ( opts.targetPosition < opts.item18Top )) { opts.snapInPosition = opts.item19Top; opts.activeMenuItemHint = 'Item 19'; opts.activeMenuItemId = 19; } else if (( opts.targetPosition >= opts.item18Top ) && ( opts.targetPosition < opts.item17Top )) { opts.snapInPosition = opts.item18Top; opts.activeMenuItemHint = 'Item 18'; opts.activeMenuItemId = 18; } else if (( opts.targetPosition >= opts.item17Top ) && ( opts.targetPosition < opts.item16Top )) { opts.snapInPosition = opts.item17Top; opts.activeMenuItemHint = 'Item 17'; opts.activeMenuItemId = 17; } else if (( opts.targetPosition >= opts.item16Top ) && ( opts.targetPosition < opts.item15Top )) { opts.snapInPosition = opts.item16Top; opts.activeMenuItemHint = 'Item 16'; opts.activeMenuItemId = 16; } else if (( opts.targetPosition >= opts.item15Top ) && ( opts.targetPosition < opts.item14Top )) { opts.snapInPosition = opts.item15Top; opts.activeMenuItemHint = 'Item 15'; opts.activeMenuItemId = 15; } else if (( opts.targetPosition >= opts.item14Top ) && ( opts.targetPosition < opts.item13Top )) { opts.snapInPosition = opts.item14Top; opts.activeMenuItemHint = 'Item 14'; opts.activeMenuItemId = 14; } else if (( opts.targetPosition >= opts.item13Top ) && ( opts.targetPosition < opts.item12Top )) { opts.snapInPosition = opts.item13Top; opts.activeMenuItemHint = 'Item 13'; opts.activeMenuItemId = 13; } else if (( opts.targetPosition >= opts.item12Top ) && ( opts.targetPosition < opts.item11Top )) { opts.snapInPosition = opts.item12Top; opts.activeMenuItemHint = 'Item 12'; opts.activeMenuItemId = 12; } else if (( opts.targetPosition >= opts.item11Top ) && ( opts.targetPosition < opts.item10Top )) { opts.snapInPosition = opts.item11Top; opts.activeMenuItemHint = 'Item 11'; opts.activeMenuItemId = 11; } else if (( opts.targetPosition >= opts.item10Top ) && ( opts.targetPosition < opts.item9Top )) { opts.snapInPosition = opts.item10Top; opts.activeMenuItemHint = 'Item 10'; opts.activeMenuItemId = 10; } else if (( opts.targetPosition >= opts.item9Top ) && ( opts.targetPosition < opts.item8Top )) { opts.snapInPosition = opts.item9Top; opts.activeMenuItemHint = 'Item 9'; opts.activeMenuItemId = 9; } else if (( opts.targetPosition >= opts.item8Top ) && ( opts.targetPosition < opts.item7Top )) { opts.snapInPosition = opts.item8Top; opts.activeMenuItemHint = 'Item 8'; opts.activeMenuItemId = 8; } else if (( opts.targetPosition >= opts.item7Top ) && ( opts.targetPosition < opts.item6Top )) { opts.snapInPosition = opts.item7Top; opts.activeMenuItemHint = 'Item 7'; opts.activeMenuItemId = 7; } else if (( opts.targetPosition >= opts.item6Top ) && ( opts.targetPosition < opts.item5Top )) { opts.snapInPosition = opts.item6Top; opts.activeMenuItemHint = 'Item 6'; opts.activeMenuItemId = 6; } else if (( opts.targetPosition >= opts.item5Top ) && ( opts.targetPosition < opts.item4Top )) { opts.snapInPosition = opts.item5Top; opts.activeMenuItemHint = 'Item 5'; opts.activeMenuItemId = 5; } else if (( opts.targetPosition >= opts.item4Top ) && ( opts.targetPosition < opts.item3Top )) { opts.snapInPosition = opts.item4Top; opts.activeMenuItemHint = 'Item 4'; opts.activeMenuItemId = 4; } else if (( opts.targetPosition >= opts.item3Top ) && ( opts.targetPosition < opts.item2Top )) { opts.snapInPosition = opts.item3Top; opts.activeMenuItemHint = 'Item 3'; opts.activeMenuItemId = 3; } else if (( opts.targetPosition >= opts.item2Top ) && ( opts.targetPosition < opts.item1Top )) { opts.snapInPosition = opts.item2Top; opts.activeMenuItemHint = 'Item 2'; opts.activeMenuItemId = 2; } else if (opts.targetPosition >= opts.item1Top) { opts.snapInPosition = opts.item1Top; opts.activeMenuItemHint = 'Item 1'; opts.activeMenuItemId = 1; } else { opts.snapInPosition = opts.item1Top; opts.activeMenuItemHint = 'Could not get snap. Reset to Item 1'; opts.activeMenuItemId = 1; //alert( 'Menue Error: Could not get snap. Reset to Item 1.' +"\n"+ 'Details: targetPosition is '+ opts.targetPosition ); }//eoIf }//eoFunct computeSnapInPositionAndActiveMenuItem() /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** helper functions - move and animate *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ function snapInAnimation1(elem) { // ------------------------------------------------------------------- // Hint // Diese Funktion ist fehleranfaellig, wenn bestehende // Animationen in der Queue nicht gestoppt werden, // bevor sie neu aufgerufen wird. // ------------------------------------------------------------------- // ------------------------------------------------------------------- // Keep moving...einrasten // ------------------------------------------------------------------- // Animation #1: Gedaempfte Schwingung // ------------------------------------------------------------------- // Animation #2: Ausschwingen deutlich kuerzer als Einschwingen // ------------------------------------------------------------------- //var wigglePosition2 = 60 * opts.dragSpeed; //var wigglePosition3 = 40 * opts.dragSpeed; //var wigglePosition4 = 30 * opts.dragSpeed; //var wigglePosition5 = 20 * opts.dragSpeed; //var wigglePosition6 = 10 * opts.dragSpeed; var faktorAmplitude = 10; var faktorZeit = 50; var wigglePosition2 = 16 * faktorAmplitude; var wigglePosition3 = 8 * faktorAmplitude; var wigglePosition4 = 4 * faktorAmplitude; var wigglePosition5 = 2 * faktorAmplitude; var wigglePosition6 = 1 * faktorAmplitude; var wiggleTime2 = 16 * faktorZeit; var wiggleTime3 = 8 * faktorZeit; var wiggleTime4 = 4 * faktorZeit; var wiggleTime5 = 2 * faktorZeit; var wiggleTime6 = 1 * faktorZeit; if (opts.dragDirection == 'down') { wigglePosition2 = opts.snapInPosition + wigglePosition2; wigglePosition3 = opts.snapInPosition + wigglePosition3; wigglePosition4 = opts.snapInPosition + wigglePosition4; wigglePosition5 = opts.snapInPosition + wigglePosition5; wigglePosition6 = opts.snapInPosition + wigglePosition6; } else { wigglePosition2 = opts.snapInPosition - wigglePosition2; wigglePosition3 = opts.snapInPosition - wigglePosition3; wigglePosition4 = opts.snapInPosition - wigglePosition4; wigglePosition5 = opts.snapInPosition - wigglePosition5; wigglePosition6 = opts.snapInPosition - wigglePosition6; } var myEasingType = ''; myEasingType = opts.snapInEasing; myEasingType = 'easeInOutExpo'; myEasingType = 'easeOutBounce'; //myEasingType = 'easeInElastic'; // Doof //myEasingType = 'easeInOutQuint'; // Doof myEasingType = 'easeOutCirc'; // Doof myEasingType = 'easeInCirc'; // Interessant aber unbrauchbar myEasingType = 'easeOutBounce'; // Gut, aber noch ein bisschen lasch - Hatten wir schon in Proto1 myEasingType = 'easeOutBack'; // Nah dran, aber noch lascher myEasingType = 'easeOutElastic'; // Sehr nahe dran, aber noch ein bisschen lasch myEasingType = 'easeOutElastic3'; // a = 3*c - gut. Aggressives Schwingverhalten // ------------------------------------------------------------------- // My custom easingOutElastic2 // ------------------------------------------------------------------- // Defined here // EXT:t3jquery/res/jquery/ui/1.8.1/ui/effects.core.js // ------------------------------------------------------------------- var myEasingDuration = 0; myEasingDuration = 1500; // ------------------------------------------------------------------- // Cancel any animations for the box // Hint // And fadeTo() full opacity to be sure the image is visible // after stopping amidst of a fadeIn()/fadeOut() chain! // ------------------------------------------------------------------- elem // clearQueue gotoEnd //.stop(true, false ) // ------------------------------------------------------------------- // snapIn animation // ------------------------------------------------------------------- //.animate({ top: wigglePosition2 +'px' }, { duration: wiggleTime2, easing: opts.snapInEasing }) //.animate({ top: wigglePosition3 +'px' }, { duration: wiggleTime3, easing: opts.snapInEasing }) //.animate({ top: wigglePosition4 +'px' }, { duration: wiggleTime4, easing: opts.snapInEasing }) //.animate({ top: wigglePosition5 +'px' }, { duration: wiggleTime5, easing: opts.snapInEasing }) //.animate({ top: wigglePosition6 +'px' }, { duration: wiggleTime6, easing: opts.snapInEasing }) // End up in the snap position .animate({ top: opts.snapInPosition + 'px' }, { duration: myEasingDuration, easing: myEasingType }); }//eoFunct snapInAnimation() /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** helper functions - Set content properties and store them *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ function setNavAndContentProperties() { opts.showSidebar = false; // ------------------------------------------------------------------- // Reset all navMore Images // ------------------------------------------------------------------- resetNavMoreImages(); // ------------------------------------------------------------------- // Set and reset images // ------------------------------------------------------------------- if (opts.dragBoxName == 'box1') { // ------------------------------------------------------------------- // #box1 (navMain) // ------------------------------------------------------------------- setNavAndContentPropertiesBox1(); } else if (opts.dragBoxName == 'box10') { // ------------------------------------------------------------------- // #box10 (navSub / Company) // ------------------------------------------------------------------- setNavAndContentPropertiesBox10(); } else if (opts.dragBoxName == 'box20') { // ------------------------------------------------------------------- // #box20 (navSub / Competency) // ------------------------------------------------------------------- setNavAndContentPropertiesBox20(); } else if (opts.dragBoxName == 'box30') { // ------------------------------------------------------------------- // #box30 (navSub / News) // ------------------------------------------------------------------- setNavAndContentPropertiesBox30(); } else if (opts.dragBoxName == 'box40') { // ------------------------------------------------------------------- // #box30 (navSub / News) // ------------------------------------------------------------------- setNavAndContentPropertiesBox40(); } else { //alert('Ignore this box: '+ opts.dragBoxName); }//eoif ( opts.dragBoxName == 'box3' ) }//eoFunct setNavAndContentProperties() function setNavAndContentPropertiesBox1(elem) { // ------------------------------------------------------------------- // Reset all navMore Images // Reset all navMain Images // Reset all navSub Images - box20 - Reset here, and below in box20! // Reset all navSub Images - box30 - Reset here, and below in box30! // Reset all navSub Images - box40 - Reset here, and below in box40! // ------------------------------------------------------------------- resetNavMainImages(); resetNavSubImagesBox10(); resetNavSubImagesBox20(); resetNavSubImagesBox30(); resetNavSubImagesBox40(); if (opts.activeMenuItemId == 1) { // Arrows top/bottom opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 0; // Hilight the navmain image $('#navMainImg10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmainHi/navMain10.png'); // Hide other navsub menues... // $('#box10').hide(); $('#box20').hide(); $('#box30').hide(); $('#box40').hide(); // Init box10 $('#navSub10Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/10/10_10.png'); $('#box10').css('top', opts.item1Top); // Set to first menu item initially $('#box10').show(); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '1_gisidesign/bg_1_contact.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content10Text10'; // sidebar opts.showSidebar = true; // SHOW + ANIMATE sidebar for COMPANY - schmelzer - Seltsam, FALSE wirkt nicht! } else if (opts.activeMenuItemId == 2) { // Arrows top/bottom opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 0; // Hilight the navmain image $('#navMainImg20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmainHi/navMain20.png'); // Hide other navsub menues... $('#box10').hide(); // $('#box20').hide(); $('#box30').hide(); $('#box40').hide(); // Init box20 $('#navSub20Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/20/20_10.png'); $('#box20').css('top', opts.item1Top); // Set to first menu item initially $('#box20').show(); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '2_competence/bg_1_branddesign.jpg'; // Trick: Gleich sub1 anzeigen! // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content20Text10'; // sidebar opts.showSidebar = true; // SHOW + ANIMATE sidebar for COMPETENCE - schmelzer - Seltsam, FALSE wirkt nicht! } else if (opts.activeMenuItemId == 3) { // Arrows top/bottom opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navmain image $('#navMainImg30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmainHi/navMain30.png'); // Hide other navsub menues... $('#box10').hide(); $('#box20').hide(); // $('#box30').hide(); $('#box40').hide(); // Init navMore arrows $('#navSubMoreTopImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreTopOn.png'); $('#navSubMoreBottomImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreBottomOff.png'); // Init box30 $('#navSub30Img270').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2012_01.png'); $('#box30').css('top', opts.item27Top); // Set to first menu item initially - Jan 2012 $('#box30').show(); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201201.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text270'; // sidebar opts.showSidebar = true; // SHOW + ANIMATE sidebar for CLIENTS - schmelzer - Seltsam, FALSE wirkt nicht! } else if (opts.activeMenuItemId == 4) { // Arrows top/bottom opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navmain image $('#navMainImg40').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmainHi/navMain40.png'); // Hide other navsub menues... $('#box10').hide(); $('#box20').hide(); $('#box30').hide(); // $('#box40').hide(); // Init navMore arrows $('#navSubMoreTopImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreTopOn.png'); $('#navSubMoreBottomImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreBottomOff.png'); // Init box40 $('#navSub40Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_10.png'); $('#box40').css('top', opts.item1Top); // Set to first menu item initially - First client $('#box40').show(); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_alli.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text10'; // sidebar opts.showSidebar = true; // SHOW + ANIMATE sidebar for CLIENTS - schmelzer - Seltsam, FALSE wirkt nicht! } else if (opts.activeMenuItemId == 5) { // Arrows top/bottom opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 0; // Hilight the navmain image $('#navMainImg50').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmainHi/navMain50.png'); // Hide other navsub menues... $('#box10').hide(); $('#box20').hide(); $('#box30').hide(); $('#box40').hide(); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '5_impressum/bg_impressum.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content50Text10'; // sidebar opts.showSidebar = true; // SHOW + ANIMATE sidebar for CLIENTS - schmelzer - Seltsam, FALSE wirkt nicht! } else { // Arrows top/bottom opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 0; // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = 'bg_404.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content404'; // Hide other navsub menues... $('#box10').hide(); $('#box20').hide(); $('#box30').hide(); $('#box40').hide(); } //eoIf opts.activeMenuItemId // ------------------------------------------------------------------- // Show/Hide arrows for navsub // ------------------------------------------------------------------- showHideArrows(); }//eoFunct setNavAndContentPropertiesBox1() function setNavAndContentPropertiesBox10(elem) { // ------------------------------------------------------------------- // sidebar - show it for any news menuitem // ------------------------------------------------------------------- opts.showSidebar = true; // SHOW + ANIMATE sidebar for NEWS! // ------------------------------------------------------------------- // Reset all menues // ------------------------------------------------------------------- resetNavSubImagesBox10(); resetNavSubImagesBox20(); resetNavSubImagesBox30(); resetNavSubImagesBox40(); // ------------------------------------------------------------------- // Set pageBg image for active navSub item // ------------------------------------------------------------------- if (opts.activeMenuItemId == 1) { // Hilight the navsub image $('#navSub10Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/10/10_10.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '1_gisidesign/bg_1_contact.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content10Text10'; } else if (opts.activeMenuItemId == 2) { // Hilight the navsub image $('#navSub10Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/10/10_20.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '1_gisidesign/bg_2_team_30-NOV-2011.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content10Text20'; } else if (opts.activeMenuItemId == 3) { // Hilight the navsub image $('#navSub10Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/10/10_30.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '1_gisidesign/bg_3_jobs.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content10Text30'; } else { // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = 'bg_404.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content404'; } //eoIf opts.activeMenuItemId }//eoFunct setNavAndContentPropertiesBox20() function setNavAndContentPropertiesBox20(elem) { // ------------------------------------------------------------------- // sidebar - show it for any news menuitem // ------------------------------------------------------------------- opts.showSidebar = true; // SHOW + ANIMATE sidebar for NEWS! // ------------------------------------------------------------------- // Reset all menues // ------------------------------------------------------------------- resetNavSubImagesBox10(); resetNavSubImagesBox20(); resetNavSubImagesBox30(); resetNavSubImagesBox40(); // ------------------------------------------------------------------- // Set pageBg image for active navSub item // ------------------------------------------------------------------- if (opts.activeMenuItemId == 1) { // Hilight the navsub image $('#navSub20Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/20/20_10.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '2_competence/bg_1_branddesign.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content20Text10'; } else if (opts.activeMenuItemId == 2) { // Hilight the navsub image $('#navSub20Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/20/20_20.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '2_competence/bg_2_corporatedesign.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content20Text20'; } else if (opts.activeMenuItemId == 3) { // Hilight the navsub image $('#navSub20Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/20/20_30.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '2_competence/bg_3_philosophy.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content20Text30'; } else { // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = 'bg_404.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content404'; } //eoIf opts.activeMenuItemId }//eoFunct setNavAndContentPropertiesBox20() function setNavAndContentPropertiesBox30(elem) { // ------------------------------------------------------------------- // sidebar - show it for any news menuitem // ------------------------------------------------------------------- opts.showSidebar = true; // SHOW + ANIMATE sidebar for NEWS! // ------------------------------------------------------------------- // Reset all menues // ------------------------------------------------------------------- resetNavSubImagesBox10(); resetNavSubImagesBox20(); resetNavSubImagesBox30(); resetNavSubImagesBox40(); //alert('Foo: '+ opts.activeMenuItemId); // ------------------------------------------------------------------- // Set pageBg image for active navSub item // ------------------------------------------------------------------- if (opts.activeMenuItemId == 1) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2009_11.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_200911_nov09zeg.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text10'; } else if (opts.activeMenuItemId == 2) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2009_12.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_200912_dez09vilis.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text20'; } else if (opts.activeMenuItemId == 3) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_01.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201001_jan10om3.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text30'; } else if (opts.activeMenuItemId == 4) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img40').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_02.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201002_feb10mundgesund.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text40'; } else if (opts.activeMenuItemId == 5) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img50').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_03.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201003_maerz10sensodyne.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text50'; } else if (opts.activeMenuItemId == 6) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img60').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_04.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201004_apr10corega.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text60'; } else if (opts.activeMenuItemId == 7) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img70').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_05.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201005_mai10zeg.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text70'; } else if (opts.activeMenuItemId == 8) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img80').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_06.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201006_jun10odol.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text80'; } else if (opts.activeMenuItemId == 9) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img90').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_07.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201007_jul10alli.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text90'; } else if (opts.activeMenuItemId == 10) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img100').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_08.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201008_aug10zeg.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text100'; } else if (opts.activeMenuItemId == 11) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img110').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_09.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201009_sep10bauer.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text110'; } else if (opts.activeMenuItemId == 12) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img120').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_10.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201010_okt10wrigley.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text120'; } else if (opts.activeMenuItemId == 13) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img130').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_11.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201011_nov10cetebe.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text130'; } else if (opts.activeMenuItemId == 14) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img140').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2010_12.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201012_dez10zeg.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text140'; } else if (opts.activeMenuItemId == 15) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img150').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_01.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201101_jan11bauer.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text150'; } else if (opts.activeMenuItemId == 16) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img160').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_02.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201102_feb11alli.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text160'; } else if (opts.activeMenuItemId == 17) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img170').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_03.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201103b.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text170'; } else if (opts.activeMenuItemId == 18) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img180').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_04.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201104b.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text180'; } else if (opts.activeMenuItemId == 19) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img190').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_05.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201105.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text190'; } else if (opts.activeMenuItemId == 20) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img200').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_06.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201106.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text200'; } else if (opts.activeMenuItemId == 21) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img210').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_07.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201107.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text210'; } else if (opts.activeMenuItemId == 22) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub30Img220').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_08.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201108.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text220'; } else if (opts.activeMenuItemId == 23) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub30Img230').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_09.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201109.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text230'; } else if (opts.activeMenuItemId == 24) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub30Img240').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_10.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201110.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text240'; } else if (opts.activeMenuItemId == 25) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub30Img250').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_11.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201111.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text250'; } else if (opts.activeMenuItemId == 26) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub30Img260').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2011_12.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201112.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text260'; } else if (opts.activeMenuItemId == 27) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub30Img270').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/30/30_2012_01.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '3_news/bg_201201.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content30Text270'; } else { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 0; // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = 'bg_404.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content404'; } //eoIf opts.activeMenuItemId // ------------------------------------------------------------------- // Show/Hide arrows for navsub // ------------------------------------------------------------------- showHideArrows(); }//eoFunct setNavAndContentPropertiesBox30() function setNavAndContentPropertiesBox40(elem) { // ------------------------------------------------------------------- // sidebar - show it for any news menuitem // ------------------------------------------------------------------- opts.showSidebar = true; // SHOW + ANIMATE sidebar for NEWS! // ------------------------------------------------------------------- // Reset all menues // ------------------------------------------------------------------- resetNavSubImagesBox10(); resetNavSubImagesBox20(); resetNavSubImagesBox30(); resetNavSubImagesBox40(); // ------------------------------------------------------------------- // Set pageBg image for active navSub item // ------------------------------------------------------------------- if (opts.activeMenuItemId == 1) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_10.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_alli.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text10'; } else if (opts.activeMenuItemId == 2) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_20.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_bauer_new.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text20'; /*********************************** NEU EINGEFUEGT: biotene *************************/ } else if (opts.activeMenuItemId == 3) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_30_neu_biotene.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_biotene.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text30'; /*********************************** /NEU EINGEFUEGT: biotene *************************/ } else if (opts.activeMenuItemId == 4) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img40').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_40.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_cetebe_new.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text40'; } else if (opts.activeMenuItemId == 5) { opts.ShowNavSubMoreTop = 0; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img50').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_50.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_chlorhexamed.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text50'; } else if (opts.activeMenuItemId == 6) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img60').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_60.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_corega.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text60'; } else if (opts.activeMenuItemId == 7) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img70').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_70.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_dorka.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text70'; } else if (opts.activeMenuItemId == 8) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img80').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_80.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_drbest.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text80'; } else if (opts.activeMenuItemId == 9) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img90').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_90.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_fazit.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text90'; } else if (opts.activeMenuItemId == 10) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img100').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_100.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_hintz.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text100'; } else if (opts.activeMenuItemId == 11) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img110').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_110.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_odol.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text110'; } else if (opts.activeMenuItemId == 12) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img120').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_120.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_om3.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text120'; /*********************************** NEU EINGEFUEGT: parodontax *************************/ } else if (opts.activeMenuItemId == 13) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 1; // Hilight the navsub image $('#navSub40Img130').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_130_neu_parodontax.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_parodontax.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text130'; /*********************************** /NEU EINGEFUEGT: parodontax *************************/ } else if (opts.activeMenuItemId == 14) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub40Img140').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_140.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_sensodyne.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text140'; } else if (opts.activeMenuItemId == 15) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub40Img150').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_150.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_tuerenmann_27092011.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text150'; } else if (opts.activeMenuItemId == 16) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub40Img160').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_160.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_wrigley_27092011.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text160'; } else if (opts.activeMenuItemId == 17) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub40Img170').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_170.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_zeg.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text170'; /*********************************** NEU EINGEFUEGT: zovirax - ID: 40_115, damit ich nicht alles umbenennen muss *************************/ } else if (opts.activeMenuItemId == 18) { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Hilight the navsub image $('#navSub40Img180').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsubHi/40/40_180_neu_zovirax.png'); // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = '4_clients/bg_zovirax_24102011.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content40Text180'; /*********************************** /NEU EINGEFUEGT: zovirax *************************/ } else { opts.ShowNavSubMoreTop = 1; opts.ShowNavSubMoreBottom = 0; // Set related CONTENT - BG IMAGE opts.filenameContentBackgroundImage = 'bg_404.jpg'; // Set related CONTENT - TEXT opts.filenameContentTextDivId = '#content404'; } //eoIf opts.activeMenuItemId // ------------------------------------------------------------------- // Show/Hide arrows for navsub // ------------------------------------------------------------------- showHideArrows(); }//eoFunct setNavAndContentPropertiesBox40() function showHideArrows() { // ------------------------------------------------------------------- // Show/Hide navSubMoreTopImg // ------------------------------------------------------------------- if (opts.ShowNavSubMoreTop == 1) { $('#navSubMoreTopImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreTopOn.png'); } else { $('#navSubMoreTopImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreTopOff.png'); } // ------------------------------------------------------------------- // Show/Hide navSubMoreBottomImg // ------------------------------------------------------------------- if (opts.ShowNavSubMoreBottom == 1) { $('#navSubMoreBottomImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreBottomOn.png'); } else { $('#navSubMoreBottomImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreBottomOff.png'); } } //eoFunct showHideArrows() function resetNavMoreImages() { // ------------------------------------------------------------------- // Reset all navMainImages // ------------------------------------------------------------------- $('#navSubMoreTopImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreTopOff.png'); $('#navSubMoreBottomImg').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navMore/navSubMoreBottomOff.png'); }//eoFunct resetNavMainImages() function resetNavMainImages() { // ------------------------------------------------------------------- // Reset all navMainImages // ------------------------------------------------------------------- $('#navMainImg10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmain/navMain10.png'); $('#navMainImg20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmain/navMain20.png'); $('#navMainImg30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmain/navMain30.png'); $('#navMainImg40').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmain/navMain40.png'); $('#navMainImg50').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navmain/navMain50.png'); }//eoFunct resetNavMainImages() function resetNavSubImagesBox10() { // ------------------------------------------------------------------- // Reset all navSubImages - box10 - Reset here, and above in box1! // ------------------------------------------------------------------- $('#navSub10Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/10/10_10.png'); $('#navSub10Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/10/10_20.png'); $('#navSub10Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/10/10_30.png'); }//eoFunct resetNavSubImagesBox20() function resetNavSubImagesBox20() { // ------------------------------------------------------------------- // Reset all navSubImages - box20 - Reset here, and above in box1! // ------------------------------------------------------------------- $('#navSub20Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/20/20_10.png'); $('#navSub20Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/20/20_20.png'); $('#navSub20Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/20/20_30.png'); }//eoFunct resetNavSubImagesBox20() function resetNavSubImagesBox30() { // ------------------------------------------------------------------- // Reset all navSubImages - box30 - Reset here, and above in box1! // ------------------------------------------------------------------- $('#navSub30Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2009_11.png'); $('#navSub30Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2009_12.png'); $('#navSub30Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_01.png'); $('#navSub30Img40').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_02.png'); $('#navSub30Img50').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_03.png'); $('#navSub30Img60').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_04.png'); $('#navSub30Img70').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_05.png'); $('#navSub30Img80').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_06.png'); $('#navSub30Img90').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_07.png'); $('#navSub30Img100').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_08.png'); $('#navSub30Img110').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_09.png'); $('#navSub30Img120').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_10.png'); $('#navSub30Img130').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_11.png'); $('#navSub30Img140').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2010_12.png'); $('#navSub30Img150').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_01.png'); $('#navSub30Img160').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_02.png'); $('#navSub30Img170').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_03.png'); $('#navSub30Img180').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_04.png'); $('#navSub30Img190').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_05.png'); $('#navSub30Img200').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_06.png'); $('#navSub30Img210').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_07.png'); $('#navSub30Img220').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_08.png'); $('#navSub30Img230').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_09.png'); $('#navSub30Img240').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_10.png'); $('#navSub30Img250').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_11.png'); $('#navSub30Img260').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2011_12.png'); $('#navSub30Img270').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/30/30_2012_01.png'); }//eoFunct resetNavSubImagesBox30() function resetNavSubImagesBox40() { // ------------------------------------------------------------------- // Reset all navSubImages - box40 - Reset here, and above in box1! // ------------------------------------------------------------------- $('#navSub40Img10').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_10.png'); $('#navSub40Img20').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_20.png'); $('#navSub40Img30').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_30_neu_biotene.png'); $('#navSub40Img40').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_40.png'); $('#navSub40Img50').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_50.png'); $('#navSub40Img60').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_60.png'); $('#navSub40Img70').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_70.png'); $('#navSub40Img80').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_80.png'); $('#navSub40Img90').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_90.png'); $('#navSub40Img100').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_100.png'); $('#navSub40Img110').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_110.png'); $('#navSub40Img120').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_120.png'); $('#navSub40Img130').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_130_neu_parodontax.png'); $('#navSub40Img140').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_140.png'); $('#navSub40Img150').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_150.png'); // Tuerenmann $('#navSub40Img160').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_160.png'); $('#navSub40Img170').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_170.png'); $('#navSub40Img180').attr('src', 'typo3conf/ext/dvs_slotty/res/img/navsub/40/40_180_neu_zovirax.png'); }//eoFunct resetNavSubImagesBox40() function storeNavigationData(elem) { // ------------------------------------------------------------------- // Store some data for slidebar status // ------------------------------------------------------------------- // Hint #1 // This is done in the slottyContent.jquery.js plugin // ------------------------------------------------------------------- // Hint #2 // The activeMenuItemId is stored in the DOM for // the content.jquery.js plugin to retrieve it later // ------------------------------------------------------------------- var slottyNavigationData = { // Dragged element css id dragBoxName : opts.dragBoxName, // Active Menu item no. activeMenuItemId : opts.activeMenuItemId, // sidebar reinfahren? true|false showSidebar : opts.showSidebar, // Filename des Content BG Images filenameContentBackgroundImage : opts.filenameContentBackgroundImage, // Div ID des Content Texts filenameContentTextDivId : opts.filenameContentTextDivId }//eoVar slottyNavigationData // Store data in the DOM elem.data('slottyNavigationData', slottyNavigationData); /* if (0) { alert( 'stored data: ' + "\n" + elem.data('slottyNavigationData').opts.dragBoxName + "\n" + elem.data('slottyNavigationData').activeMenuItemId ); } */ }//eoFunction storeNavigationData() /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** helper functions - debug *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ function writeDebugLog() { var msg = ''; $.each(opts, function (index, value) { //alert(index + ': ' + value); msg += index + ': ' + '' + value + ''; msg += '
' + "\n" }); $('#screenMessage1').html(msg); } //eoFunct /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** return *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ return this; // Wieso kommt der globale return fuer die chain erst hier? }; //eo Declaration of $.fn.slottyNavigation /************************************************************************** *************************************************************************** *************************************************************************** *************************************************************************** *** *** Set default options *** *************************************************************************** *************************************************************************** *************************************************************************** ***************************************************************************/ // ------------------------------------------------------------------- // Hint // Has to be placed after method definition! // ------------------------------------------------------------------- $.fn.slottyNavigation.defaults = { // ------------------------------------------------------------------- // Action // ------------------------------------------------------------------- action : 'none', // ------------------------------------------------------------------- // Set these from an internal function // ------------------------------------------------------------------- dragBoxName : '', // ------------------------------------------------------------------- // active menu id // ------------------------------------------------------------------- activeMenuItemId : (-1), activeMenuItemHint : '', // ------------------------------------------------------------------- // active menu positions // ------------------------------------------------------------------- endPosition : 0, targetPosition : 0, targetPositionHint : '', snapInPosition : (-1), // ------------------------------------------------------------------- // boundaries // ------------------------------------------------------------------- minumumBoundary : (-1), maximumBoundary : (-1), boundaryHint : '', // ------------------------------------------------------------------- // menuItems // ------------------------------------------------------------------- item1Top : 0, item2Top : 0, item3Top : 0, item4Top : 0, item5Top : 0, item6Top : 0, item7Top : 0, item8Top : 0, item9Top : 0, item10Top : 0, item11Top : 0, item12Top : 0, item13Top : 0, item14Top : 0, item15Top : 0, // ------------------------------------------------------------------- // Set these from an internal function // ------------------------------------------------------------------- showSidebar : false, filenameContentBackgroundImage : 'bg_404.jpg', // ------------------------------------------------------------------- // Move // ------------------------------------------------------------------- startPosition: 0, // endPosition steht aus Debuggruenden weiter oben startTime : 0, endTime : 0, // ------------------------------------------------------------------- // Set these from an internal function // ------------------------------------------------------------------- dragDistance : 0, dragTime : 0, dragSpeed : 0, dragDirection : '', // ------------------------------------------------------------------- // Wiggle // ------------------------------------------------------------------- snapInEasing : 'easeInOutExpo', wiggleEasing : 'linear', wiggleDistance: 5, wiggleDuration: 100 }; //eo Declaration of $.fn.slottyNavigation.defaults })(jQuery);