/*************** COLORS TO BE ERASED WHEN INSTALLING THE THEME ***********/ $(document).ready(function() { var s = document.createElement("script"); s.type = "text/javascript"; s.src = "js/plugins/jquery-cookie/jquery.cookie.js"; $("body").append(s); if($.cookie("css")) { $("#colors").attr("href",$.cookie("css")); } $(".switcher li a").click(function() { $("#colors").attr("href",$(this).attr("href")); $.cookie("css",$(this).attr("href")); return false; }); }); /*************** COLORS TO BE ERASED WHEN INSTALLING THE THEME ***********/ /*************** REPLACE WITH YOUR OWN UA NUMBER ***********/ var UA = 'XXX'; /*************** REPLACE WITH YOUR OWN UA NUMBER ***********/ /* |-------------------------------------------------------------------------- | DOCUMENT READY |-------------------------------------------------------------------------- */ $(document).ready(function() { /***** form placeholder for IE *****/ if(!Modernizr.input.placeholder){ $('[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).blur(function() { var input = $(this); if (input.val() == '' || input.val() == input.attr('placeholder')) { input.addClass('placeholder'); input.val(input.attr('placeholder')); } }).blur(); $('[placeholder]').parents('form').submit(function() { $(this).find('[placeholder]').each(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); } }) }); } /* |-------------------------------------------------------------------------- | BOOTSTRAP ELEMENTS |-------------------------------------------------------------------------- */ /* |-------------------------------------------------------------------------- | PRETTY PHOTOS |-------------------------------------------------------------------------- */ if( $("a.prettyPhoto").length){ $("a.prettyPhoto").prettyPhoto({ animation_speed:'fast', slideshow:10000, hideflash: true, social_tools:false }); } /* |-------------------------------------------------------------------------- | TOOLTIP |-------------------------------------------------------------------------- */ $('.tips').tooltip(); /* |-------------------------------------------------------------------------- | COLLAPSE |-------------------------------------------------------------------------- */ $('.accordion').on('show hide', function(e){ $(e.target).siblings('.accordion-heading').find('.accordion-toggle i').toggleClass('icon-right-circle icon-down-circle', 200); }); /* |-------------------------------------------------------------------------- | CONTACT |-------------------------------------------------------------------------- */ $('.slideContact').click(function(e){ if ( $(window).width() >= 800){ $('#contact').slideToggle('normal', 'easeInQuad',function(){ $('#contactinfoWrapper').css('margin-left', 0); $('#mapSlideWrapper').css('margin-left', 3000); $('#contactinfoWrapper').fadeToggle(); }); $('#closeContact').fadeToggle(); return false; }else{ return true; } }); $('#closeContact').click(function(e){ $('#contactinfoWrapper').fadeOut('normal', 'easeInQuad',function(){ $('#contactinfoWrapper').css('margin-left', 0); $('#mapSlideWrapper').css('margin-left', 3000); }); $('#contact').slideUp('normal', 'easeOutQuad'); $(this).fadeOut(); e.preventDefault(); }); /* MAP */ $('#mapTrigger').click(function(e){ $('#mapSlideWrapper').css('display', 'block'); initialize('mapWrapper'); $('#contactinfoWrapper, #contactinfoWrapperPage').animate({ marginLeft:'-2000px' }, 400, function() {}); $('#mapSlideWrapper').animate({ marginLeft:'15px' }, 400, function() {}); appendBootstrap(); e.preventDefault(); }); $('#mapTriggerLoader').click(function(e){ $('#mapSlideWrapper, #contactinfoWrapperPage').css('display', 'block'); $('#contactinfoWrapper, #contactinfoWrapperPage').animate({ marginLeft:'-2000px' }, 400, function() {}); $('#mapSlideWrapper').animate({ marginLeft:'15px' }, 400, function() {}); appendBootstrap(); e.preventDefault(); }); $('#mapReturn').click(function(e){ //$('#mapWrapper').css('margin-bottom', '3em'); $('#mapSlideWrapper').animate({ marginLeft:'3000px' }, 400, function() {}); $('#contactinfoWrapper, #contactinfoWrapperPage').animate({ marginLeft:'0' }, 400, function() { $('#mapSlideWrapper').css('display', 'none'); }); e.preventDefault(); }); /* |-------------------------------------------------------------------------- | SCROLL (portfolio horizontal) |-------------------------------------------------------------------------- */ if($("div#makeMeScrollable").length){ $("div#makeMeScrollable").smoothDivScroll({ touchScrolling:true, mousewheelScrolling: "vertical" }); $('.showInfo').click(function(e){ $('.pInfo').find('h3').css('margin-top' , '-400px'); $('.pInfo').css('display', 'none'); $(this).next('div').slideDown(300); $('.showInfo').not($(this)).animate({ marginTop:0 }); $(this).animate({ marginTop:$(this).width() }, 300); $(this).next('div').slideDown(300); $(this).next('div').children('h3').animate({ marginTop:-5 }, 300); e.preventDefault(); }); $('.closeInfo').click(function(e){ $(this).parent().slideUp('normal'); $(this).parent().children('h3').animate({ marginTop:-400 }, 200, function() { $(this).parent().css('display', 'none'); }); $(this).parent().parent().find('img').animate({ marginTop:0 }); e.preventDefault(); }); } /* |-------------------------------------------------------------------------- | FLEXSLIDER |-------------------------------------------------------------------------- */ if($('.flexslider').length){ $('.flexslider').flexslider({ animation: "slide", controlNav: true, directionNav: true, slideshow: true, start: function(slider){ setTimeout("animateTxt("+slider.currentSlide+", 'off')", 300); }, before: function(slider){ animateTxt(slider.currentSlide, 'on'); }, after: function(slider){ setTimeout("animateTxt("+slider.currentSlide+", 'off')", 300); } }); /* SILDER OVERLAY ON RESIZE */ $(window).resize(function() { $('.tramOverlay').height($('.slides li img').height()); }); } /* |-------------------------------------------------------------------------- | SEQUENCE SLIDER |-------------------------------------------------------------------------- */ if($('#sequence').length){ var options = { nextButton: true, prevButton: true, pagination: true, animateStartingFrameIn: true, autoPlayDelay: 3000, preloader: true, preloadTheseFrames: [1], preloadTheseImages: [ "images/slider/sequence/tn-model1.png", "images/slider/sequence/tn-model2.png", "images/slider/sequence/tn-model3.png" ] }; var mySequence = $("#sequence").sequence(options).data("sequence"); } /* |-------------------------------------------------------------------------- | DIRECTIONAL ROLLOVER AND HOVER EFFECTS |-------------------------------------------------------------------------- */ if($('.da-thumbs').length){ $('.da-thumbs article a').hoverdir(); } if($('.da-thumbs ').length){ $('article a').hover( function () { /*var centerArticle = ($('a section', this).height()/2 - $('a div span', this).outerHeight(true)/2) + 4; $('a div', this).css('padding-top', centerArticle+'px');*/ var fromTop = ($('section img', this).height()/2 - $('.iconLink', this).outerHeight()/2) ; $('.iconLink', this).css('margin-top', fromTop); if ($.browser.chrome || $.browser.webkit ) { $(this).find('section img').css('-webkit-transform', 'scale(1.5) '); } else if ($.browser.mozilla){ $(this).find('section img').css('-moz-transform', 'scale(1.5) rotate(0.1deg)'); }else if($.browser.opera){ $(this).find('section img').css('-o-transform', 'scale(1.5)'); }else if($.browser.msie){ $(this).find('section img').css('-ms-transform', 'scale(1.5)'); } }, function () { if ($.browser.chrome || $.browser.webkit) { $(this).find('section img').css('-webkit-transform', 'scale(1) '); } else if ($.browser.mozilla){ $(this).find('section img').css('-moz-transform', 'scale(1) rotate(0deg)'); } else if($.browser.opera){ $(this).find('section img').css('-o-transform', 'scale(1)'); } else if($.browser.msie){ $(this).find('section img').css('-ms-transform', 'scale(1)'); } } ); } /* |-------------------------------------------------------------------------- | ROLLOVER BTN |-------------------------------------------------------------------------- */ $('.socialIcon').hover( function () { $(this).stop(true, true).addClass('socialHoverClass', 300); }, function () { $(this).removeClass('socialHoverClass', 300); }); $('.tabs li, .accordion h2').hover( function () { $(this).stop(true, true).addClass('speBtnHover', 300); }, function () { $(this).stop(true, true).removeClass('speBtnHover', 100); }); /* |-------------------------------------------------------------------------- | ALERT |-------------------------------------------------------------------------- */ $('.alert').delegate('button', 'click', function() { $(this).parent().fadeOut('fast'); }); /* |-------------------------------------------------------------------------- | CLIENT |-------------------------------------------------------------------------- */ if($('.colorHover').length){ var array =[]; $('.colorHover').hover( function () { array[0] = $(this).attr('src'); $(this).attr('src', $(this).attr('src').replace('-off', '')); }, function () { $(this).attr('src', array[0]); }); } /* |-------------------------------------------------------------------------- | UP AND DOWN & MENU BTNS PORTFOLIO STATIC |-------------------------------------------------------------------------- */ $('.goDown').click(function(e){ var offset = $(this).parents().next('section').offset(); var variation = ($('.navbar-fixed-top').length)?$('.navbar-fixed-top').outerHeight(true) +20 :90; var finalPos = offset.top - variation; scrollTo(finalPos, 500); e.preventDefault(); }); $('.goUp').click(function(e){ var offset = $(this).parents().prev('section').offset(); var variation = ($('.navbar-fixed-top').length)?$('.navbar-fixed-top').outerHeight(true) +20:90; var finalPos = offset.top - variation; scrollTo(finalPos, 500); e.preventDefault(); }); $('.PortfolioStickyMenu ul li a').click(function(e){ var targetId = $(this).attr('href'); var offset = $(targetId).offset() ; var variation = ($('.navbar-fixed-top').length)?$('.navbar-fixed-top').outerHeight(true) +20:90; var finalPos = offset.top - variation; scrollTo(finalPos , 500); e.preventDefault(); }); /* |-------------------------------------------------------------------------- | CAMERA SLIDER |-------------------------------------------------------------------------- */ if($('.camera_wrap').length){ jQuery('.camera_wrap').camera({ thumbnails: true, pagination: true, height:'35%' }); } if($('.camera_wrap_nonav').length){ jQuery('.camera_wrap_nonav').camera({ pagination: false, thumbnails: true, height:'70%' }); } if($('.camera_wrap_nothumb').length){ jQuery('.camera_wrap_nothumb').camera({ pagination: true, thumbnails: false, height:'40%' }); } /* |-------------------------------------------------------------------------- | SHARRRE |-------------------------------------------------------------------------- */ if($('#shareme').length){ $('#shareme').sharrre({ share: { googlePlus: true, facebook: true, twitter: true }, buttons: { googlePlus: {size: 'tall', annotation:'bubble'}, facebook: {layout: 'box_count'}, twitter: {count: 'vertical'}, }, enableHover: false, enableCounter: false, enableTracking: true, url:document.location.href }); } //INCLUDE HTML file $('[data-load]').each(function() { $(this).load($(this).data("load")); }); //END DOCUMENT READY }); /* |-------------------------------------------------------------------------- | EVENTS TRIGGER AFTER ALL IMAGES ARE LOADED |-------------------------------------------------------------------------- */ $(window).load(function() { /* |-------------------------------------------------------------------------- | RS SLIDER |-------------------------------------------------------------------------- */ if($('.fullwidthbanner').length){ $('.fullwidthbanner').css('display', 'block'); if(jQuery().revolution) { $('.fullwidthbanner').revolution( { delay:9000, startwidth:940, startheight:432, onHoverStop:"on",// Stop Banner Timet at Hover on Slide on/off thumbWidth:100,// Thumb With and Height and Amount (only if navigation Type set to thumb !) thumbHeight:50, thumbAmount:3, hideThumbs:200, navigationType:"both",//bullet, thumb, none, both (No Shadow in Fullwidth Version !) navigationArrows:"verticalcentered",//nexttobullets, verticalcentered, none navigationStyle:"round",//round,square,navbar touchenabled:"on",// Enable Swipe Function : on/off navOffsetHorizontal:0, navOffsetVertical:20, stopAtSlide:-1,// Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case. stopAfterLoops:-1,// Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic fullWidth:"off", shadow:0, //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows - (No Shadow in Fullwidth Version !) wrapper:'#sliderWrapperRS', wrapperheight:500 }); } } /* |-------------------------------------------------------------------------- | ISOTOPE USAGE FILTERING |-------------------------------------------------------------------------- */ if($('.isotopeWrapper').length){ var $container = $('.isotopeWrapper'); var $resize = $('.isotopeWrapper').attr('id'); // initialize isotope $container.isotope({ itemSelector: '.isotopeItem', containerStyle: { overflow: 'visible', position: 'relative'}, resizable: false, // disable normal resizing masonry: { columnWidth: $container.width() / $resize } }); $('#filter a').click(function(){ $('#filter a').removeClass('current'); $(this).addClass('current'); var selector = $(this).attr('data-filter'); $container.isotope({ filter: selector }); return false; }); $(window).smartresize(function(){ $container.isotope({ // update columnWidth to a percentage of container width masonry: { columnWidth: $container.width() / $resize } }); }); $container.delegate('.masoneryBloc a.sizer', 'click', function(){ var $this = $(this); var resizeElement = $(this).parent(); $this.find('div').css('display', 'none'); if(resizeElement.hasClass('span3')){ resizeElement.removeClass('span3'); resizeElement.addClass('span6'); $this.find('div>span>i').attr('class', 'icon-minus'); }else{ resizeElement.addClass('span3'); resizeElement.removeClass('span6'); $this.find('div>span>i').attr('class', 'icon-plus'); } if($(this).parent().children('.hiddenInfo').css('display') == 'block'){ $(this).parent().children('.hiddenInfo').css('display', 'none'); $(this).parent().find('.iconZoom').css('background-position', '217px 702px'); $(this).parent().find('.mask span').html('Read More'); }else{ $(this).parent().children('.hiddenInfo').css('display', 'block'); $(this).parent().find('.iconZoom').css('background-position', '164px 689px'); $(this).parent().find('.mask span').html('Minimize'); } $container.isotope('reLayout'); return false; }); } //END WINDOW LOAD }); /* |-------------------------------------------------------------------------- | FUNCTIONS |-------------------------------------------------------------------------- */ /* FLEXSLIDER INNER INFO CUSTOM ANIMATION */ function animateTxt(curSlide, state){ if(state == 'off'){ //change the display state // $('.slideN'+curSlide).children('.txt').css('display', 'block'); // $('.slideN'+curSlide).children('.txt').children('h2').css('display', 'block'); // $('.slideN'+curSlide).children('.txt').children('div').css('display', 'block'); // $('.slideN'+curSlide).children('.txt').children('a').css('display', 'inline-block'); // $('.slideN'+curSlide).children('.txt').children('h2').css('display', 'none'); $('.slideN'+curSlide).children('.txt').children('div').css('display', 'none'); $('.slideN'+curSlide).children('.txt').children('a').css('display', 'none'); $('.slideN'+curSlide).children('.txt').fadeIn(200, 'easeInOutQuart', function () { $('.slideN'+curSlide).children('.txt').children('h2').fadeIn(200, 'easeInOutQuart', function () { $('.slideN'+curSlide).children('.txt').children('div').fadeIn(200, 'easeInOutQuart', function () { $('.slideN'+curSlide).children('.txt').children('a').fadeIn(200); }); }); }); //the animation // $('.slideN'+curSlide).children('.txt').children('h2').stop(true, true).animate({ // marginLeft: 10 // }, 400, 'easeOutQuad', function() {}).animate({ // marginLeft: 0 // }, 200, 'easeOutQuad', function() {}); // $('.slideN'+curSlide).children('.txt').children('div').stop(true, true).delay(10).animate({ // marginLeft:-10, // opacity:0.8 // }, 300, 'easeOutQuad', function() { // }).animate({ // marginLeft: 0, // opacity:1 // }, 200, 'easeOutQuad', function() {}); // $('.slideN'+curSlide).children('.txt').children('a').stop(true, true).delay(40).animate({ // marginTop: -10 // }, 300, 'easeOutQuad', function() {}).animate({ // marginTop: 0 // }, 200, 'easeOutQuad', function() {}); }else{ //change the display state $('.slideN'+curSlide).children('.txt').fadeOut(400); $('.slideN'+curSlide).children('.txt').children('h2').css('display', 'none'); $('.slideN'+curSlide).children('.txt').children('div').css('display', 'none'); $('.slideN'+curSlide).children('.txt').children('a').css('display', 'none'); //reposition the elements // $('.slideN'+curSlide).children('.txt').children('h2').css('margin-left', '-3000px'); // $('.slideN'+curSlide).children('.txt').children('div').css('margin-left', '490px'); // $('.slideN'+curSlide).children('.txt').children('a').css('margin-top', '230px'); } } /* MAIN MENU (submenu slide and setting up of a select box on small screen)*/ (function() { var $mainMenu = $('#mainMenu').children('ul'); $mainMenu.on('mouseenter', 'li', function() { var $this = $(this), $subMenu = $this.children('ul'); if( $subMenu.length ) $this.addClass('hover').stop(); else { if($this.parent().is($(':gt(1)', $mainMenu))){ $this.addClass('Shover').stop(false, true).hide().fadeIn('slow'); }else{ $this.addClass('Shover').stop(false, true); } } if($this.parent().is($(':gt(1)', $mainMenu))){ $subMenu.css('display', 'block'); $subMenu.stop(false, true).animate({ left:144, opacity:1 }, 300,'easeOutQuad'); }else{ $subMenu.stop(false, true).slideDown('fast','easeInQuad'); } }).on('mouseleave', 'li', function() { var $nthis = $(this); if($nthis.parent().is($(':gt(1)', $mainMenu))){ $nthis.children('ul').stop(false, true).css('left', 130).css('opacity', 0).css('display', 'none'); }else{ $nthis.removeClass('hover').removeClass('Shover').children('ul').stop(false, true).hide(); } $subMenu = $nthis.children('ul'); if( $subMenu.length ) $nthis.removeClass('hover'); else $nthis.removeClass('Shover'); }).on('touchend', 'li ul li a', function(e) { var el = $(this); var link = el.attr('href'); window.location = link; }); // ul to select var optionsList = ''; $mainMenu.find('li').each(function() { var $this = $(this), $anchor = $this.children('a'), depth = $this.parents('ul').length - 1, indent = ''; if( depth ) { while( depth > 0 ) { indent += ' - '; depth--; if($this.has('ul').length){ $anchor.addClass('hasSubMenu'); } } } optionsList += ''; }).end().after(''); $('.responsive-nav').on('change', function() { window.location = $(this).val(); }); })(); /* BACK TO TOP (BTN back to top by Matt Varone)*/ (function() { var defaults = { sym: '', min: 50, inDelay:600, outDelay:400, containerID: 'to-top', containerCLASS: 'iconWrapper', containerHoverID: 'to-top', scrollSpeed: 300, easingType: 'linear' }, settings = $.extend(defaults), containerIDhash = '#' + settings.containerID, containerHoverIDHash = '#'+settings.containerHoverID; $('body').append(''+settings.sym+''); $(containerIDhash).hide().on('click.UItoTop',function(){ $('html, body').animate({ scrollTop:0 }, settings.scrollSpeed, settings.easingType); $('#'+settings.containerHoverID, this).stop().animate({ 'opacity': 0 }, settings.inDelay, settings.easingType); return false; }) //.prepend('') .hover(function() { $(containerHoverIDHash, this).stop().animate({ 'opacity': 1 }, 600, 'linear'); }, function() { $(containerHoverIDHash, this).stop().animate({ 'opacity': 0 }, 700, 'linear'); }); $(window).scroll(function() { var sd = $(window).scrollTop(); if(typeof document.body.style.maxHeight === "undefined") { $(containerIDhash).css({ 'position': 'absolute', 'top': sd + $(window).height() - 50 }); } if ( sd > settings.min ) $(containerIDhash).fadeIn(settings.inDelay); else $(containerIDhash).fadeOut(settings.Outdelay); }); })(); /* |-------------------------------------------------------------------------- | SIDEBAR MENU FOLLOWING WINDOW SCROLL |-------------------------------------------------------------------------- */ function scrollTo($position, $animationTime){ $('html,body').animate({ scrollTop: $position }, $animationTime); } /* |-------------------------------------------------------------------------- | STICKY MENU |-------------------------------------------------------------------------- */ $(function() { $window = $(window); if( $(".PortfolioStickyMenu").length && $window.width() >= 754) { var $sidebar = $(".PortfolioStickyMenu"), offset = $sidebar.offset(), topPadding = 90; $window.scroll(function() { if ($window.scrollTop() > offset.top) { if(($window.scrollTop() - offset.top + topPadding) <= $('.lastArticle').position().top + $('.lastArticle').height() + 200){ $sidebar.stop().animate({ marginTop: $window.scrollTop() - offset.top + topPadding }); } } else { $sidebar.stop().animate({ marginTop: 0 }); } }); } }); /* |-------------------------------------------------------------------------- | GOOGLE MAP |-------------------------------------------------------------------------- */ function appendBootstrap() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize"; document.body.appendChild(script); } function initialize(id) { var image = 'images/icon-map.png'; var overlayTitle = 'Agencies'; var locations = [ //point number 1 ['Madison Square Garden', '4 Pennsylvania Plaza, New York, NY'], //point number 2 ['Best town ever', 'Santa Cruz', 36.986021, -122.02216399999998], //point number 3 ['Located in the Midwestern United States', 'Kansas'], //point number 4 ['I\'ll be there one day', 'Chicago', 41.8781136, -87.62979819999998] ]; /*** DON'T CHANGE ANYTHING PASSED THIS LINE ***/ id = (id == undefined) ? 'mapWrapper' : id; var map = new google.maps.Map(document.getElementById(id), { mapTypeId: google.maps.MapTypeId.ROADMAP, zoom: 14 }); var myLatlng; var marker, i; var bounds = new google.maps.LatLngBounds(); var infowindow = new google.maps.InfoWindow({ content: "loading..." }); for (i = 0; i < locations.length; i++) { if(locations[i][2] != undefined && locations[i][3] != undefined){ var content = '
'+locations[i][0]+'
'+locations[i][1]+'
'; (function(content) { myLatlng = new google.maps.LatLng(locations[i][2], locations[i][3]); marker = new google.maps.Marker({ position: myLatlng, icon:image, title: overlayTitle, map: map }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(content); infowindow.open(map, this); } })(this, i)); if(locations.length > 1){ bounds.extend(myLatlng); map.fitBounds(bounds); }else{ map.setCenter(myLatlng); } })(content); }else{ geocoder = new google.maps.Geocoder(); var info = locations[i][0]; var addr = locations[i][1]; var latLng = locations[i][1]; (function(info, addr) { geocoder.geocode( { 'address': latLng }, function(results, status) { myLatlng = results[0].geometry.location; marker = new google.maps.Marker({ position: myLatlng, icon:image, title: overlayTitle, map: map }); var $content = '
'+info+'
'+addr+'
'; google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent($content); infowindow.open(map, this); } })(this, i)); if(locations.length > 1){ bounds.extend(myLatlng); map.fitBounds(bounds); }else{ map.setCenter(myLatlng); } }); })(info, addr); } } }