$(document).ready(function(){
//GALLERY JS
	
	//
	var currImg = 0;	
	var totalImg = $('#thumbs img').length;
	var imgArr = [];
	var relArr = [];
	var altArr = [];
	//var caption = "";
	var img = "";
	
	
	checkArr();
	
	//THUMB CAROUSEL
	$("#thumbs").carousel({
		dispItems: 5,
		btnsPosition: 'outside'
	});
	
	$('#thumbs li').each(function(){
		imgArr.push($(this).html());
	});
	
	$('#thumbs li img').each(function(){
		relArr.push($(this).attr('rel'));
	});
	
	$('#thumbs li img').each(function(){
		altArr.push($(this).attr('alt'));
	});
	
	//THUMBNAIL COMPONENT
	$('#thumbs li').click(function(){
		currImg = $(this).index();
		
		//img = $(this).child().attr('id');
		//alert(img);
		//lgImg = $(this).attr('rel');
		//caption = $(this).attr('alt');																					
		
		//$('#thumbs img').removeClass('active');
		//$(this).addClass('active');		
		
		//$('#lgImage img').fadeOut('fast');
		//$('.caption p').fadeOut('fast', function(){changeImg();});
		checkArr();
		changeImg();		
	});
	
	//CHANGE IMAGE
	function changeImg()
	{	
		$('#lgImage img').fadeOut('fast', function(){
			var newHtml =$('#lgImage').html("<img src='" + relArr[currImg] + "' />");
			newHtml.fadeIn('slow');
		});
		
		changeCaption();
		
		//alert(img);
	}
	function changeCaption()
	{
		caption = altArr[currImg];
		$('.caption p').text(caption).fadeIn();
		addActive();
	}
	
	//ACTIVE STATE
	function addActive()
	{
		$('#thumbs img').each(function(){$(this).removeClass('active');});
		
		$('#thumbs img').eq(currImg).addClass('active');
		
		//$('#thumbs li').find('img').index(currImg).addClass('active');
	}
	
	//ARROW FUNCTIONS
		//NEXT ARROW
		$('.rightArr').click(function(){
				currImg ++;
				checkArr();
				
				//$('#lgImage img').fadeOut('fast', function({changeImg();});
				//$('.caption p').fadeOut('fast', function(){changeImg();});				
				
				//alert(currImg);
				changeImg();
				addActive();
				return false;
		});
		
			//PREV ARROW
		$('.leftArr').click(function(){
				currImg --;
				checkArr();
				
				//$('#lgImage img').fadeOut('fast');
				//$('.caption p').fadeOut('fast', function(){changeImg();});
				
				changeImg();
				addActive();
				return false;
		});
	
	//DISPLAY ARROWS
	function checkArr(){
	if(currImg == 0)
	{
		$('.leftArr').hide();
	}
	else {
		$('.leftArr').show();
	}
	if(currImg == totalImg - 1)
	{
		$('.rightArr').hide();
	}
	else {
		$('.rightArr').show();
	}
	}
//END GALLERY JS
});