$('document').ready( function() {
    var navbtn = $('a.navbtn');
    navbtn.mousedown( function(e) {
	if($(this).hasClass('active')) return;
	$(this).stop().animate({'background-color': '#00aed9', 'color':'#FFF'}, 500, 'easeOutCirc');
    }).mouseup( function(e) {
	if($(this).hasClass('active')) return;
	$(this).css({'background-color': '#FFF', 'color':'#bcc5c1'}, 500, 'easeOutCirc');
    }).mouseleave( function(e) {
	if($(this).hasClass('active')) return;
	$(this).css({'background-color': '#FFF', 'color':'#bcc5c1'}, 500, 'easeOutCirc');
    }).mouseover( function(e) {
	if($(this).hasClass('active')) return;
	$(this).css({'background-color': '#bcc5c1', 'color':'#FFF'}, 500, 'easeOutCirc');
    });

    var homebtn = $('a.homebtn');
    homebtn.mousedown( function(e) {
	if($(this).hasClass('activehome')) return;
	$(this).css({'background-position': '0 -100px'});
    }).mouseup( function(e) {
	if($(this).hasClass('activehome')) return;
	$(this).css({'background-position': '0 0'});
    }).mouseleave( function(e) {
	if($(this).hasClass('activehome')) return;
	$(this).css({'background-position': '0 0'});
    }).mouseover( function(e) {
	if($(this).hasClass('activehome')) return;
	$(this).css({'background-position': '0 -50px'});
    });

    var icon = $('figure.footericon');
    var iconparent = icon.parent('a');
    iconparent.mousedown( function(e) {
	$('figure.footericon', this).css({'background-position': '0 -93px'});
    }).mouseup( function(e) {
	$('figure.footericon', this).css({'background-position': '0 -7px'});
    }).mouseleave( function(e) {
	$('figure.footericon', this).css({'background-position': '0 -7px'});
    }).mouseover( function(e) {
	$('figure.footericon', this).css({'background-position': '0 -50px'});
    });
    
    var footernav = $('#footer-nav a');
    var footernavlink = footernav.find('a');
    footernavlink.mousedown( function(e) {
	if($(this).hasClass('active')) return;
	$(this).css({'background-position': '-1px -83px', 'color':'#a7b2b1'});
	
	var li = $(this).parent('li');
	li.css({'text-shadow' : '#000 0 1px 2px' });
	li.find('.ftrright').css({'background-position': '-180px -83px'});
    }).mouseup( function(e) {
	if($(this).hasClass('active')) return;
	$(this).css({'background-position': '100px 100px', 'color':'#343735'});
	
	var li = $(this).parent('li');
	
	li.css({'text-shadow' : '#FFF 0 1px' });
	li.find('.ftrright').css({'background-position': '100px 100px'});
    }).mouseleave( function(e) {
	if($(this).hasClass('active')) return;
	$(this).css({'background-position': '100px 100px', 'color':'#343735'});
	
	var li = $(this).parent('li');
	li.css({'text-shadow' : '#FFF 0 1px' });
	li.find('.ftrright').css({'background-position': '100px 100px'});
    }).mouseover( function(e) {
	if($(this).hasClass('active')) return;
	$(this).css({'background-position': '-1px -42px', 'color':'#a7b2b1'});

	var li = $(this).parent('li');
	li.css({'text-shadow' : '#000  0 1px 2px' });
	li.find('.ftrright').css({'background-position': '-180px -42px'});
    });
    
    
    $('iframe').css({'opacity':'0'});
    $('iframe').load( function() {
	$(this).stop().animate({'opacity':'1'});
    });
    
    $('img').css({'opacity':'0'});
    $('img').load( function() {
	$(this).stop().animate({'opacity':'1'});
    });
    
    var sharenav = $('#socialsubmenu');
    var sharebtn = $('#socialbtn');
    var r = -500;
    var nv = 20;
    var show = false;
    sharenav.css({'left':r});
    sharebtn.click( function() {
		sharenav.stop().animate({'left':nv}, 300, 'easeInOutCubic', function() {
		    if(nv == 20) {
			nv = -500;
			show = true;
		    } else {
			nv = 20;
			show = false;
		    }
		});
    });
    
    $('.socialsharebtn').popupWindow({ 
	centerScreen 	: 1,
	width		: 640,
	height		: 400,
	toolbar		: 0,
	status		: 0,
    });
    
});
   

$(window).load(function () {
    var h = $('.hide')
    h.delay(200).fadeIn(500);
    
    $('a.transitionbtn').click( function(e) {
	e.preventDefault();
	var btn = $(this);
	
	var cur_href = window.location.href;
	var new_href = btn.attr('href');
	
	if(cur_href != new_href) {
	    $('a.homebtn').css({'background-position': '0 0'});
	    if(cur_href.indexOf('work') == -1 && new_href.indexOf('work') == -1) {
		
		$('a.navbtn').stop().animate({'background-color': '#FFF', 'color':'#bcc5c1'}, 500, 'easeOutCirc', function() {
		    h.fadeOut(500, function() {
			window.location.href = new_href;
		    });
		});
	    
	    } else {
		
		h.fadeOut(500, function() {
		    window.location.href = new_href;
		});

	    }
	}
    });
    
    
});