/**
 * @author <anthony@intrica.net>
 */

function scroll_hz( pixels )
{

	var left_pos = parseInt( $('portfolio-projects_scroll').getStyle('left') );
	
	var div_len = parseInt( $('portfolio-projects_scroll').getStyle('width') ) - 512;
	
	if ( pixels < 0 ) 
	{
		  		
		//
		// right clicked
		//
		
		if (left_pos > -div_len ) {
		
			new Effect.Move('portfolio-projects_scroll', {
				x: pixels,
				y: +0,
				duration: 0.5,
				fps: 25
			});
		
		}
		else
		{
			
			//$('portfolio-projects_scroll').setStyle({'left':-div_len});
				
		}
		
	}
	else 
	{
				
		if ( left_pos <= -128 ) {
		
			//
			// left clicked
			//
			
			new Effect.Move('portfolio-projects_scroll', {
				x: pixels,
				y: +0,
				duration: 0.5,
				fps: 25
			});
		}
		else
		{

			$('portfolio-projects_scroll').setStyle( { 'left':0 } );

		}
					
	}	

	return false;
	
}

function scroll_vz( pixels )
{
	
	var top_pos = parseInt( $('portfolio-thumbs_scroll').getStyle('top') );

	var div_len = -245 + parseInt( $('portfolio-thumbs_scroll').getStyle('height') );
						
	if ( pixels < 0 ) 
	{
		  						
		//
		// down button (move scroll area up)
		//

		if ( top_pos > -div_len ) {
				
			new Effect.Move('portfolio-thumbs_scroll', {
				x: +0,
				y: pixels,
				duration: 0.5,
				fps: 25
			});
		
		} 
		else if ( top_pos < div_len )
		{
			//alert( top_pos );
			//alert( div_len );
			//$('portfolio-thumbs').setStyle( {'top':div_len} );	

		}
		
	}
	else 
	{
				
		if ( top_pos <= -96 ) {
		
			//
			// up button (move scroll area down)
			//			
			new Effect.Move('portfolio-thumbs_scroll', {
				x: +0,
				y: pixels,
				duration: 0.5,
				fps: 25
			});
			
		}
		else
		{
			$('portfolio-thumbs').setStyle( { 'top':0 } );
			
		}
					
	}	
	
	return false; 
	
}

function move_hz( to )
{
	
	$('portfolio-projects_scroll').setStyle( { 'left': to } );	
	
}

function move_vz( to )
{

	$('portfolio-projects_scroll').setStyle( { 'top': to } );	
	
}

function window_loaded()
{

	$('portfolio-preview_image').hide();
	$('portfolio-thumbs').setStyle( { 'overflow' : 'hidden', 'text-align' : 'center' } );	
	$('portfolio-projects').setStyle( { 'overflow' : 'hidden' } );
	$('portfolio-preview_image').display = 'block';
	$('portfolio-preview_image').appear();
	$('portfolio-preview_image').display = 'block';
	$('portfolio-preview_image').appear();
			
	//
	// create the horizontal buttons for scrolling the projects left/right
	//
	
	hz_buttons = document.createElement('div');
	hz_buttons.setAttribute('id', 'portfolio-button-left');
	hz_buttons.innerHTML = '<a href="#" onclick="return scroll_hz(129);"><img src="/assets/global/prev.gif" alt="Scroll left" /></a>';
	$('portfolio-left-arrow').appendChild( hz_buttons );

	hz_buttons = document.createElement('div');
	hz_buttons.setAttribute('id', 'portfolio-button-right');
	hz_buttons.innerHTML = '<a href="#" onclick="return scroll_hz(-129);"><img src="/assets/global/next.gif" alt="Scroll Right" /></a>';
	$('portfolio-right-arrow').appendChild( hz_buttons );

	//
	// add the vertical buttons
	//

	vr_buttons = document.createElement('div');
	vr_buttons.setAttribute('id', 'portfolio-button-down');
	vr_buttons.innerHTML = '<a href="#" onclick="return scroll_vz(-97);"><img src="/assets/global/down.gif" alt="Scroll Down" style="border: 0; padding-bottom: 4px;" /></a>';
	$('portfolio-down-arrow').appendChild( vr_buttons );

	vr_buttons = document.createElement('div');
	vr_buttons.setAttribute('id', 'portfolio-button-up');
	vr_buttons.innerHTML = '<a href="#" onclick="return scroll_vz(97);"><img src="/assets/global/up.gif" alt="Scroll Up" style="border: 0;" /></a>';
	$('portfolio-up-arrow').appendChild( vr_buttons );
		
}

window.onload = function()
{	
	//window_loaded();		
}