// JavaScript Document
if (document.getElementById('box')){
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	var isdrag=false;
	var x,y;
	var dobj;
	drag_object='slider';
	click_object='line';
	
	sw=180;
	tw=0;
	for (var i=0; i < document.getElementById('gallery').childNodes.length; i++) {
		if (document.getElementById('gallery').childNodes[i].nodeType == 1) {
			tw=tw + sw;
		}
	}
	document.getElementById('gallery').style.width = tw + 'px';
	
	correct=(document.getElementById('line').offsetWidth - document.getElementById(drag_object).offsetWidth)/(document.getElementById('gallery').offsetWidth - document.getElementById('box').offsetWidth);
	
	document.onmousedown=selectmouse;
	document.onmouseup=new Function("isdrag=false");
}

function move(e){
  if (isdrag){
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
	if (dobj.offsetLeft<0) {
		dobj.style.left=0;
	}
	if ((dobj.offsetLeft + dobj.offsetWidth) > document.getElementById('line').offsetWidth) {
		dobj.style.left=document.getElementById('line').offsetWidth - dobj.offsetWidth;
	}
	document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
    return false;
  }
}

function selectmouse(e){
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";
  while (fobj.tagName != topelement && fobj.id!=drag_object && fobj.id!=click_object){
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.id==drag_object){
    isdrag = true;
    dobj = document.getElementById(drag_object);
    tx = parseInt(dobj.style.left+0);
    x = nn6 ? e.clientX : event.clientX;
    document.onmousemove=move;
    return false;
  }
  if (fobj.id==click_object){
    cobj = document.getElementById(click_object);
	dobj = document.getElementById(drag_object);
    x = nn6 ? e.clientX : event.clientX;
	dobj.style.left = x - cobj.offsetLeft - dobj.offsetWidth/2;
	if (dobj.offsetLeft<0) {
		dobj.style.left=0;
	}
	if ((dobj.offsetLeft + dobj.offsetWidth) > cobj.offsetWidth) {
		dobj.style.left=cobj.offsetWidth - dobj.offsetWidth;
	}
	document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
    return false;
  }
}

function moveleft(){
	dobj = document.getElementById(drag_object);
	dobj.style.left = dobj.offsetLeft - 10;
	if (dobj.offsetLeft<0) {
		dobj.style.left=0;
		document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
		return false;
	}
	if (down==0) {
		document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
		return false;
	}
	document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
	setTimeout('moveleft()', 20);
}

function moveright(){
	dobj = document.getElementById(drag_object);
	dobj.style.left = dobj.offsetLeft + 10;
	if ((dobj.offsetLeft + dobj.offsetWidth) > document.getElementById('line').offsetWidth) {
		dobj.style.left=document.getElementById('line').offsetWidth - dobj.offsetWidth;
		document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
		return false;
	}
	if (down==0) {
		document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
		return false;
	}
	document.getElementById('gallery').style.left=-dobj.offsetLeft/correct;
	setTimeout('moveright()', 20);
}