$(document).ready(function() {
	setPortfolioInfo();
    miniCarouselNav();
	setAboutOli();

	//alert($('div.thumbnails ul').width());
	var middleImage = $('div#middle-content ul li:nth-child(4)');
	var offset = middleImage.offset();
	$('a.prev').css('left', (offset.left - 14) + 'px');
	$('a.next').css('left', (offset.left - 16) + 'px');
	$('a.prev, a.next').click(function(){
		$(this).hide();
		$(this).animate({
			left: '+=0'
		}, 1000, function(){
			$(this).show();
			$(this).addClass('active');
		});
	});
	$('a.prev, a.next').mouseout(function(){
		$(this).removeClass('active');
	});
	$('div.thumbnails ul li a').live('click', function(){
		var selectedImg = $(this);
		$('div.image').fadeOut(200, function(){
			$('div.image').empty();
			$('div.image').append('<img src="common/images/' + selectedImg.attr('title') + '.jpg"/>');
			$('div.image').fadeIn(1000, 'easeOutExpo');
		});
	});
});


function setPortfolioInfo(){
	$('div.portfolio-details').css('display', 'none');
	$infoLink = $('ul li.show-info').find('a');	
	$infoLink.removeAttr('href');
		
	$infoLink.click(function(){
		$infoLink.text('hide info');
		$infoLink.attr('class', 'open')
		$('div.portfolio-details').fadeIn('slow');
		portfolioClose();
	});
}

function portfolioClose(){
	$infoLink.unbind("click");
	
	$infoLink.click(function(){

		$infoLink.text('show info');
		$infoLink.attr('class', '')
		$('div.portfolio-details').fadeOut('slow');
		portfolioOpen();
	});		
}

function portfolioOpen(){
	$infoLink.unbind("click");
	
	$infoLink.click(function(){
		$infoLink.text('hide info');
		$infoLink.attr('class', 'open')
		$('div.portfolio-details').fadeIn('slow');
		portfolioClose();
	});		
}

function miniCarouselNav(){
	$miniCarouselLinks = $('#mini-carousel ul.mini-carousel li').find('a');
	$miniCarouselLinks.each(function(index, element){$(element).attr("id", "mini-carousel" + index);});
	$miniCarouselLinks.each(function(index, element){$(element).attr("class", "" + index);});

	$miniCarouselLinks.click(function(){
		/*$myid = this.id.substring(13);
		$miniCarouselLinks.attr('class', '');
		$('#mini-carousel' + $myid).attr('class', 'active');*/
	

	});	
	
	$miniCarouselLinks.mouseover(function(){
		/*$myid = this.id.substring(13);
		$miniCarouselLinks.attr('class', '');
		$('#mini-carousel' + $myid).attr('class', 'active');*/

	});	
}

function setAboutOli(){
	$('li.aboutoli a').click(function(){
		//alert('boo');
		$content = $('div.about-box-content-container').html();
		$('div.about-box-content-container').remove();
		$('body').append('<div id=\'overlay\'></div><div id=\'about-box\'>' + $content + '</div>');
		$('#overlay').css('opacity', '0.75');
		$('#about-box-content').css('opacity', '0');
	
		$('div.about-box-content').fadeIn('slow');
		$('div.about-box-content ul.close li a').click(function(){
			//alert('Closing!');
			$saveContent = $('#about-box').html();
			$('body').append('<div class=\'about-box-content-container\'>' + $saveContent + '</div>');	
			//$('#about-box').fadeOut('slow');
			$('#about-box').fadeOut('slow', function() {$('#about-box').remove();});
			$('#overlay').remove();
			//$('#about-box').remove();
			$('div.about-box-content-container div.about-box-content').css('display', 'none');
		});
		
	});
}