var scrollTick = 5;
var scrollTimerSpeed = 2;
var scrollHeight = 610;
var scrollVTick = 1;
var scrollVSpeed = 40;
var scrollTimer = setTimeout("");
var scrollVTimer = setTimeout("");
var cancel = false;

function scrollUp() {
	if ( document.getElementById ) {
		clearScroll();
		scrollTimer = setTimeout("doScrollUp()", scrollTimerSpeed);
	}
}

function scrollDown() {
	if ( document.getElementById ) {
		clearScroll();
		scrollTimer = setTimeout("doScrollDown()", scrollTimerSpeed);
	}
}

function doScrollUp() {
	var scrollClip=document.getElementById("scrollClip");
	if ( parseInt(scrollClip.style.top) < 0 ) {
		scrollClip.style.top = Math.min (parseInt(scrollClip.style.top) + scrollTick, 0);
	}
	scrollTimer = setTimeout("doScrollUp()", scrollTimerSpeed);
}

function doScrollDown() {
	var scrollClip=document.getElementById("scrollClip");
	if ( parseInt(scrollClip.offsetHeight)+parseInt(scrollClip.style.top) > scrollHeight ) {
		scrollClip.style.top = parseInt(scrollClip.style.top) - scrollTick;
	}
	scrollTimer = setTimeout("doScrollDown()", scrollTimerSpeed);
}

function clearScroll() {
	clearTimeout(scrollTimer);
}

function startVScroll() {
/*	$('thumbs_scroller2').innerHTML = $('thumbs_scroller').innerHTML;*/
	var w = parseInt($('thumbs_scroller').offsetWidth)+'px';
	$('thumbs_scroller').style.width = w;
	$('thumbs_scroller2').style.width = w;
	$('thumbs_scroller2').style.left = w;
	doScrollVLeft();
/*	new Effect.Appear('timeline', { afterFinish: myStartVScroll });*/
}

function doScrollVLeft() {
	var scrollClip=document.getElementById("thumbs_scroller");
	var scrollClip2=document.getElementById("thumbs_scroller2");
	var left1 = parseInt(scrollClip.style.left) - scrollTick;
	var left2 = parseInt(scrollClip2.style.left) - scrollTick;
	var width = parseInt(scrollClip.style.width);
	if ( (left1*-1) > width) {
		scrollClip.style.left = width+'px';
	} else {
		scrollClip.style.left = parseInt(scrollClip.style.left) - scrollVTick+'px';
	}
	if ( (left2*-1) > width) {
		scrollClip2.style.left = width+'px';
	} else {
		scrollClip2.style.left = parseInt(scrollClip2.style.left) - scrollVTick+'px';
	}
	if ( !cancel ) {
		scrollTimer = setTimeout("doScrollVLeft()", scrollVSpeed);
	}
}

window.onload=function() {
	if ( document.getElementById && document.getElementById("scrollClip") ) {
		var scrollClip=document.getElementById("scrollClip");
		if ( parseInt(scrollClip.offsetHeight) > scrollHeight ) {
//			alert("they are going on!");
//			document.getElementById("arrows").style.visible = true;
			document.getElementById("arrows").style.visibility = "visible";
		}
	}
}


function showMore() {
	new Effect.BlindDown('work_long');
	new Effect.Fade('work_more');
	new Effect.Appear('work_less');
}

function showLess() {
	new Effect.BlindUp('work_long');
	new Effect.Fade('work_less');
	new Effect.Appear('work_more');
}

function _addEventListener(o, sEvent, fListener, bUseCapture) {
	if (o) {
		if (isMethodType(typeof o.addEventListener) && isMethodType(typeof fListener)) {
			o.addEventListener(sEvent, fListener, !!bUseCapture);
			result = true;
		} else if (isMethodType(typeof o.attachEvent) && isMethodType(typeof fListener)) {
			result = o.attachEvent("on" + sEvent, fListener);
		} else {
			o["on" + sEvent] = fListener;
			result = (o["on" + sEvent] == fListener);
		}
	}
}

function doLoadImg(path) {
/*	new Ajax.Updater("card_preview_large", "/store/card_preview_large/"+colorA+colorB, {asynchronous:true});*/	
	var img = document.images['work_img'];
	_addEventListener(img, 'load', doneLoadImg);
	img.src = path;
}

function doneLoadImg() {
	Element.hide('loading_img');	
	new Effect.Appear('work_piece');
}

function isMethodType(s) {
	return (s == "function" || s == "object");
}