/* ACCORDION */ $(function() { $( "#accordion" ).accordion({ autoHeight: false, change: function() { $(this).find('h3').blur(); } }); }); /* LOGO ROTATION */ $(document).ready(function() { //options( 1 - ON , 0 - OFF) var auto_slide = 1; var hover_pause = 1; var key_slide = 1; //speed of auto slide( var auto_slide_seconds = 3000; /* IMPORTANT: i know the variable is called ...seconds but it's in milliseconds ( multiplied with 1000) '*/ /*move he last list item before the first item. The purpose of this is if the user clicks to slide left he will be able to see the last item.*/ $('#logo_rotation_ul li:first').before($('#logo_rotation_ul li:last')); //check if auto sliding is enabled if(auto_slide == 1){ /*set the interval (loop) to call function slide with option 'right' and set the interval time to the variable we declared previously */ var timer = setInterval('slide("right", 4)', auto_slide_seconds); /*and change the value of our hidden field that hold info about the interval, setting it to the number of milliseconds we declared previously*/ $('#hidden_auto_slide_seconds').val(auto_slide_seconds); } //check if hover pause is enabled if(hover_pause == 1){ //when hovered over the list $('#logo_rotation_ul').hover(function(){ //stop the interval clearInterval(timer) },function(){ //and when mouseout start it again timer = setInterval('slide("right", 4)', auto_slide_seconds); }); } //check if hover pause is enabled if(hover_pause == 1){ //when hovered over the list $('#left_scroll').hover(function(){ //stop the interval clearInterval(timer) },function(){ //and when mouseout start it again timer = setInterval('slide("right")', auto_slide_seconds); }); } //check if hover pause is enabled if(hover_pause == 1){ //when hovered over the list $('#right_scroll').hover(function(){ //stop the interval clearInterval(timer) },function(){ //and when mouseout start it again timer = setInterval('slide("right")', auto_slide_seconds); }); } //check if key sliding is enabled if(key_slide == 1){ //binding keypress function $(document).bind('keypress', function(e) { //keyCode for left arrow is 37 and for right it's 39 ' if(e.keyCode==37){ //initialize the slide to left function slide('left'); }else if(e.keyCode==39){ //initialize the slide to right function slide('right'); } }); } }); //FUNCTIONS BELLOW //slide function function slide(where, times){ //get the item width var item_width = $('#logo_rotation_ul li').outerWidth(); /* using a if statement and the where variable check we will check where the user wants to slide (left or right)*/ if(where == 'left'){ //...calculating the new left indent of the unordered list (ul) for left sliding var left_indent = parseInt($('#logo_rotation_ul').css('left')) + item_width ; // var left_indent = parseInt($('#logo_rotation_ul').css({'left':'608px'})); }else{ //...calculating the new left indent of the unordered list (ul) for right sliding var left_indent = parseInt($('#logo_rotation_ul').css('left')) - item_width ; // var left_indent = parseInt($('#logo_rotation_ul').css({'left':'-608px'})); } //make the sliding effect using jQuery's animate function... ' $('#logo_rotation_ul:not(:animated)').animate({'left' : left_indent},500,function(){ /* when the animation finishes use the if statement again, and make an ilussion of infinity by changing place of last or first item*/ if(where == 'left'){ //...and if it slided to left we put the last item before the first item $('#logo_rotation_ul li:first').before($('#logo_rotation_ul li:last')); }else{ //...and if it slided to right we put the first item after the last item $('#logo_rotation_ul li:last').after($('#logo_rotation_ul li:first')); } //...and then just get back the default left indent $('#logo_rotation_ul').css({'left' : '-608px'}); }); } /* NAVIGATION */ (function($) { $.fn.customFadeIn = function(speed, callback) { $(this).fadeIn(speed, function() { if(!$.support.opacity) $(this).get(0).style.removeAttribute('filter'); if(callback != undefined) callback(); }); }; $.fn.customFadeOut = function(speed, callback) { $(this).fadeOut(speed, function() { if(!$.support.opacity) $(this).get(0).style.removeAttribute('filter'); if(callback != undefined) callback(); }); }; $.fn.customFadeTo = function(speed,to,callback) { return this.animate({opacity: to}, speed, function() { if (to == 1 && jQuery.browser.msie && this != null) this.style.removeAttribute('filter'); if (jQuery.isFunction(callback)) callback(); }); }; })(jQuery); $(document).ready(function() { function megaHoverOver(){ $(this).find(".sub").stop().customFadeTo('fast', 1).show(); //Calculate width of all ul's (function($) { jQuery.fn.calcSubWidth = function() { rowWidth = 0; //Calculate row $(this).find("ul").each(function() { rowWidth += $(this).width() + 10; }); }; })(jQuery); if ( $(this).find(".row").length > 0 ) { //If row exists... var biggestRow = 0; //Calculate each row $(this).find(".row").each(function() { $(this).calcSubWidth(); //Find biggest row if(rowWidth > biggestRow) { biggestRow = rowWidth; } }); //Set width $(this).find(".sub").css({'width' :biggestRow}); $(this).find(".row:last").css({'margin':'0'}); } else { //If row does not exist... $(this).calcSubWidth(); //Set Width $(this).find(".sub").css({'width' : rowWidth}); } $(this).find(".sub ul:last").css("marginRight", "0px"); } function megaHoverOut(){ $(this).find(".sub").stop().fadeTo('fast', 0, function() { $(this).hide(); }); } var config = { sensitivity: 2, // number = sensitivity threshold (must be 1 or higher) interval: 100, // number = milliseconds for onMouseOver polling interval over: megaHoverOver, // function = onMouseOver callback (REQUIRED) timeout: 500, // number = milliseconds delay before onMouseOut out: megaHoverOut // function = onMouseOut callback (REQUIRED) }; $("#navigation li .sub").css({'opacity':'0'}); $("#navigation li").hoverIntent(config); });