// Small plugins not worth adding to external files // hoverInvent (function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY)) 0){ var currentHighest=0; jQuery(".home-block .content").each(function () { if ( jQuery(this).outerHeight() > currentHighest ) { currentHighest=jQuery(this).outerHeight(); } }); jQuery(".home-block .content").each(function () { jQuery(this).height(currentHighest); }); } } function navigationDropDown(openSpeed, closeSpeed, fadeSpeed, delay){ // Setup all the styling function navigationInit(){ jQuery('ul#nav li.level0').each(function (index){ var DoYouHaveInnerLists = jQuery(this).children('ul').size(); if(DoYouHaveInnerLists == 0){ jQuery(this).children('a').addClass('noChildren'); } }); // runs at doc ready sets classes and heights general layout for the menu jQuery('ul#nav li.level0 ul').each(function (index){ // grab the number of second level items -- with black headers var numberOfSecondInnerLists = jQuery(this).children('li').size(); // grab the number of third level items -- with grey italic text var numberOfSecondInnerListsItems = jQuery(this).find('li ul li').size(); // Add a class to the main containers which shows the number lists inside jQuery(this).addClass('lc' + numberOfSecondInnerLists ); // Look to see is this only has one list inside if so add class if (numberOfSecondInnerLists <= 1){ jQuery(this).addClass('HasOneColum'); if (numberOfSecondInnerListsItems >= 6){ jQuery(this).addClass('HasOneColumLong'); } } // Set the height of each ul to it's highest sibling var t=0; var t_elem; jQuery(this).children('li.level1').each(function () { // jQuery will not find the height of a hidden object so this displays it quickly jQuery(this).parent('ul.level0').css({ 'position':'absolute','visibility':'hidden','display':'block' }); if (jQuery(this).outerHeight() > t ) { t_elem=this; t = jQuery(this).outerHeight(); } jQuery(this).height(t); jQuery(this).parent('ul.level0').css({ 'position':'absolute','visibility':'visible','display':'none' }); }); }); } // Call the initial styling navigationInit(); var gLastMenuHover = 0; // Gets called on hover with hoverIntent Plugin of each menu item does the fading and animation function openDropDown() { var ghoverSpeedCal = 0; //get the height of the children menus of the item hovered var ulHeight = jQuery(this).children('#nav ul').outerHeight(); //count how many sub menus in this item var numberOfInnerLists = jQuery(this).children('ul').size(); var numberOfThridInnerLists = jQuery(this).children('ul').children('li').size(); // Looks at the height it needs to slide to normalises the openSpeed var ghoverSpeedSum = Math.abs((ulHeight - ghoverSpeedCal)) + openSpeed; // Clear the last menu jQuery('#nav li.level0').removeClass('hover'); jQuery('#nav ul.level0').hide(); // fixing a bug in IE8 that stops fadeTo From fading children elements if (jQuery.browser.msie){ if(jQuery.browser.version.substring(0, 2) == "8."){ jQuery('#nav ul').hide(); } } // check to see if the items has a nested menus if (numberOfInnerLists >= 1) { // Grab a store the li that was hovered var hoveredLi = jQuery(this); jQuery(this).addClass('hover'); jQuery(this).parents('.page').children('#nav-spacer'); if (ulHeight != 0){ ghoverSpeedCal = ulHeight; } // fixing a bug in IE8 that stop fadeTo From fading children elements if (jQuery.browser.msie){ if(jQuery.browser.version.substring(0, 2) == "8.") { setTimeout(function () { jQuery(hoveredLi).find('ul ul').stop().fadeTo(0, 1); jQuery(hoveredLi).children('ul').stop().fadeTo(0, 1); }, 100); } } function fadeInMenu() { jQuery(hoveredLi).children('ul').stop().delay(ghoverSpeedSum).fadeTo(fadeSpeed, 1); } // Calling as a bind function after the animation produces a bug in webkit where the menus will flash when hovered over at the correct moment. So calling a named function in the callback jQuery('#nav-spacer').stop().animate({ height: ulHeight },ghoverSpeedSum, fadeInMenu() ); } else{ // if the menu hovered has 0 items shrink the menu var ulHeight = 0; jQuery('ul.level0').hide(); jQuery('#nav-spacer').stop().animate({height:'0px'},closeSpeed, function(){ jQuery(this).removeClass('hover'); }); } var gLastMenuHover = hoveredLi; } // for when we hover off the menu altogether function closeDropDown(){ jQuery('ul.level0').hide(); jQuery('ul.level0').stop().fadeOut(fadeSpeed); jQuery('.level0').removeClass('hover'); jQuery('#nav-spacer').stop().animate({height:'0px'},closeSpeed); } // does nothing function donothing(){} // Lets see if we are dealing with a mobile or desktop browser and attach event handler for each if (jQuery.browser.mobile){ jQuery.fn.single_double_click = function(single_click_callback, double_click_callback, timeout) { return this.each(function(){ var clicks = 0, self = this; jQuery(this).click(function(event){ clicks++; var firstClick = true; if (clicks == 1) { setTimeout(function(){ if(clicks == 1) { single_click_callback.call(self, event); } else { double_click_callback.call(self, event); } clicks = 0; }, timeout || 1000); } // Prevents the first click for doing anything and sets up a timer for the second if((jQuery(this).hasClass('noChildren'))) {} else { if (clicks == 1) { event.preventDefault(); setTimeout(function(){ clicks = 0; }, timeout || 2000);} } }); }); } jQuery("#nav li.level-top").children('a').single_double_click(function() { jQuery(this) = jQuery(this).parent(li); }, function () {}) jQuery("#nav li.level-top").click(openDropDown); } // run functions for Desktop browser else{ // config for the hover invent plugin var config = { interval:delay, over: openDropDown, // function = onMouseOver callback (REQUIRED) timeout:240, // number = milliseconds delay before onMouseOut out: donothing // function = onMouseOut callback (REQUIRED) }; var configTwo = { interval: delay, over: donothing, // function = onMouseOver callback (REQUIRED) timeout: 300, // number = milliseconds delay before onMouseOut out: closeDropDown // function = onMouseOut callback (REQUIRED) }; jQuery("#nav li.level-top").hoverIntent(config); jQuery("#nav-wrapper").hoverIntent( configTwo); } } function productShadowHeight() { var productInfoHeight = jQuery(".product-shop").height()-10; if (productInfoHeight >= 400) { jQuery(".product-view .product-img-box, #product-overlay").height(productInfoHeight); } } function showSearchBtn() { jQuery(".form-search input").focus( function () { jQuery('.form-search button').fadeIn(300); }); jQuery(".form-search input").blur( function () { setTimeout("jQuery('.form-search button').fadeOut(300);", 300); }); } // THE WINDOW LOAD FUNCTIONS function homePageSlider(){ jQuery('.flexslider').flexslider({ animation: "slide", //String: Select your animation type, "fade" or "slide" slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationDuration: 600, //Integer: Set the speed of animations, in milliseconds directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false) controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage keyboardNav: true, //Boolean: Allow slider navigating via keyboard left/right keys mousewheel: false, //Boolean: Allow slider navigating via mousewheel prevText: "Previous", //String: Set the text for the "previous" directionNav item nextText: "Next", //String: Set the text for the "next" directionNav item pausePlay: false, //Boolean: Create pause/play dynamic element pauseText: 'Pause', //String: Set the text for the "pause" pausePlay item playText: 'Play', //String: Set the text for the "play" pausePlay item randomize: false, //Boolean: Randomize slide order slideToStart: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering controlsContainer: "", //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken. manualControls: "", //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation after: function(){}, //Callback: function(slider) - Fires after each slider animation completes end: function(){} //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) }); }