var sliderID = '';
var sliderSpeed = 10;
var moveSliderInterval = 0;

function updateSliderButton() {
	if(document.getElementById(sliderID).scrollLeft<=0) {
		document.getElementById('slider-btn-'+sliderID+'-left').className = 'slider_btn_left_disabled';
	} else {
		document.getElementById('slider-btn-'+sliderID+'-left').className = 'slider_btn_left';
	}
	maxScroll = document.getElementById('images-'+sliderID).offsetWidth - document.getElementById(sliderID).offsetWidth;
	if(document.getElementById(sliderID).scrollLeft>=maxScroll) {
		document.getElementById('slider-btn-'+sliderID+'-right').className = 'slider_btn_right_disabled';
	} else {
		document.getElementById('slider-btn-'+sliderID+'-right').className = 'slider_btn_right';
	}	
}
function moveSlider(slid, direction) {
	sliderID = slid;
	stopSlider();
	if(direction=='left') callMover = 'moveSliderLeft()';
	else if(direction=='right') callMover = 'moveSliderRight()';
	document.getElementById('slider-btn-'+sliderID+'-'+direction).className = 'slider_btn_'+direction+'_click';
	moveSliderInterval = setInterval(callMover, 1);
}
function stopSlider() {
	clearInterval(moveSliderInterval);
	updateSliderButton();
}
function moveSliderLeft() {
	if(document.getElementById(sliderID).scrollLeft<=0) stopSlider();
	else {
		document.getElementById(sliderID).scrollLeft -= sliderSpeed;
	}
}
function moveSliderRight() {
	if(document.getElementById(sliderID).scrollLeft>=document.getElementById('images-'+sliderID).offsetWidth) stopSlider();
	else {
		document.getElementById(sliderID).scrollLeft += sliderSpeed;
	}
}
function imageFocus(slid, imgCont, image_id, moreFunction) {
	sliderID = slid;
	if(navigator.appName=='--Microsoft Internet Explorer') {
		imgCont.className = "image-focus-ie";
	} else {
		imgMargin = document.getElementById('image-margin-'+sliderID+image_id);
		imgMargin.className = "image-margin-enabled";
		curleft = 0;
		if(navigator.appName=='Microsoft Internet Explorer') {
			imgCont.className = "image-focus-ie";
			curleft = imgMargin.offsetLeft;
			if(imgMargin.offsetLeft>0) curleft -= 5;
		} else {
			imgCont.className = "image-focus";
			if(imgMargin.offsetParent) {
				while(1) {
				  curleft += imgMargin.offsetLeft;
				  if(!imgMargin.offsetParent) break;
				  imgMargin = imgMargin.offsetParent;
				}
			} else if(imgMargin.x) curleft += imgMargin.x;
			curleft -= document.getElementById(sliderID).scrollLeft;
			curleft -= 56;
		}
		imgCont.style.left = curleft;
		if(moreFunction!==undefined) eval(moreFunction+"('"+slid+"','"+image_id+"');");
	}
}
function imageFocus2(slid, imgCont, image_id, moreFunction) {
	sliderID = slid;
	if(navigator.appName=='--Microsoft Internet Explorer') {
		imgCont.className = "image-focus-ie-pe";
	} else {
		imgMargin = document.getElementById('image-margin-'+sliderID+image_id);
		imgMargin.className = "image-margin-enabled";
		curleft = 0;
		if(navigator.appName=='Microsoft Internet Explorer') {
			imgCont.className = "image-focus-ie-pe";
			curleft = imgMargin.offsetLeft;
			if(imgMargin.offsetLeft>0) curleft -= 5;
		} else {
			imgCont.className = "image-focus-pe";
			if(imgMargin.offsetParent) {
				while(1) {
				  curleft += imgMargin.offsetLeft;
				  if(!imgMargin.offsetParent) break;
				  imgMargin = imgMargin.offsetParent;
				}
			} else if(imgMargin.x) curleft += imgMargin.x;
			curleft -= document.getElementById(sliderID).scrollLeft;
			curleft -= 56;
		}
		imgCont.style.left = curleft;
		if(moreFunction!==undefined) eval(moreFunction+"('"+slid+"','"+image_id+"');");
	}
}

function imageBlur(slid, imgCont, image_id) {
	sliderID = slid;
	imgMargin = document.getElementById('image-margin-'+sliderID+image_id);
	imgCont.className = "image";
	imgMargin.className = "image-margin-disabled";
	imgInfo = document.getElementById('image-info-'+slid+image_id);
	imgInfo.className = "image-info-hide";
}
function adjustFocusPosition(imgInfo) {
	if(imgInfo.offsetParent) {
		var the_scroll = document.getElementById(sliderID).scrollLeft;
		var spaceLimit = document.getElementById(sliderID).offsetWidth;
		var image = imgInfo.offsetParent;
		if(navigator.appName=='Microsoft Internet Explorer') {
			var the_position = image.offsetLeft;
			var the_width = image.offsetWidth;
			var spaceUsed = the_position+the_width - the_scroll;
			//alert('scroll: '+the_scroll+', position:'+the_position);
			if(spaceUsed>spaceLimit) {
				document.getElementById(sliderID).scrollLeft += spaceUsed-spaceLimit;
			} else if(the_scroll>the_position) {
				document.getElementById(sliderID).scrollLeft -= the_scroll-the_position;
			}
			updateSliderButton();
		} else {
			var dontmovefirstnlast = false;
			var the_extend = ((image.offsetWidth-90)/2);
			var image_get = document.getElementById(sliderID);
			var curleft = 0;
			if(image_get.offsetParent) {
				while(1) {
				  curleft += image_get.offsetLeft;
				  if(!image_get.offsetParent) break;
				  image_get = image_get.offsetParent;
				}
			} else if(image_get.x) curleft += image_get.x;
			curleft -= 56;
			var the_position = image.offsetLeft - curleft;
			var the_width = 90 + the_extend;
			var spaceUsed = the_position + the_width;
			//alert('the_position:'+the_position+', the_width:'+the_width+', spaceUsed:'+spaceUsed+', the_scroll:'+the_scroll);
			if(spaceUsed>spaceLimit) {
				var maxScroll = document.getElementById('images-'+sliderID).offsetWidth - document.getElementById(sliderID).offsetWidth;
				var space = spaceUsed - spaceLimit;
				new_scroll = document.getElementById(sliderID).scrollLeft + space;
				if(new_scroll>maxScroll && dontmovefirstnlast) {
					new_scroll = maxScroll;
					space -= the_extend;
				}
				document.getElementById(sliderID).scrollLeft = new_scroll;
				image.style.left = image.offsetLeft - space;					
			} else if((the_position-the_extend)<0) {
				var space = Math.abs(the_position-the_extend);
				new_scroll = document.getElementById(sliderID).scrollLeft - space;
				if(new_scroll<0 && dontmovefirstnlast) {
					new_scroll = 0;
					space -= the_extend;
				}
				document.getElementById(sliderID).scrollLeft = new_scroll;
				image.style.left = image.offsetLeft + space;
			}
			updateSliderButton();
		}
	}
}