// simple image mouseover

function ListImageFadeInSimple(id) {
	Effect.Appear('ImageBlowup'+id, { transition: Effect.Transitions.sinoidal, duration: .7 } );
}
function ListImageFadeOutSimple(id) {
	Effect.Fade('ImageBlowup'+id,  { transition: Effect.Transitions.sinoidal, duration: .7 });
}
// image mouseover with timeout

var timeoutID

function ListImageFadeIn(id) {
	Effect.Appear('ImageBlowup'+id, { transition: Effect.Transitions.sinoidal, duration: .7 } );
	timeoutID = setTimeout('ListImageFadeOut('+id+',\'timeout\')',5000);
}
function ListImageFadeOut(id,reason) {
	// if fading from timeout kill the normal fadeout effect and don't reset the mouseover function
	// also set onmouseout of the small image to reset the fades
	if (reason == 'timeout') {
		$('LargeImage'+id).onmouseout = function () { };
		$('ListItemImage'+id).onmouseout = function () { ResetFade(id); };
	} else {
		clearTimeout(timeoutID);
		ResetFade(id);
	}
	Effect.Fade('ImageBlowup'+id,  { transition: Effect.Transitions.sinoidal, duration: .7 });
}
function ClearSmallImageFadeIn(id) {
	$('ListItemImage'+id).onmouseover = function () { };
}
function ResetFade(id) {
	$('ListItemImage'+id).onmouseover = function () { ListImageFadeIn(id); };
	$('LargeImage'+id).onmouseout = function () { ListImageFadeOut(id); };
}

// clear caption on product overview page

function ReplaceCaption(id) {
	$('Caption'+id).style.width = '370px';
	//Effect.Fade('Caption',  { transition: Effect.Transitions.linear, duration: .01 });
	Effect.Appear('Caption'+id,  { transition: Effect.Transitions.sinoidal, duration: .3 });
}
function RestoreCaption(id) {
	Effect.Fade('Caption'+id, { transition: Effect.Transitions.linear, duration: .5 } );
	//Effect.Appear('Caption', { transition: Effect.Transitions.sinoidal, duration: .5 } );
}