$(document).ready(function() {
	resizewin();
	
	$('.btn-html, .btn-flash').hover(function() {
		$(this).children('span.hover').fadeIn(800);
		$(this).children('span.link').fadeOut(800);
	},function() {
		$(this).children('span.link').fadeIn(800);
		$(this).children('span.hover').fadeOut(800);
	});
	
	if ($('.works').length == 0 && $('.intro').length == 0 && $('.home').length == 0) {
		$('#main-text').vAlign();
	}
	
	if ($('.works').length > 0) {
		$('span.label').vAlign();
		
		$('.sub-nav').find('li:first').children('a').addClass('current');
		$('#scroll').find('li:first').addClass('current').find('.shadow').fadeOut();
		$('#scroll').find('span.label').css('opacity',0);
		$('#scroll').find('span.shadow').animate({opacity: 0.5}, 500);
		
		$('.sub-nav').find('a').click(function() {
			$(this).parents('.sub-nav').find('.current').removeClass('current');
			$(this).addClass('current');
			var id = $(this).attr('href');
			var pos = $('#scroll').find(id).position().left;
			$('#scroll').stop().animate({left: '-'+pos}, 1000, 'easeOutQuart', function() {
				$('#scroll').find('.current').removeClass('current');
				$(id).addClass('current');
				$('#scroll').find('.shadow').fadeIn();
				$('#scroll').find('.current').find('.shadow').fadeOut();
			});
			return false;
		});
		
		$('#scroll').find('a').hover(function() {
			if($(this).parent('li').hasClass('current')) { }else{
				$(this).children('span.shadow').animate({opacity: 0}, 500);
			} 	
			$(this).children('span.label').animate({opacity: 1}, 500);
		},function() {
			if($(this).parent('li').hasClass('current')) { }else{
				$(this).children('span.shadow').animate({opacity: 0.5}, 500);
			} 
			$(this).children('span.label').animate({opacity: 0}, 500);
		});

		$('#scroll').find('a').click(function() {
			$('#img-holder').empty().addClass('loading');
			if ($(this).attr('id') != 'video'){
				$('#img-holder').append($(this).next('.ca').children('.info'));
				$('#img-holder').append('<img src="'+$(this).next('.ca').children('.img').text()+'" alt="" />');
				$('#img-holder img').load(function() {
					$('#img-holder').children('img').fadeIn();
				});
			}else{
				$('#img-holder').append($(this).next('.ca').children('.video-code').html());
			}

			return false;
		});
		
		$('#img-holder').hover(function() {
			$(this).children('.info').fadeIn();
		},function() {
			$(this).children('.info').fadeOut();
		});
	}
	
});

$(window).resize(function() {
	resizewin();
});

function resizewin() {
	var h = $(window).height();
	var nh = (h - 300) / 2;
	$('#header').css('height', nh+'px');
	$('#bottom').css('height', nh+'px');
}

(function ($) {
	// VERTICALLY ALIGN FUNCTION
	$.fn.vAlign = function() {
		return this.each(function(i){
		var ah = $(this).height();
		var ph = $(this).parent().height();
		var mh = (ph - ah) / 2;
		$(this).css('margin-top', mh);
		});
	};

})(jQuery);