$(document).ready(function() {


	// equal column heights
	function equalHeight(group) {
	    var tallest = 0;
	    group.each(function() {
	        var thisHeight = $(this).height();
	        if(thisHeight > tallest) {
	            tallest = thisHeight;
	        }
	    });
	    group.height(tallest);
	}	
	
	equalHeight($(".column"));
	
	// Quote height
	var quoteHeight = $('.quote').height();
	$('.column').css({'padding-bottom':quoteHeight});
	
	// Drop down navigation
	$('#nav').superfish({speed:'fast'}); 
	
	// drop down redirect
	$('#skin_concern').change(function() {
	  window.location = $(this).val();
	});
	
	// External links
	$("a[rel*='external']").addClass("external").click(function() { window.open($(this).attr('href')); return false; });
	
	// movie hover  
    $('.interview span').hover(function() {
	  $(this).addClass('hover');
	}, function() {
	  $(this).removeClass('hover');
	});	

	
	//gallery
	galnav($('.gallery-nav'));
	$('.gallery-image p').remove();
	$('.gallery-content ol').width(parseFloat($('.gallery-content ol li').length)*350);
	var _i = 0;
	$('.gallery-content ol li').each(function(){
		$(this).attr('id',parseFloat(_i*350)).attr('rel','-');
		_i++;
	})

	$('li.gal-nav a').click(function(){
		var _target = $(this).text();
		$('.gallery-content ol').animate({
			marginLeft : '-' + parseFloat(350*(_target-1))
		}, 'slow', function(){
			$('.gallery-content ol li:nth-child('+_target+')').attr('rel','-');
		});
		$('.gallery-image ol').animate({
			marginLeft : '-' + parseFloat(300*(_target-1))
		}, 'slow');
		
		$('li.gal-nav').removeClass('current');
		$(this).parent().addClass('current');
		return false;
	})
	
	$('.gallery-image ol li .gallery-switch a').each(function(){
		$(this).click(function(){
			$(this).parent().parent().find('img.before-img').fadeOut(8000, function(){
				$(this).removeClass('before-img').addClass('after-img');
			});
			$(this).parent().parent().find('img.after-img').fadeIn(8000, function(){
				$(this).removeClass('after-img').addClass('before-img').css('display','block');				
				if($(this).parent().find('.gallery-switch a').attr('rel')=='slide-after'){
					$(this).parent().find('.gallery-switch a').text('click on the arrow to view before results');
					$(this).parent().find('.gallery-status').text('After').css('float','right').css('text-align','right');
					$(this).parent().find('.gallery-switch a').attr('rel','slide-before').css('float','left').parent().addClass('gallery-switch-before');
				}else{
					$(this).parent().find('.gallery-switch a').text('click on the arrow to view after results');
					$(this).parent().find('.gallery-status').text('Before').css('float','left').css('text-align','left');
					$(this).parent().find('.gallery-switch a').attr('rel','slide-after').css('float','right').parent().removeClass('gallery-switch-before');
				}	
			});
			return false;
		})
	})

	$('.gallery-sub-nav li.next a').click(function(){
		if(!$(this).parent().last().hasClass('last')){
			if($('#content .gallery .gallery-nav li.current').next().hasClass('more')){
				$('#content .gallery .gallery-nav li.current').next().find('a').trigger('click');
				$('#content .gallery .gallery-nav li.current').next().next().next().find('a').trigger('click');
			}else{
				$('#content .gallery .gallery-nav li.current').next().find('a').trigger('click');
			}
		}
		return false;
	})

	$('.gallery-sub-nav li.prev a').click(function(){
		if(!$(this).parent().first().hasClass('current')){
			if($('#content .gallery .gallery-nav li.current').prev().hasClass('less')){
				$('#content .gallery .gallery-nav li.current').prev().find('a').trigger('click');
				$('#content .gallery .gallery-nav li.current').prev().prev().prev().find('a').trigger('click');
			}else{
				$('#content .gallery .gallery-nav li.current').prev().find('a').trigger('click');
			}
		}
		return false;
	})

	// If IE7 and under
	if ($.browser.msie && $.browser.version <= 7 ) {
		$('.products a').css('background','url('+$('.products img').attr('src')+') no-repeat left top');
	}

	
});


function galnav(selector){
	var _child = selector.find('li').length;
	var _childWidth = selector.find('li').width();
	
	selector.find('li').addClass('gal-nav');

	if (_child > 8 && _child <= 16){
		$('#content .gallery .gallery-nav').width(parseFloat(_childWidth*(_child+4)));
		selector.find('li:nth-child(8) a').addClass('last');
		selector.find('li:last-child a').addClass('last');
		$("<li class='more'><a href='#'>more</a></li>").insertAfter(selector.find('li:nth-child(8)'));
		$("<li class='more less'><a href='#'>less</a></li>").insertBefore(selector.find('li:nth-child(10)'));

		$('li.more a'). each(function(){
			$(this).click(function(){
				selector.animate({
					marginLeft : '-'+parseFloat((_childWidth*9)+20)+'px'
				}, 'slow');
				return false;
			})		
		})
	
		$('li.less a').each(function(){
			$(this).click(function(){
				selector.animate({
					marginLeft : 0
				}, 'slow');
				return false;
			})
		})

	}else if (_child > 16 ){
		$('#content .gallery .gallery-nav').width(parseFloat(_childWidth*(_child+7)));
		selector.find('li:nth-child(8) a').addClass('last');
		selector.find('li:nth-child(14) a').addClass('last');
		selector.find('li:nth-child(18) a').addClass('last');		
		$("<li class='more'><a href='#' rel='1'>more</a></li>").insertAfter(selector.find('li:nth-child(8)'));
		$("<li class='more'><a href='#' rel='2'>more</a></li>").insertAfter(selector.find('li:nth-child(15)')).width(55);
		$("<li class='more less'><a href='#' rel='0'>less</a></li>").insertBefore(selector.find('li:nth-child(10)'));
		$("<li class='more less'><a href='#' rel='1'>less</a></li>").insertBefore(selector.find('li:nth-child(18)'));
		$('li.more a').each(function(){
			$(this).click(function(){
				_rel = $(this).attr('rel');
				selector.animate({
					marginLeft : '-'+parseFloat((_childWidth*(9*_rel))+20)+'px'
				}, 'slow');
				return false;
			})		
		})
	
		$('li.less a').each(function(){
			$(this).click(function(){
				_rel = $(this).attr('rel');
				if(_rel==0){
					_anim = '0px';
				}else{
					_anim = '-'+parseFloat(((9*_childWidth)*_rel)+20)+'px'
				}
				selector.animate({
					marginLeft : _anim
				}, 'slow');
				return false;
			})
		})
	}
}