$(document).ready(function() { $(".scrollContainer div.panel").css({"background":"none","overflow":"hidden"}); $(".scroll").css({"overflow":"hidden"}); $(".clear_panel").css({"display":"none"}); var $panels=$('#slider .scrollContainer > div'); var $container=$('#slider .scrollContainer'); var horizontal=true; if(horizontal) { $panels.css({'float':'left','position':'relative'}); $container.css('width',$panels[0].offsetWidth*$panels.length); } var $scroll=$('#slider .scroll').css('overflow','hidden'); function selectNav() { $('.navigation').find('a').removeClass('selected').end(); $('.navigation').find('li').css({"background":"url(http://www.magicsurveytool.com/wp-content/themes/mst-new/images/button_navigation.png) top left no-repeat"}); $(this).addClass('selected'); $(this).parent().css({"background":"url(http://www.magicsurveytool.com/wp-content/themes/mst-new/images/button_navigation_focus.png) top left no-repeat"}); } $('.navigation').find('a').click(selectNav()); function trigger(data) { var el=$('.navigation').find('a[href$="'+data.id+'"]').get(0); selectNav.call(el); } if(window.location.hash) { trigger({id:window.location.hash.substr(1)}); } else { $('.navigation li a:first').addClass('selected').parent().css({"background":"url(http://www.magicsurveytool.com/wp-content/themes/mst-new/images/button_navigation_focus.png) top left no-repeat"}); } var offset=parseInt((horizontal?$container.css('paddingTop'):$container.css('paddingLeft'))||0)*-1; var scrollOptions={target:$scroll,items:$panels,navigation:'.navigation a',prev:'img.left',next:'img.right',axis:'xy',onBefore:selectNav,onAfter:trigger,offset:offset,duration:500,easing:'swing'}; $('#slider').serialScroll(scrollOptions); $.localScroll(scrollOptions);scrollOptions.duration=1; $.localScroll.hash(scrollOptions); $("#panel_1").selectNav(); });