/* ================================================================= */
/* Portfolio */
/* ================================================================= */

function plusPressed()
{

	if (document.getElementById) 
	{
		var layerPlus = document.getElementById('product_button_plus');
		var layerMinus = document.getElementById('product_button_minus');
		var layerImage = document.getElementById('content_product_image');
	}

	if(layerImage)
	{
		layerPlus.className ="inactive";
		layerMinus.className ="active";
		layerImage.style.display ="none";
	}
}

function minusPressed()
{

	if (document.getElementById) 
	{
		var layerPlus = document.getElementById('product_button_plus');
		var layerMinus = document.getElementById('product_button_minus');
		var layerImage = document.getElementById('content_product_image');
	}

	if(layerImage)
	{
		layerPlus.className ="active";
		layerMinus.className ="inactive";
		layerImage.style.display="block";
	}
}
//the same as 'minus pressed', but also picture changes
function changePortfolioPicture(path, id)
{

	if (document.getElementById) 
	{
		var layerPlus = document.getElementById('product_button_plus');
		var layerMinus = document.getElementById('product_button_minus');
		var layerImage = document.getElementById('content_product_image');
		
		var picture = document.getElementById('content_product_picture');
	}

	if(layerImage)
	{
		layerPlus.className ="active";
		layerMinus.className ="inactive";
		layerImage.style.display="block";
		picture.src = path;
	}
	
	if (id)
	{
		var CurrentActive = document.getElementById('content_product_image_block_' + ActivePicture);
		var NextActive = document.getElementById('content_product_image_block_' + id);
		ActivePicture = id;
		CurrentActive.className = '';
		NextActive.className = 'blueBorder';
	}
}