// social media bar function scrollShareOptions(el) { var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; } if(typeof window.pageYOffset!= 'undefined'){ return (top < window.pageYOffset); } else { if(typeof document.documentElement.scrollTop!='undefined'){ return (top < document.documentElement.scrollTop); } } } var runonce = 0; $(window).bind('scroll', function(e) { var el = document.getElementById('brandInfo') if (scrollShareOptions(el)) { if(runonce==1){ runonce = 0 $('.timeline').animate({ top: 20 }, 'slow', function() {}); } } else { if (runonce == 0) { runonce = 1 $('.timeline').animate({ top: 150 }, 'slow', function() { }); } } }); function tourfilter(t,o){ $(".bartitle").addClass("bartitleblur"); $(".tour").hide(); $('#'+t).show(); $("#timeline li a").removeClass("activeli") $(o).addClass("activeli") } $(function(){ var ma_default = {anchortag: "href", anchorSmooth: true}; $(".breakfast").mAnchor(ma_default); $(".afterbreakfast").mAnchor(ma_default); $(".latemorning").mAnchor(ma_default); $(".lunch").mAnchor(ma_default); $(".hutongstroll").mAnchor(ma_default); $(".lateafternoon").mAnchor(ma_default); $(".supper").mAnchor(ma_default); $(".evening").mAnchor(ma_default); var sTags = $("#timeline"); sTags_top = sTags.offset().top; $(window).unbind("scroll"); $(window).bind("scroll", function() { try{ var tab_promotion = $("#breakfast").eq(0); var tab_classic = $("#afterbreakfast").eq(0); var tab_intrest = $("#latemorning").eq(0); var tab_type = $("#lunch").eq(0); var tab_price = $("#hutongstroll").eq(0); var tab_stopover = $("#lateafternoon").eq(0); var tab_wild = $("#supper").eq(0); var tab_beyond = $("#evening").eq(0); var self_top = $(this).scrollTop(); if( self_top > sTags_top ){ //sTags.css({"position": "fixed", "top": 0, "z-index": 10}); //console.log(self_top+'=='+sTags_top+'ss'+tab_promotion.offset().top) if(self_top > tab_promotion.offset().top - 10 && tab_promotion.offset().top != 0){ changingOverTab($("#timeline .breakfast")); } if(self_top > tab_classic.offset().top - 10 && tab_classic.offset().top != 0){ changingOverTab($("#timeline .afterbreakfast")); } if(self_top > tab_intrest.offset().top - 10 && tab_intrest.offset().top != 0){ changingOverTab($("#timeline .latemorning")); } if(self_top > tab_type.offset().top - 10 && tab_type.offset().top != 0){ changingOverTab($("#timeline .lunch")); } if(self_top > tab_price.offset().top - 10 && tab_price.offset().top != 0){ changingOverTab($("#timeline .hutongstroll")); } if(self_top > tab_stopover.offset().top - 10 && tab_stopover.offset().top != 0){ changingOverTab($("#timeline .lateafternoon")); } if(self_top > tab_wild.offset().top - 10 && tab_wild.offset().top != 0){ changingOverTab($("#timeline .supper")); } if(self_top > tab_beyond.offset().top - 10 && tab_beyond.offset().top != 0){ changingOverTab($("#timeline .evening")); } }else{ //sTags.css({"position": "static", "background": "none"}); changingOverTab($("#timeline .breakfast")); } }catch(err){} }); }); function changingOverTab(o) { var a_current = o; var a_parent = a_current.parent(); var a_current_name = a_current.attr("class"); a_parent.siblings().each(function(){ var sibling = $(this).find("a"); var sibling_name = sibling.attr("class"); if(testReg(/activeli/, sibling_name)){ sibling.removeClass('activeli'); } }); if(testReg(/activeli/, a_current_name)){ }else{ a_current.addClass("activeli"); } } function testReg(reg,str){ return reg.test(str); }