$(document).ready(function(){
	$('#page').css('display','none');
	$ca = '0';
	$cb = '0';
	$widthMenu = '18';
	 
	
	
/* fade in content */
	$('#page').fadeIn(3000);
	$('#content').load('homePageImage');
	$('#blogBut').parent().append('<span class="dot">.</span>');
	

/* shortcut buttons */
	shortcut.add("right",function() {
	 	$('.currentThumb').removeClass().parent().next().children('a').addClass('currentThumb').trigger('click');
	 	
	});
	shortcut.add("left",function() {
		$('.currentThumb').removeClass().parent().prev().children('a').addClass('currentThumb').trigger('click');
	 	
	});
	
/* fade menus */
	$(".menuButton").click(function(){
	
		if($ca == '1'){
			$('#infoArea').slideUp(1000);
			$ca = '0';
		};
		
		$('.currentMenu').fadeOut(1000).removeClass('currentMenu');
		$(this).next().fadeIn(1000).addClass('currentMenu').children('li:first-child').children('a').trigger('click');
			
		
		$liNo = $('.currentMenu li').size();
		
		if ($liNo <= $widthMenu){
			$add = ($widthMenu - $liNo) * 25;

			$('.currentMenu').css('padding-left', $add);
			$('#contentWrapper').animate({ margin: '20px auto'}, 200);				
			$(this).next().animate({ height: '60px'}, 200);
	
		};
		
		
		if ($liNo >= $widthMenu){
			$('#contentWrapper').animate({ margin: '65px auto'}, 300);	
			$(this).next().animate({ height: '100px'}, 300);	
			
/*
			$('.prevBut').remove();
			$('.nextBut').remove();
			$('.currentMenu li:nth-child(18)').append('<a style="margin:7px;" href="#nextA" class="nextBut"><img src="public/themes/sam/images/next.png" style="position:absolute;margin:7px;width:15px;height:15px;" /></a>').attr('id','prevA');
			$('.currentMenu li:nth-child(19)').append('<a style="margin:7px;" href="#prevA" class="prevBut"><img src="public/themes/sam/images/prev.png" style="width:15px;height:15px;" /></a>').attr('id','nextA');
*/
		};
		return false;
	});


/* load background image to content area */
	$(".thumb").click(function(){

		$('.currentThumb').removeClass();
		$(this).addClass('currentThumb');
		
		$('#content').fadeOut(500).css('display', 'none').empty();
		
		$imageURL = $(this).attr('rel');
		
		$('#page').append('<div id="loading">loading...</div>');
		
			$('#content').css('background', 'no-repeat url(' + $imageURL + ') center').fadeIn(1500, removeLoading);
		
		function removeLoading(){$('#loading').remove();};
		
	/* function for displaying imageInfo */
		var imageInfo = $(this).attr('alt');
		
		$('#imgText').empty();
		
		if(imageInfo == ''){
		}else{
			$('#imgText').html(imageInfo);
		};
		return false;
});

	
	
/* contact */
	$('#contactBut').click(function(){
		if($cb == '1'){
			$('#infoArea').slideUp(1000);
			$cb = '0';
			return false;
		};
		
		$('#infoArea').load('info').slideDown(1000);
		
		$ca = '1';
		$cb = '1';
		return false;
		
	});
});