var INSTAJAM;
jQuery(document).ready(function($){
$('li.categories-dropdown > a').append(' ');
var menuOffset = $('.nav')[0].offsetTop;
menuOffset = $('#site-navigation').height();
$(document).bind('ready scroll',function() {
var docScroll = $(document).scrollTop();
if(docScroll >= menuOffset) {
$('.nav').addClass('sticky');
$('.nav-spacer').show();
$('#content').css({paddingTop:menuOffset});
} else {
$('.nav').removeClass('sticky');
$('.nav-spacer').hide();
$('#content').css({paddingTop:0});
}
});
$('.btt').click(function(e){
e.preventDefault();
$('body,html').animate({
scrollTop: 0
}, 800);
});
// Instagram
// localStorage.setItem('instagram_access_token', '4134759.56bc1b0.6dea7e715ea04cfe9daad27704d29592');
// var API = Instajam.init({
// clientId: '56bc1b0f53d1407caf97ecc8d2df0f4d',
// redirectUri: 'https://www.mackenziehoran.com/oauth'
// });
// API.user.self.media(function(feed) {
// $('.ig-link').attr('href', feed.data[0].link);
// $('.ig-image').attr('src', feed.data[0].images.standard_resolution.url).css('opacity','1');
// // $('#ig-text').html(feed.data[0].caption.text);
// });
// #designdarlingtravels.
API.tag.media('designdarlingtravels', {'count': 4}, function(feed) {
html = '';
$.each(feed.data, function(i,v){
html += '';
});
$('.travel-instagram-pics').append(html);
});
/*
// Pinterest
$.ajax({
url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://pinterest.com/masfashions/feed.rss'),
dataType: 'json',
success: function(data) {
html = $.parseHTML(data.responseData.feed.entries[0].content);
imgSrc = $(html).find('img').attr('src').replace('192x', '600x'); // TODO: This may be buggy. Basically we are getting the larger image to display.
$('#p-link').css("background-image", "url("+imgSrc+")");
}
});
*/
// or with jQuery
var $container = $('.travel-blocks');
// initialize Masonry after all images have loaded
$container.imagesLoaded( function() {
$container.masonry({
columnWidth: 440,
gutter: 20
});
});
$('.top-background').hover(function(){
$('#stb').toggleClass('hovered');
});
$('.footer-middle').hover(function(){
$('.footer-bottom').toggleClass('hovered');
});
$('.about-image').hover(function(){
$('.about-name').toggleClass('hovered');
});
});