/* */ 
var opened_item = '';
var reel_opened = 0;
var item_over = '';

/* Reel functions */

function closeReel()
{
		new Effect.Opacity('itemReel', { from: 1.0, to:0.7, duration: 0.5 });
		new Effect.Morph('itemReel', { style: 'Top: -900px', duration: 0.50});	
		
		reel_opened = 0;
}

function openReel(id)
{
	var id_delay = 0.5;
	if(reel_opened == 0)
	{	
		var id_delay = 1;
		new Effect.Opacity('itemReel', { from: 0.7, to:1.0, duration: 0.7 });
		new Effect.Morph('itemReel', { style: 'Top: 98px;', duration: 0.50, queue: 'reel'});	
		reel_opened = 1;

	}
	
	if(id != '')
	{
		var position = id*-940
		new Effect.Move('portfolioHolder', { x: position, duration: 1.0, delay: id_delay, mode: 'absolute', queue: 'reel'});
	}
	
}

function openItem(id)
{
	if(reel_opened = 0)
	{
		openReel(id);
	}
	var portfolioContent = 'portfolioItem'+id;	
	var pItem = '';
	var i = 1; 
	
		var item_content = 'itemContent'+id;
		
		
	open_item = id;	
}


function closeItem(id)
{
	var itemContent = 'itemContent'+id;
	var portfolioContent = 'portfolioItem'+id;

	$(portfolioContent).addClassName('closedItem');
	$(portfolioContent).removeClassName('openItem');
	// new Effect.Morph(portfolioContent, {style: 'closedItem', duration: 1.0, delay: 0.5, queue: { position: 'end', scope: 'menuxscope' }});
	// new Effect.Fade(portfolioContent, {From: 0.0, To: 1.0, duration: 0.5, queue: { position: 'end', scope: 'portfolioitems' }});

}

function hoverItem(id)
{
	if(item_over != '' && item_over != id)
	{
		new Effect.Move('description'+item_over, { y: 0, mode: 'absolute', delay: 0.15, duration: 0.2});
		new Effect.Morph('description'+item_over, { style: 'height: 35px;', delay: 0.15, duration: 0.2});	
	}
	
	new Effect.Morph('description'+id, { style: 'height: 80px;', duration: 0.20, queue: 'item'});	
	new Effect.Move('description'+id, { y: -45, mode: 'absolute', duration: 0.20, queue: 'item'});	
	item_over = id;
	// $(portfolioContent).removeClassName();
//	margin-top: -40px;	
}


/* portoflio item sider */ 
	function moveItemForward(items)
	{
		target_id = 'portfolioHolder';
		// check current position
		var handlepos = $(target_id).getStyle('left');
		handlepos = handlepos.substr(0,(handlepos.length-2));
		
		var next_position = handlepos - 940;
		var max_position = -((items-1)*940);
		
		if(max_position > next_position)
		{
		}
		else
		{
			new Effect.Move(target_id, { x: -940, duration: 0.2, mode: 'relative' });
		}
	}

	function moveItemBackward(items)
	{
		target_id = 'portfolioHolder';
		
		// check current position
		var handlepos = $(target_id).getStyle('left');
		handlepos = handlepos.substr(0,(handlepos.length-2));
		
		var next_position = handlepos + 940;
		
		if(next_position > 0)
		{
		}
		else
		{
			new Effect.Move(target_id, { x: 940, duration: 0.2, mode: 'relative' });
		}
		
	}



	

/* portfolio slideshow */

	
	function moveSlideForward(id, items)
	{
		target_id = 'slider'+id;
		// check current position
		var handlepos = $(target_id).getStyle('left');
		handlepos = handlepos.substr(0,(handlepos.length-2));
		
		
		var next_position = handlepos - 640;
		var max_position = -((items-1)*640);
		
	
		
		//alert('max: '+ max_position);
		//alert('volgende:'+ next_position);
		if(max_position > next_position)
		{
		}
		else
		{
			new Effect.Move(target_id, { x: -640, duration: 0.0, mode: 'relative' });
			var currSlide = (handlepos/-640)+2;	
			setCurrentSlide(id, currSlide,items);
		}
	}
	
	function moveSlideBackward(id, items)
	{
		target_id = 'slider'+id;
		
		// check current position
		var handlepos = $(target_id).getStyle('left');
		handlepos = handlepos.substr(0,(handlepos.length-2));
		
		var next_position = handlepos + 640;
		
		if(next_position > 0)
		{
		}
		else
		{
			new Effect.Move(target_id, { x: 640, duration: 0.0, mode: 'relative' });
			var currSlide = (handlepos/-640);		
			setCurrentSlide(id, currSlide,items);
		}
		
	}
	
	function setCurrentSlide(id, currentSlide,items)
	{
		id = 'sliderNav'+id;
	
		$(id).innerHTML = 'afbeelding: ' + Math.ceil(currentSlide) + '/' + items;
	}