$(document).ready(function(){
/* fade in content */
	$('#page').fadeIn(3000);
	$('#content').load('homePageImage');
	
/* var set up for number in each section - Portfolio, commissions, videos */
	var nFashion = $("ul#fashionThumbs li").size()* 20 + 20;
	var nPortrait = $("ul#portThumbs li").size()* 20 + 20; 
	var nStill = $("ul#stilThumbs li").size()* 20 + 20; 
	
	var nCommissions = $("ul#commissionThumbs li").size()* 20 + 20; 
	var nFilm = $("ul#film_thumb li").size()* 20 + 20; 
	
/* Commmissions menu */
	$('#commissionThumbs').css('bottom', nCommissions+70 +'px');

	$('a.menuButton').click(function(){
		
		$('#infoArea').fadeOut(1000);

		$('#content').empty();
		$('.menu').fadeOut(500)
		$(this).next().fadeIn(500);
});

/* make current class */
	$('a').click(function(){
		$('a').removeClass('current');
		$(this).addClass('current');
		$('#infoArea').fadeIn(1000).empty();
});

/* Film links */
	$('.videoLink').click(function(){
			
		$videoURL = $(this).attr('href');
		$('#content').load($videoURL);
		

		return false;
	});
	
/* load background image to content area */
	$(".thumb").click(function(){
		
		$('#content').css('display', 'none').empty();
		
		var imageURL = $(this).attr('rel');
		
		$(this).append(' <div id="loading">loading...</div>');
	
		$('#content').css('background', 'no-repeat url(' + imageURL + ')').fadeIn(1500, removeLoading);
		
		function removeLoading(){$('#loading').remove();};
		
	/* function for displaying imageInfo */
		var imageInfo = $(this).attr('alt');
		
		if(imageInfo == ''){return false};
		
		$('#infoArea').html(imageInfo).fadeIn(1000);
		
		return false;
});



	
/* contact */
	$('#contactBut').click(function(){
		
		$('#infoArea').load('http://onesmallarmy.com/Contact').fadeIn(1000);
	});

/* portfolio	*/

	$('#fashionBut').click(function(){
		fashionMenu(0);
		portMenu(1);
		stilMenu(1);
	});
	$('#portBut').click(function(){
		portMenu(0);
		fashionMenu(1);
		stilMenu(1);
	});
	$('#stilBut').click(function(){
		stilMenu(0);
		portMenu(1);
		fashionMenu(1);
	});
	
	
	function fashionMenu(num){
	
	if(num == 0){
		$('#fashionThumbs').fadeIn(500);
		$('#fashionThumbs').animate({opacity:1,height:nFashion + 'px',},1000);
		$('#portMenu').animate({bottom:nFashion+120 + 'px'}, 1000);	
		}
	else{
		$('#fashionThumbs').animate({height:'0px'}, 500).fadeOut(500);
		}
	};
	
	
	function portMenu(num){
	
	if(num == 0){
		$('#portThumbs').fadeIn(500);
		$('#portThumbs').animate({opacity:1,height:nPortrait + 'px',},1000);
		$('#portMenu').animate({bottom:nPortrait+120 +'px'}, 1000);	
		}
	else{
		$('#portThumbs').animate({height:'0px'}, 500).fadeOut(500);
		}
	};
	
	function stilMenu(num){
	
	if(num == 0){
		$('#stilThumbs').fadeIn(500);
		$('#stilThumbs').animate({opacity:1,height:nStill + 'px',},1000);
		$('#portMenu').animate({bottom:nStill+120 + 'px'}, 1000);	
		}
	else{
		$('#stilThumbs').animate({height:'0px'}, 500).fadeOut(500);
		}
	};
});