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


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');
			setCarouselPause();
		});
		
	});
}*/