var ns4 = (document.layers) ? true:false 
	var ie4 = (document.all) ? true:false 
	var ng5 = (document.getElementById && !document.all) ? true:false 
	var nn6 = document.getElementById && !document.all;
	var isdrag=false;
	var dobj;

	if(ng5) {
	  //alert("The Browser is ng5");
		document.captureEvents(Event.MOUSEMOVE); 
	 }
	 
function selectmouse(e) 
{
 //alert("select");
 var fobj= ng5 ? e.target : event.srcElement;
  var topelement = ng5 ? "HTML" : "BODY";
  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = ng5 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    var defx = 200;
    var defy = 60;
    //alert("tx=" + tx + " ty=" + ty);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    //alert("X=" + (parseInt(x)-defx) +" Y=" + (parseInt(y)-defy));
    document.onmousemove=mm;
    //alert("Prevx =" + prevx + " Prevy=" + prevy);
   	if(ng5) {
		document.addEventListener("mouseup",change_disp,false);
	}
	else if(ie4) {
		document.attachEvent("onmouseup",change_disp);
	}
	return false;
  }
}

function mm(e)
{
	if(isdrag)
	{
		//document.getElementById("DivLayer").style.cursor = "move" ;
		dobj.style.left = ng5 ? tx + e.clientX - x : tx + event.clientX - x;
		dobj.style.top  = ng5 ? ty + e.clientY - y : ty + event.clientY - y;
		return false;
	}
}

function change_disp()
{
	//alert("ok");
}
document.onmousedown=selectmouse;document.onmouseup=new Function("isdrag=false"); 
//Initialising the layer variables


var s,s1,s2;
function lightup(obj,opacity)
{
	if (navigator.appName.indexOf("Netscape")!=-1 && parseInt(navigator.appVersion)>=5) 
	{
		opacity= (opacity == 100) ? 99.999 : opacity; //avoids flicker in Mozilla
		obj.style.MozOpacity= opacity/100;
	}
	else if (navigator.appName.indexOf("Microsoft")!= -1  && parseInt(navigator.appVersion)>=4)
		obj.filters.alpha.opacity= opacity;
	else alert("Your browser does not support Alpha-blending.");
}
function init()
{
//Slider Number 0
	s = new Slider(document.getElementById("slider-0"),document.getElementById("slider-input-0"),"horizontal");
	s.setMinimum(0);
	s.setMaximum(100);
	s.setValue(0);
	s.setBlockIncrement(-1);
	document.f.op.value=s.getValue();
	document.f.op.disabled=true;
	document.f.on.checked=false;
	s.onchange = function()
	{document.f.op.value=s.getValue();if(document.f.on.checked==true){lightup(document.img,s.getValue())}};
//Slider Number 1
	s1 = new Slider(document.getElementById("slider-1" ),document.getElementById("slider-input-1"),"horizontal");
	s1.setMinimum(0);
	s1.setMaximum(100);
	s1.setValue(0);
	s1.setBlockIncrement(-1);
	document.f1.op.value=s1.getValue();
	document.f1.op.disabled=true;
	document.f1.on.checked=false;
	s1.onchange = function()
	{document.f1.op.value=s1.getValue();if(document.f1.on.checked==true){lightup(document.img1,s1.getValue())}};
//Slider Number 2
	s2 = new Slider(document.getElementById("slider-2" ),document.getElementById("slider-input-2"),"horizontal");
	s2.setMinimum(0);
	s2.setMaximum(100);
	s2.setValue(100);
	s2.setBlockIncrement(-1);
	document.f2.op.value=s2.getValue();
	document.f2.op.disabled=false;
	document.f2.on.checked=true;
	s2.onchange = function(){document.f2.op.value=s2.getValue();if(document.f2.on.checked==true){lightup(document.img2,s2.getValue())}};
}
function cklayer()
{
	if(document.f.on.checked!=true)
	{
		document.f.op.disabled=true;
		document.f.op.value=0;
		s.setValue(0);
	}	
	else
	{
		if(s.getValue()==0)
			document.f.op.value=100;
		else 
			document.f.op.value=s.getValue();
		document.f.op.disabled=false;
		s.setValue(document.f.op.value);
	}
	lightup(document.img,s.getValue())
}
function cklayer1()
{
	if(document.f1.on.checked!=true)
	{
		document.f1.op.disabled=true;
		document.f1.op.value=0;
		s1.setValue(0);
	}	
	else
	{
		if(s1.getValue()==0)
			document.f1.op.value=100;
		else 
			document.f1.op.value=s1.getValue();
		document.f1.op.disabled=false;
		s1.setValue(document.f1.op.value);
	}
	lightup(document.img1,s1.getValue())
}
function cklayer2()
{
	if(document.f2.on.checked!=true)
	{
		document.f2.op.disabled=true;
		document.f2.op.value=0;
		s2.setValue(0);
	}	
	else
	{
		if(s2.getValue()==0)
			document.f2.op.value=100;
		else 
			document.f2.op.value=s2.getValue();
		document.f2.op.disabled=false;
		s2.setValue(document.f2.op.value);
	}
	lightup(document.img2,s2.getValue())
}