$(document).ready(function(){

	/* Open rel=external in new window */
	$('a[rel="external"]').click( function() {
		window.open( $(this).attr('href') );
		return false;
	});

	/* Add pipes between masthead LIs */
	$('#masthead').children('ul').children('li:nth-child(1)').append('|');
	$('#masthead').children('ul').children('li:nth-child(2)').append('|');

	/* Pop open Login bubble */
	$('.login-trigger').hover(function(){
		$('.login-bubble').show();
	});
	
	$('.signup-link, .fb-likebutton').hover(function(){
		$('.login-bubble').hide();
	});
	
	$('.login-bubble').hover(function(){}, function(){
		$(this).hide();
	});
	
	/* Dropdown menu nav */
	// Girls button
	$('.for-girls').hover(function(){
		$('.for-guys-active').removeClass('for-guys-active');
		$('.brands-active').removeClass('brands-active');
		$('.subnav-guys, .subnav-brands').hide();
		$(this).addClass('for-girls-active');
		$('.subnav-girls').show();
	});
	// Close girls subnav
	$('.subnav-girls').hover(function(){}, function(){
		$('.for-girls-active').removeClass('for-girls-active');
		$(this).hide();
	});
	// Guys button
	$('.for-guys').hover(function(){ 
		$('.for-girls-active').removeClass('for-girls-active');
		$('.brands-active').removeClass('brands-active');
		$('.subnav-girls, .subnav-brands').hide();
		$(this).addClass('for-guys-active');
		$('.subnav-guys').show();
	});
	// Close guys subnav
	$('.subnav-guys').hover(function(){}, function(){
		$('.for-guys-active').removeClass('for-guys-active');
		$(this).hide();
	});
	// Guys button
	$('.brands').hover(function(){ 
		$('.for-girls-active').removeClass('for-girls-active');
		$('.for-guys-active').removeClass('for-guys-active');
		$('.subnav-girls, .subnav-guys').hide();
		$(this).addClass('brands-active');
		$('.subnav-brands').show();
	});
	// Close guys subnav
	$('.subnav-brands').hover(function(){}, function(){
		$('.brands-active').removeClass('brands-active');
		$(this).hide();
	});
	// Hide on masthead, logo, or searchfield hover
	$('#masthead, .rue-logo, .searchfield').mouseover(function(){
		$('.for-girls-active').removeClass('for-girls-active');
		$('.for-guys-active').removeClass('for-guys-active');
		$('.brands-active').removeClass('brands-active');
		$('.subnav').hide();
	});
	
	/* Homepage cycle */
    $("#slideshow").cycle({
    	fx: 'scrollHorz',
    	easing: 'easeInOutElastic',
    	next: '.right',
    	prev: '.left',
    	timeout: 5000
    });	
    
	$('.right, .left').click(function() { 
	    $('#slideshow').cycle('pause'); 
	});

	/* Opacity hovers for slideshow controls on homepage */
	$('.left, .right').hover(function(){ 
		$(this).animate({opacity: 0.8}, 100);
	}, function(){
		$(this).animate({opacity: 1}, 100);
	});

	/* Adding nth-child support in JS for IE on brands page... */
	$('.brandstile:nth-child(3n+1)').addClass('middle-tile');

	/* Classes for and last products in row for product listing */
	$('.item:nth-child(5n+1)').addClass('first');	
	$('.item:nth-child(5n)').addClass('last');	

	/* Shrink post width to image width on trends page */
	$('.post').each(function() { 
		var imagewidth = ($(this).children('img').width());
		$(this).css('width', imagewidth);
	});

	/* Preload callout images as to avoid the fancybox from collapsing */
	$.preloadImages = function(){for(var i = 0; i<arguments.length; i++){$("<img>").attr("src", arguments[i]);}}	
	$.preloadImages("/images/homepage-callouts/content/trends.jpg", "/images/homepage-callouts/content/deals.jpg");

	
	$('.fb-link').click(function(){
		$(this).addClass('active');
		$('.tw-link').removeClass('active');
		$('.fb-mini-container').show();
		$('.tw-mini-container').hide();
	});

	$('.tw-link').click(function(){
		$(this).addClass('active');
		$('.fb-link').removeClass('active');
		$('.fb-mini-container').hide();
		$('.tw-mini-container').show();
	});


});