$(function() {
	var STAY_FOR = 500;
	var nav_timeout = null;
  var wp_beginning;
	$('#facebook').mouseover(function() {
    getWpBeginning($(this).attr('src'));
		$(this).attr('src',wp_beginning + 'images/fb-icon-hover.png');
	}).mouseout(function() {
		$(this).attr('src', wp_beginning + 'images/fb-icon.png');
	});
	$('#twitter').mouseover(function() {
    getWpBeginning($(this).attr('src'));
		$(this).attr('src',wp_beginning + 'images/twitter-icon-hover.png');
	}).mouseout(function() {
		$(this).attr('src',wp_beginning + 'images/twitter-icon.png');
	});
	$('#rss').mouseover(function() {
    getWpBeginning($(this).attr('src'));
		$(this).attr('src',wp_beginning + 'images/rss-icon-hover.png');
	}).mouseout(function() {
		$(this).attr('src',wp_beginning + 'images/rss-icon.png');
	});
  
  function getWpBeginning(str) {
    if( ! wp_beginning ) {
      wp_beginning = str.substr(0, str.indexOf('images'));
    }
  }
	
	function setDropdown(link, nonhover, hover, drop) {
		$(link).mouseover(function() {
		  clearTimeout(nav_timeout);
      getWpBeginning($(this).attr('src'));
			$(this).attr('src',wp_beginning + hover);
			var pos = $(this).position();
			$(drop).css('top', pos.top + $(this).height())
				     .css('left', pos.left)
			       .show();
		}).mouseout(function() {
			nav_timeout = setTimeout(function() {
						$(link).attr('src',wp_beginning + nonhover);
						$(drop).hide();
					}, STAY_FOR);
		});
		$(drop).mouseover(function() {
			clearTimeout(nav_timeout);
		}).mouseout(function() {
			nav_timeout = setTimeout(function() {
						$(link).attr('src',wp_beginning + nonhover);
						$(drop).hide();
					}, STAY_FOR);
		});
	}

	function setMouseover(link, nonhover, hover) {
		$(link).mouseover(function() {
		  clearDropdowns();
      getWpBeginning($(this).attr('src'));
			$(this).attr('src',wp_beginning + hover);
		}).mouseout(function() {
			$(this).attr('src',wp_beginning + nonhover);
		});
	}

  function clearDropdowns() {
    getWpBeginning($('#shop-link').attr('src'));
    $('#shop-link').attr('src',wp_beginning + 'images/nav-shop.png');
		$('#shop-drop').hide();
		getWpBeginning($('#info-link').attr('src'));
    $('#info-link').attr('src',wp_beginning + 'images/nav-info.png');
		$('#info-drop').hide();
  }
	
	setDropdown('#shop-link','images/nav-shop.png','images/nav-shop-hover.png','#shop-drop');
	setDropdown('#info-link','images/nav-info.png','images/nav-info-hover.png','#info-drop');
	setMouseover('#blog-link','images/nav-blog.png','images/nav-blog-hover.png');
	setMouseover('#lookbook-link','images/nav-lookbook.png','images/nav-lookbook-hover.png');
	setMouseover('#stocklists-link','images/nav-stocklists.png','images/nav-stocklists-hover.png');
	setMouseover('#contact-link','images/nav-contact.png','images/nav-contact-hover.png');
	
	$('#shop-drop img, #info-drop img').mouseover(function() {
	  $(this).attr('src', $(this).attr('src').replace('link', 'hover') );
	}).mouseout(function() {
    $(this).attr('src', $(this).attr('src').replace('hover', 'link') );
  });
});