var divtop1 = 0;
var divtop2 = 0;

var divleft1 = 0
var divleft2 = 0;

var scroller1;
var scroller2;
var scroller3;
var scroller4;
var counter;

function scroll_down_1(){

	var containersize = $('scroller1_container').offsetHeight;

	if(divtop1 > ($('scroller1').offsetHeight - containersize) * -1){
		divtop1 = divtop1 - 10;
		$('scroller1').style.top = divtop1+'px';
	} else {
		clearInterval(scroller1);
	}

}

function scroll_left_3(){

	var containersize = $('scroller3_container').offsetWidth;

	if(divleft1 > ($('scroller3').offsetWidth - containersize) * -1){
		divleft1 = divleft1 - 10;
		$('scroller3').style.left = divleft1+'px';
	} else {
		clearInterval(scroller3);
	}

}

function scroll_right_3(){

	var containersize = $('scroller3_container').offsetWidth;

	if(divleft1 <= 0){
		divleft1 = divleft1 + 10;
		$('scroller3').style.left = divleft1+'px';
	} else {
		clearInterval(scroller3);
	}

}

function scroll_left_4(){

	var containersize = $('scroller4_container').offsetWidth;

	if(divleft2 > ($('scroller4').offsetWidth - containersize) * -1){
		divleft2 = divleft2 - 10;
		$('scroller4').style.left = divleft2+'px';
	} else {
		clearInterval(scroller4);
	}

}

function scroll_right_4(){

	var containersize = $('scroller4_container').offsetWidth;

	if(divleft2 <= 0){
		divleft2 = divleft2 + 10;
		$('scroller4').style.left = divleft2+'px';
	} else {
		clearInterval(scroller4);
	}

}

function swap_image(selected,total){

	for(i=0;i<total;i++){
		$('image_' + i).style.display = 'none';
	}
	
	$('image_' + selected).style.display = 'block';

}

function swap_video(video_url, video_caption){

	$('video_display').innerHTML = '<object width="248" height="200"><param name="movie" value="http://www.lasercuttingshapes.com/test.swf?v=' + video_url + '"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.lasercuttingshapes.com/test.swf?v=' + video_url + '" type="application/x-shockwave-flash" allowfullscreen="true" width="248" height="200"></embed></object><br>' + video_caption;

}