/* to change slide direction change direction parameter 
and width of slide_content_container.
example: horizontal: slide('id_of_element','h','down'); CSS: #id_of_element { width:100000px; } */

var slide_content_dimensions=new Array();

function slide_init(slide_elements,margin)
{
	slide_content_dimensions[slide_elements]=new Object();
	slide_content_dimensions[slide_elements]['h']=0;
	slide_content_dimensions[slide_elements]['v']=0;
	var slide_images_length=0;
	for (var i=0; i < document.images.length; i++)
	{
		if (document.images[i].parentNode.parentNode.id==slide_elements)
		{
			slide_images_length++;
			slide_content_dimensions[slide_elements]['h']+=document.images[i].width;
			slide_content_dimensions[slide_elements]['v']+=document.images[i].height;
		}
	}
margin_offset=(slide_images_length-1)*margin;
slide_content_dimensions[slide_elements]['h']+=(slide_images_length-1)*margin;
slide_content_dimensions[slide_elements]['v']+=(slide_images_length-1)*margin;
//document.getElementById('output_box3').innerHTML=margin_offset;
}

var steps=1;
var speed=64;

var scroll_container_width=812;


//document.getElementById('scroll_container').style.left='0px';
/* mouse wheel initialization */
var mousedown=false;
var scrollitbaby=true;
//var scroll_container_width=1107;

function scrollit(normal)
{
	scrollitbaby=false;
	var current_value_left=document.getElementById('scrollcontent').style.left;
	current_value_left=parseInt(current_value_left);
	var new_value_left=current_value_left+normal*2;
	
	scroll_content_width=slide_content_dimensions['scrollcontent']['h'];
	
	/* 620px - 744px (scroll_container_width) */
	max_neg=-1*(scroll_content_width-scroll_container_width);
	if (new_value_left<0)
	{
  		if (new_value_left<max_neg) document.getElementById('scrollcontent').style.left=max_neg+'px';
  		else document.getElementById('scrollcontent').style.left=new_value_left+'px';
	}
	else 
  	{
		document.getElementById('scrollcontent').style.left='0px';
	}
	//alert(document.getElementById('scroll_container').style.left);
	//document.getElementById('output_box2').innerHTML=scroll_container_width;
}

function permanentscroll(normal)
{
	if (mousedown)
	{
		scrollit(normal);
		setTimeout('permanentscroll('+normal+')',50);
	}
}


function slide(slide_content,direction,move)
{
	if (scrollitbaby) {
	element_style=document.getElementById(slide_content).style;
	
	if (direction=='v') var slide_element_pos=element_style.top;
	if (direction=='h') var slide_element_pos=element_style.left;
	
	slide_element_pos=parseInt(slide_element_pos);
	
	scroll_content_width=slide_content_dimensions['scrollcontent']['h'];
	
	/* 620px - 744px (scroll_container_width) */
	max_neg=-1*(scroll_content_width-scroll_container_width);
	
	pos_max=max_neg;
	
	if (move=='down')
	{
		if (slide_element_pos > pos_max)
		{
			if (direction=='v') element_style.top=slide_element_pos-steps+'px';
			if (direction=='h') element_style.left=slide_element_pos-steps+'px';
			setTimeout('slide("'+slide_content+'","'+direction+'","down")',speed);
		}
		else setTimeout('slide("'+slide_content+'","'+direction+'","up")',speed);
	}
	
	if (move=='up')
	{
		if (slide_element_pos < 0)
		{
			if (direction=='v') element_style.top=slide_element_pos+steps+'px';
			if (direction=='h') element_style.left=slide_element_pos+steps+'px';
			setTimeout('slide("'+slide_content+'","'+direction+'","up")',speed);
		}
		else setTimeout('slide("'+slide_content+'","'+direction+'","down")',speed);
	}
	}
	//document.getElementById('output_box2').innerHTML=max_neg;
}