var deg = Math.PI/180;
 var ua = navigator.userAgent;
var isWebKit = false;
var isMSIE = false;
var isMSIE6 = false;
var isMSIE7 = false;
if  (ua.indexOf('WebKit')>-1) isWebKit = true;
if  (ua.indexOf('MSIE')>-1) isMSIE = true;
if  (ua.indexOf('MSIE 6')>-1) isMSIE6 = true;
if  (ua.indexOf('MSIE 7')>-1) isMSIE7 = true;

var iSlider_horizontal = new Array();
var iSlider_vertical = new Array();
var nsSlider_horizontal = new Array();
var nsSlider_vertical = new Array();
var slider_horizontal = new Array();
var slider_vertical = new Array();
var slider_switch = new Array();
var sliders = new Array();

if (window.addEventListener) {
	window.addEventListener("load", sliderStart, false);
} else if (window.attachEvent) {
	window.attachEvent("onload", sliderStart);
}

function sliderStart() {
	sliderSet();
}

function sliderSet() {
	var canvas = document.getElementsByTagName('canvas');
	for (i in canvas) {
		if (canvas[i].className=='iSlider_horizontal') { sliders.push(canvas[i]); iSlider_horizontal.push(canvas[i]); }
		else if (canvas[i].className=='iSlider_vertical') { sliders.push(canvas[i]); iSlider_vertical.push(canvas[i]); }
		else if (canvas[i].className=='nsSlider_horizontal') { sliders.push(canvas[i]); nsSlider_horizontal.push(canvas[i]); }
		else if (canvas[i].className=='nsSlider_vertical') { sliders.push(canvas[i]); nsSlider_vertical.push(canvas[i]); }
		else if (canvas[i].className=='slider_horizontal') { sliders.push(canvas[i]); slider_horizontal.push(canvas[i]); }
		else if (canvas[i].className=='slider_vertical') { sliders.push(canvas[i]); slider_vertical.push(canvas[i]); }
		else if (canvas[i].className=='slider_switch') { sliders.push(canvas[i]); slider_switch.push(canvas[i]); }
	}
	for (i in sliders) {
		var slider = sliders[i];
		getProperty(slider);
		var defaultvalue = slider.getAttribute('data-defaultvalue');
		slider.range= (defaultvalue==null || defaultvalue=='') ? 0.5 : defaultvalue;
		if (slider.className=='slider_switch') {
			slider.handle = Math.round(slider.range);
		} else {
			slider.handle = 0;
		}
		slider.setAttribute("unselectable", "on");
		if (isMSIE) {
			if (slider.className=='iSlider_horizontal') {
				slider.innerHTML = '<div class="iSlider_horizontal_body"></div><div class="iSlider_horizontal_left"></div><div class="iSlider_horizontal_right"></div><div class="iSlider_handle"></div>';
				slider.childNodes[0].style.width = (slider.w-20)+'px';
			} else if (slider.className=='iSlider_vertical') {
				slider.innerHTML = '<div class="iSlider_vertical_body"></div><div class="iSlider_vertical_bottom"></div><div class="iSlider_vertical_top"></div><div class="iSlider_handle"></div>';
				slider.childNodes[0].style.height = (slider.h-20)+'px';
			} else if (slider.className=='slider_switch') {
				slider.innerHTML = '<div class="slider_switch_handle"></div>';
			} else {
				slider.style.backgroundImage = 'url(sliderimage/'+slider.className+'_off.png)';
			}
		}
	} 
	if (isMSIE) {
		setInterval('drawSlidersIE()', 20);
		document.body.attachEvent("onmousemove", sliderFunc1);
		document.body.attachEvent("onmousedown", sliderFunc2);
		document.body.attachEvent("onmouseup", sliderFunc3);
	} else {
		sliderCreateGrdFirst();
		setInterval('drawSliders()', 20);
		document.body.addEventListener("mousemove", sliderFunc1, false);
		document.body.addEventListener("touchmove", sliderFunc1, false);
		document.body.addEventListener("mousedown", sliderFunc2, false);
		document.body.addEventListener("touchstart", sliderFunc2, false);
		document.body.addEventListener("mouseup", sliderFunc3, false);
		document.body.addEventListener("touchend", sliderFunc3, false);
	}
}

function sliderFunc1(e) {
	var m = getMouse(e);
	for (i in iSlider_horizontal) { var slider = iSlider_horizontal[i]; if (slider.handle==1) { slider.range = (m.x-slider.x-10)/(slider.w-20); } }
	for (i in iSlider_vertical) { var slider = iSlider_vertical[i]; if (slider.handle==1) { slider.range = (m.y-slider.y-10)/(slider.h-20); } }
	for (i in nsSlider_horizontal) { var slider = nsSlider_horizontal[i]; if (slider.handle==1) { slider.range = (m.x-slider.x-10)/(slider.w-20); } }
	for (i in nsSlider_vertical) { var slider = nsSlider_vertical[i]; if (slider.handle==1) { slider.range = (m.y-slider.y-10)/(slider.h-20); } }
	for (i in slider_horizontal) { var slider = slider_horizontal[i]; if (slider.handle==1) { slider.range = (m.x-slider.x-10)/(slider.w-20); } }
	for (i in slider_vertical) { var slider = slider_vertical[i]; if (slider.handle==1) { slider.range = (m.y-slider.y-10)/(slider.h-20); } }
	for (i in sliders) {
		var slider = sliders[i];
		if (slider.range<0) { slider.range=0; } else if (slider.range>1) { slider.range=1; }
	}
		// profile.php
		sliderFontSizeChange();
}

function sliderFunc2(e) {
	var m = getMouse(e);
	for (i in sliders) {
		var slider = sliders[i];
		if (slider.className=='slider_horizontal') {
			var hx = slider.range*(slider.w-20)+10+slider.x;
			var hy = slider.h/2 + slider.y;
			slider.handle = (Math.pow((hx-m.x),2)+Math.pow((hy-m.y),2)<25) ? 1 : 0;
		} else if (slider.className=='nsSlider_horizontal') {
			var hx = slider.range*(slider.w-20)+10+slider.x;
			var hy = slider.h/2 + slider.y;
			slider.handle = (Math.pow((hx-m.x),2)+Math.pow((hy-m.y),2)<25) ? 1 : 0;
		} else if (slider.className=='iSlider_horizontal') {
			var hx = slider.range*(slider.w-20)+10+slider.x;
			var hy = slider.h/2 + slider.y;
			slider.handle = (Math.pow((hx-m.x),2)+Math.pow((hy-m.y),2)<144) ? 1 : 0;
		} else if (slider.className=='slider_vertical') {
			var hx = slider.w/2 + slider.x;
			var hy = slider.range*(slider.h-20)+10+slider.y;
			slider.handle = (Math.pow((hx-m.x),2)+Math.pow((hy-m.y),2)<25) ? 1 : 0;
		} else if (slider.className=='nsSlider_vertical') {
			var hx = slider.w/2 + slider.x;
			var hy = slider.range*(slider.h-20)+10+slider.y;
			slider.handle = (Math.pow((hx-m.x),2)+Math.pow((hy-m.y),2)<25) ? 1 : 0;
		} else if (slider.className=='iSlider_vertical') {
			var hx = slider.w/2 + slider.x;
			var hy = slider.range*(slider.h-20)+10+slider.y;
			slider.handle = (Math.pow((hx-m.x),2)+Math.pow((hy-m.y),2)<144) ? 1 : 0;
		} else if (slider.className=='slider_switch') {
			if (m.x<slider.x) {} else if (m.x>slider.x+slider.w) {} else if (m.y<slider.y) {} else if (m.y>slider.y+slider.h) {} else { 
				slider.handle = slider.handle==1 ? 0 : 1;
			}
		}
	}
}

function sliderFunc3(e) {
	for (i in sliders) {
		if (sliders[i].className=='slider_switch') {} else {
			sliders[i].handle = 0;
		}
	}
}

function drawSliders() {
	if (isMSIE) {} else {
		sliderCreateGrdVerticalHandle();
		for (i in slider_horizontal) {
			var slider = slider_horizontal[i];
			var grdHandle = slider.handle==1 ? slider.grdHandleOn : slider.grdHandleOff;
			ctx = slider.getContext('2d');
			ctx.restore(); ctx.save();
			ctx.clearRect(0, 0, slider.w, slider.h);
			ctx.fillStyle=slider.grd
			ctx.beginPath(); ctx.arc(slider.w-2.5, 7.5, 2.5, 0, 360*deg,true); ctx.fill();
			ctx.beginPath(); ctx.arc(2.5, 7.5, 2.5, 0, 360*deg, true); ctx.fill();
			ctx.beginPath(); ctx.moveTo(2.5,5); ctx.lineTo(slider.w-2.5, 5); ctx.lineTo(slider.w-2.5, 10); ctx.lineTo(2.5, 10); ctx.lineTo(2.5, 5); ctx.fill();
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.15;
			ctx.beginPath(); ctx.arc(slider.range*(slider.w-20)+10, 8, 7, 0, 360*deg, true); ctx.fill();
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.2;
			ctx.beginPath(); ctx.arc(slider.range*(slider.w-20)+10, 7.5, 6, 0, 360*deg, true); ctx.fill();
			ctx.fillStyle=grdHandle;
			ctx.globalAlpha = 1;
			ctx.beginPath(); ctx.arc(slider.range*(slider.w-20)+10, 7.5, 5, 0, 360*deg, true); ctx.fill();
		}
		for (i in slider_vertical) {
			var slider = slider_vertical[i];
			var grdHandle = slider.handle==1 ? slider.grdHandleOn : slider.grdHandleOff;
			ctx = slider.getContext('2d');
			ctx.restore(); ctx.save();
			ctx.clearRect(0, 0, slider.w, slider.h);
			ctx.fillStyle=slider.grd
			ctx.beginPath(); ctx.arc(7.5, slider.h-2.5, 2.5, 0,360*deg,true); ctx.fill();
			ctx.beginPath(); ctx.arc(7.5, 2.5, 2.5, 0,360*deg, true); ctx.fill();
			ctx.beginPath(); ctx.moveTo(5, 2.5); ctx.lineTo(5, slider.h-2.5); ctx.lineTo(10, slider.h-2.5); ctx.lineTo(10, 2.5); ctx.lineTo(5, 2.5); ctx.fill();
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.15;
			ctx.beginPath(); ctx.arc(7.5, slider.range*(slider.h-20)+10+0.5, 7, 0, 360*deg, true); ctx.fill();
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.2;
			ctx.beginPath(); ctx.arc(7.5, slider.range*(slider.h-20)+10, 6, 0, 360*deg, true); ctx.fill();
			ctx.fillStyle=grdHandle;
			ctx.globalAlpha = 1;
			ctx.beginPath(); ctx.arc(7.5, slider.range*(slider.h-20)+10, 5, 0, 360*deg, true); ctx.fill();
		}
		for (i in iSlider_horizontal) {
			var slider = iSlider_horizontal[i];
			var grdHandle = slider.handle==1 ? slider.grdHandleOn : slider.grdHandleOff;
			ctx = slider.getContext('2d');
			ctx.restore(); ctx.save();
			ctx.clearRect(0, 0, slider.w, slider.h);
			ctx.fillStyle=slider.grd1;
			ctx.beginPath(); ctx.arc(6.5, 13.5, 4.5, 270*deg, 90*deg,true); ctx.fill();
			ctx.fillRect(6, 9, slider.range*(slider.w-20)+10-6, 9);
			ctx.fillStyle=slider.grd2;
			ctx.beginPath(); ctx.arc(slider.w-6.5, 13.5, 4.5, 90*deg, 270*deg,true); ctx.fill();
			ctx.fillRect(slider.range*(slider.w-20)+10, 9, (slider.w-6.5)-(slider.range*(slider.w-20)+10)+0.5, 9);
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.15;
			ctx.beginPath(); ctx.arc(slider.range*(slider.w-20)+10, 13.4, 10, 0, 360*deg,true); ctx.fill();
			ctx.globalAlpha = 0.2;
			ctx.beginPath(); ctx.arc(slider.range*(slider.w-20)+10, 13.2, 9.5, 0, 360*deg,true); ctx.fill();
			ctx.globalAlpha = 1;
			ctx.fillStyle='#fafafa';
			ctx.beginPath(); ctx.arc(slider.range*(slider.w-20)+10, 13, 8.5, 0, 360*deg,true); ctx.fill();
			ctx.fillStyle=grdHandle;
			ctx.beginPath(); ctx.arc(slider.range*(slider.w-20)+10, 13, 8, 0, 360*deg,true); ctx.fill();
		}
		for (i in iSlider_vertical) {
			var slider = iSlider_vertical[i];
			var grdHandle = slider.handle==1 ? slider.grdHandleOn : slider.grdHandleOff;
			ctx = slider.getContext('2d');
			ctx.restore(); ctx.save();
			ctx.clearRect(0, 0, slider.w, slider.h);
			ctx.fillStyle=slider.grd2;
			ctx.beginPath(); ctx.arc(13.5, 6.5, 4.5, 0*deg, 90*deg,true); ctx.fill();
			ctx.fillRect(9, 6, 9, slider.range*(slider.h-20)+10-6);
			ctx.fillStyle=slider.grd1;
			ctx.beginPath(); ctx.arc(13.5, slider.h-6.5, 4.5, 180*deg, 270*deg,true); ctx.fill();
			ctx.fillRect(9, slider.range*(slider.h-20)+10, 9, (slider.h-6.5)-(slider.range*(slider.h-20)+10)+0.5);
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.15;
			ctx.beginPath(); ctx.arc(13.4, slider.range*(slider.h-20)+10, 10, 0, 360*deg,true); ctx.fill();
			ctx.globalAlpha = 0.2;
			ctx.beginPath(); ctx.arc(13.2, slider.range*(slider.h-20)+10, 9.5, 0, 360*deg,true); ctx.fill();
			ctx.globalAlpha = 1;
			ctx.fillStyle='#fafafa';
			ctx.beginPath(); ctx.arc(13, slider.range*(slider.h-20)+10, 8.5, 0, 360*deg,true); ctx.fill();
			ctx.fillStyle=grdHandle;
			ctx.beginPath(); ctx.arc(13, slider.range*(slider.h-20)+10, 8, 0, 360*deg,true); ctx.fill();
		}
		for (i in nsSlider_horizontal) {
			var slider = nsSlider_horizontal[i];
			var grdHandle = slider.handle==1 ? slider.grdHandleOn : slider.grdHandleOff;
			ctx = slider.getContext('2d');
			ctx.restore(); ctx.save();
			ctx.clearRect(0, 0, slider.w, slider.h);
			ctx.fillStyle=slider.grd
			ctx.beginPath(); ctx.arc(slider.w-2.5, 7.5, 2.5, 0, 360*deg,true); ctx.fill();
			ctx.beginPath(); ctx.arc(2.5, 7.5, 2.5, 0, 360*deg, true); ctx.fill();
			ctx.beginPath(); ctx.moveTo(2.5,5); ctx.lineTo(slider.w-2.5, 5); ctx.lineTo(slider.w-2.5, 10); ctx.lineTo(2.5, 10); ctx.lineTo(2.5, 5); ctx.fill();
			ctx.strokeStyle = '#595959';
			var step = 200; while ((slider.w-20)/step < 10) step--;
				ctx.beginPath();
				for (var i=0; i*step+10<slider.w; i++) { ctx.moveTo(i*step+10, 13); ctx.lineTo(i*step+10, 16); }
				ctx.stroke();
			var startPoint = slider.range*(slider.w-20)+10;
			ctx.shadowBlur = 1;
			ctx.shadowColor = "#000000";
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.15;
			ctx.beginPath(); ctx.moveTo(startPoint-6, 2); ctx.lineTo(startPoint-5, 1); ctx.lineTo(startPoint+5, 1); ctx.lineTo(startPoint+6, 2);
				ctx.lineTo(startPoint+6, 10); ctx.lineTo(startPoint, 15); ctx.lineTo(startPoint-6, 10); ctx.fill();
			ctx.fillStyle=grdHandle
			ctx.globalAlpha = 1
			ctx.beginPath(); ctx.moveTo(startPoint-5, 3); ctx.lineTo(startPoint-5, 2); ctx.lineTo(startPoint+5, 2); ctx.lineTo(startPoint+5, 3);
				ctx.lineTo(startPoint+5, 9); ctx.lineTo(startPoint, 14); ctx.lineTo(startPoint-5, 9); ctx.fill();
		}
		for (i in nsSlider_vertical) {
			var slider = nsSlider_vertical[i];
			var grdHandle = slider.handle==1 ? slider.grdHandleOn : slider.grdHandleOff;
			ctx = slider.getContext('2d');
			ctx.restore(); ctx.save();
			ctx.clearRect(0, 0, slider.w, slider.h);
			ctx.fillStyle=slider.grd
			ctx.beginPath(); ctx.arc(7.5, slider.h-2.5, 2.5, 0,360*deg,true); ctx.fill();
			ctx.beginPath(); ctx.arc(7.5, 2.5, 2.5, 0,360*deg, true); ctx.fill();
			ctx.beginPath(); ctx.moveTo(5, 2.5); ctx.lineTo(5, slider.h-2.5); ctx.lineTo(10, slider.h-2.5); ctx.lineTo(10, 2.5); ctx.lineTo(5, 2.5); ctx.fill();
			ctx.strokeStyle = '#595959';
			var step = 200; while ((slider.h-20)/step < 10) step--;
				ctx.beginPath();
				for (var i=0; i*step+10<slider.h; i++) { ctx.moveTo(13, i*step+10); ctx.lineTo(16, i*step+10); }
				ctx.stroke();
			var startPoint = slider.range*(slider.h-20)+10;
			ctx.shadowBlur = 1;
			ctx.shadowColor = "#000000";
			ctx.fillStyle='#000000';
			ctx.globalAlpha = 0.15;
			ctx.beginPath(); ctx.moveTo(2, startPoint-6); ctx.lineTo(1, startPoint-5); ctx.lineTo(1, startPoint+5); ctx.lineTo(2, startPoint+6);
				ctx.lineTo(10, startPoint+6); ctx.lineTo(15, startPoint); ctx.lineTo(10, startPoint-6); ctx.fill();
			ctx.fillStyle=grdHandle
			ctx.globalAlpha = 1
			ctx.beginPath(); ctx.moveTo(3, startPoint-5); ctx.lineTo(2, startPoint-5); ctx.lineTo(2, startPoint+5); ctx.lineTo(3, startPoint+5);
				ctx.lineTo(9, startPoint+5); ctx.lineTo(14, startPoint); ctx.lineTo(9, startPoint-5); ctx.fill();
		}

		for (i in slider_switch) {
			var slider = slider_switch[i];
			ctx = slider.getContext('2d');
			ctx.restore(); ctx.save();
			ctx.clearRect(0, 0, slider.w, slider.h);
			if (slider.handle==slider.range) {} else {
				slider.range = (2*slider.handle+slider.range)/3;
				slider.range = Math.round(100*slider.range)/100;
			}
			var startPoint = (slider.w-39)*slider.range;
			slider.style.backgroundPosition = startPoint>40 ? 'left top' : 'left bottom';
			ctx.shadowBlur = 0.5;
			ctx.shadowColor = "#000000";
			ctx.fillStyle='#fafafa';
			ctx.strokeStyle='#aaaaaa';
			ctx.beginPath();
			ctx.moveTo(startPoint+2, 0+1);
			ctx.lineTo(startPoint+39-2, 0+1);
			ctx.lineTo(startPoint+39-1, 2);
			ctx.lineTo(startPoint+39-1, 25);
			ctx.lineTo(startPoint+39-2, 27-1);
			ctx.lineTo(startPoint+2, 27-1);
			ctx.lineTo(startPoint+1, 25);
			ctx.lineTo(startPoint+1, 2);
			ctx.fill();
			ctx.stroke();
			ctx.fillStyle=slider.grd
			ctx.beginPath();
			ctx.moveTo(startPoint+2, 0+1);
			ctx.lineTo(startPoint+39-2, 0+1);
			ctx.lineTo(startPoint+39-1, 2);
			ctx.lineTo(startPoint+39-1, 25);
			ctx.lineTo(startPoint+39-2, 27-1);
			ctx.lineTo(startPoint+2, 27-1);
			ctx.lineTo(startPoint+1, 25);
			ctx.lineTo(startPoint+1, 2);
			ctx.fill();
		}
	}
}

function drawSlidersIE() {
	if (isMSIE) {
		for (i in slider_horizontal) {
			var slider = slider_horizontal[i];
			var hx = slider.range*(slider.w-20)+10-500;
			slider.style.backgroundPosition = hx+'px bottom';
			slider.style.backgroundImage = slider.handle==1 ? 'url(sliderimage/'+slider.className+'_on.png)' : 'url(sliderimage/'+slider.className+'_off.png)'; 
		}
		for (i in slider_vertical) {
			var slider = slider_vertical[i];
			var hy = slider.range*(slider.h-20)+10-500;
			slider.style.backgroundPosition = 'right '+hy+'px';
			slider.style.backgroundImage = slider.handle==1 ? 'url(sliderimage/'+slider.className+'_on.png)' : 'url(sliderimage/'+slider.className+'_off.png)'; 
		}
		for (i in iSlider_horizontal) {
			var slider = iSlider_horizontal[i];
			var hx = slider.range*(slider.w-20)+10-500-10;
			slider.childNodes[0].style.backgroundPosition = hx+'px bottom';
			hx = slider.range*(slider.w-20)+10-13;
			slider.childNodes[3].style.left = hx+'px';
		}
		for (i in iSlider_vertical) {
			var slider = iSlider_vertical[i];
			var hy = slider.range*(slider.h-20)+10-500-10;
			slider.childNodes[0].style.backgroundPosition = 'left '+hy+'px';
			hy = slider.range*(slider.h-20)+10-13;
			slider.childNodes[3].style.top = hy+'px';
		}
		for (i in nsSlider_horizontal) {
			var slider = nsSlider_horizontal[i];
			var hx = slider.range*(slider.w-20)+10-500;
			slider.style.backgroundPosition = hx+'px bottom';
			slider.style.backgroundImage = slider.handle==1 ? 'url(sliderimage/'+slider.className+'_on.png)' : 'url(sliderimage/'+slider.className+'_off.png)'; 
		}
		for (i in nsSlider_vertical) {
			var slider = nsSlider_vertical[i];
			var hy = slider.range*(slider.h-20)+10-500;
			slider.style.backgroundPosition = 'right '+hy+'px';
			slider.style.backgroundImage = slider.handle==1 ? 'url(sliderimage/'+slider.className+'_on.png)' : 'url(sliderimage/'+slider.className+'_off.png)'; 
		}

		for (i in slider_switch) {
			var slider = slider_switch[i];
			if (slider.handle==slider.range) {} else {
				slider.range = (2*slider.handle+slider.range)/3;
				slider.range = Math.round(100*slider.range)/100;
			}
			var startPoint = Math.round((slider.w-39)*slider.range);
			slider.style.backgroundPosition = startPoint>40 ? 'left top' : 'left bottom';
			slider.childNodes[0].style.left = startPoint+'px';
		}
	}
}

function sliderCreateGrdFirst() {
	if (isMSIE) {} else {
		for (i in slider_horizontal) {
			var slider = slider_horizontal[i];
			ctx = slider.getContext('2d');
			slider.grd  = ctx.createLinearGradient(0, 4, 0, 10);
			slider.grd.addColorStop(0, '#4e4e4e');
			slider.grd.addColorStop(1,'#c4c4c4');
		}
		for (i in slider_vertical) {
			var slider = slider_vertical[i];
			ctx = slider.getContext('2d');
			slider.grd  = ctx.createLinearGradient(4, 0, 10, 0);
			slider.grd.addColorStop(0, '#4e4e4e');
			slider.grd.addColorStop(1,'#c4c4c4');
		}
		for (i in nsSlider_horizontal) {
			var slider = nsSlider_horizontal[i];
			ctx = slider.getContext('2d');
			slider.grd  = ctx.createLinearGradient(0, 4, 0, 10);
			slider.grd.addColorStop(0, '#4e4e4e');
			slider.grd.addColorStop(1,'#c4c4c4');
		}
		for (i in nsSlider_vertical) {
			var slider = nsSlider_vertical[i];
			ctx = slider.getContext('2d');
			slider.grd  = ctx.createLinearGradient(4, 0, 10, 0);
			slider.grd.addColorStop(0, '#4e4e4e');
			slider.grd.addColorStop(1,'#c4c4c4');
		}
		for (i in iSlider_horizontal) {
			var slider = iSlider_horizontal[i];
			ctx = slider.getContext('2d');
			slider.grd1  = ctx.createLinearGradient(0, 9, 0, 18);
			slider.grd1.addColorStop(0, '#24498c');
			slider.grd1.addColorStop(1,'#477dc6');
			slider.grd2  = ctx.createLinearGradient(0, 9, 0, 18);
			slider.grd2.addColorStop(0, '#959595');
			slider.grd2.addColorStop(1,'#eaeaea');
		}
		for (i in iSlider_vertical) {
			var slider = iSlider_vertical[i];
			ctx = slider.getContext('2d');
			slider.grd1  = ctx.createLinearGradient(9, 0, 18, 0);
			slider.grd1.addColorStop(0, '#24498c');
			slider.grd1.addColorStop(1,'#477dc6');
			slider.grd2  = ctx.createLinearGradient(9, 0, 18, 0);
			slider.grd2.addColorStop(0, '#959595');
			slider.grd2.addColorStop(1,'#eaeaea');
		}

		for (i in slider_switch) {
			var slider = slider_switch[i];
			ctx = slider.getContext('2d');
			slider.grd  = ctx.createLinearGradient(0, 2, 0, 25);
			slider.grd.addColorStop(0, '#d0d0d0');
			slider.grd.addColorStop(1,'#f7f7f7');
		}
	}
}

function sliderCreateGrdVerticalHandle() {
	if (isMSIE) {} else {
		for (i in slider_horizontal) {
			var slider = slider_horizontal[i];
			ctx = slider.getContext('2d');
			slider.grdHandleOff  = ctx.createLinearGradient(0, 2.5, 0, 12.5);
			slider.grdHandleOff.addColorStop(0, '#ffffff');
			slider.grdHandleOff.addColorStop(0.1,'#e7ebf0');
			slider.grdHandleOff.addColorStop(0.4,'#cbd3da');
			slider.grdHandleOff.addColorStop(0.5,'#a4b0bc');
			slider.grdHandleOff.addColorStop(0.9,'#e7ebf0');
			slider.grdHandleOff.addColorStop(1, '#ffffff');
			slider.grdHandleOn  = ctx.createLinearGradient(0, 2.5, 0, 12.5);
			slider.grdHandleOn.addColorStop(0, '#d0d4d8');
			slider.grdHandleOn.addColorStop(0.1,'#bac0c6');
			slider.grdHandleOn.addColorStop(0.4,'#a9b1b9');
			slider.grdHandleOn.addColorStop(0.5,'#7f8b95');
			slider.grdHandleOn.addColorStop(0.9,'#bac0c6');
			slider.grdHandleOn.addColorStop(1, '#d0d4d8');
		}
		for (i in nsSlider_horizontal) {
			var slider = nsSlider_horizontal[i];
			ctx = slider.getContext('2d');
			slider.grdHandleOff  = ctx.createLinearGradient(0, 2, 0, 14);
			slider.grdHandleOff.addColorStop(0, '#dbdfe4');
			slider.grdHandleOff.addColorStop(0.4,'#b3bec7');
			slider.grdHandleOff.addColorStop(0.5,'#a6b3bf');
			slider.grdHandleOff.addColorStop(0.6,'#a6b3bf');
			slider.grdHandleOff.addColorStop(0.95,'#e7ebf0');
			slider.grdHandleOff.addColorStop(1, '#d3dde7');
			slider.grdHandleOn  = ctx.createLinearGradient(0, 2, 0, 14);
			slider.grdHandleOn.addColorStop(0, '#c2c6cc');
			slider.grdHandleOn.addColorStop(0.4,'#9ca6ae');
			slider.grdHandleOn.addColorStop(0.5,'#909aa4');
			slider.grdHandleOn.addColorStop(0.6,'#909aa4');
			slider.grdHandleOn.addColorStop(0.95,'#b5c0c9');
			slider.grdHandleOn.addColorStop(1, '#9aa4b1');
		}
		for (i in iSlider_horizontal) {
			var slider = iSlider_horizontal[i];
			ctx = slider.getContext('2d');
			slider.grdHandleOff  = ctx.createLinearGradient(0, 3, 0, 22);
			slider.grdHandleOff.addColorStop(0, '#cfcfcf');
			slider.grdHandleOff.addColorStop(0.5,'#dedede');
			slider.grdHandleOff.addColorStop(1, '#f3f3f3');
			slider.grdHandleOn  = ctx.createLinearGradient(0, 3, 0, 22);
			slider.grdHandleOn.addColorStop(0, '#c1c1c1');
			slider.grdHandleOn.addColorStop(0.5,'#cecece');
			slider.grdHandleOn.addColorStop(1, '#e3e3e3');
		}
		for (i in iSlider_vertical) {
			var slider = iSlider_vertical[i];
			ctx = slider.getContext('2d');
			slider.grdHandleOff  = ctx.createLinearGradient(0, slider.range*(slider.h-20)+10-6, 0, slider.range*(slider.h-20)+10+6);
			slider.grdHandleOff.addColorStop(0, '#cfcfcf');
			slider.grdHandleOff.addColorStop(0.5,'#dedede');
			slider.grdHandleOff.addColorStop(1, '#f3f3f3');
			slider.grdHandleOn  = ctx.createLinearGradient(0, slider.range*(slider.h-20)+10-6, 0, slider.range*(slider.h-20)+10+6);
			slider.grdHandleOn.addColorStop(0, '#c1c1c1');
			slider.grdHandleOn.addColorStop(0.5,'#cecece');
			slider.grdHandleOn.addColorStop(1, '#e3e3e3');
		}
		for (i in slider_vertical) {
			var slider = slider_vertical[i];
			ctx = slider.getContext('2d');
			slider.grdHandleOff  = ctx.createLinearGradient(0, slider.range*(slider.h-20)+10-5, 0, slider.range*(slider.h-20)+10+5);
			slider.grdHandleOff.addColorStop(0, '#ffffff');
			slider.grdHandleOff.addColorStop(0.1,'#e7ebf0');
			slider.grdHandleOff.addColorStop(0.4,'#cbd3da');
			slider.grdHandleOff.addColorStop(0.5,'#a4b0bc');
			slider.grdHandleOff.addColorStop(0.9,'#e7ebf0');
			slider.grdHandleOff.addColorStop(1, '#ffffff');
			slider.grdHandleOn  = ctx.createLinearGradient(0, slider.range*(slider.h-20)+10-5, 0, slider.range*(slider.h-20)+10+5);
			slider.grdHandleOn.addColorStop(0, '#d0d4d8');
			slider.grdHandleOn.addColorStop(0.1,'#bac0c6');
			slider.grdHandleOn.addColorStop(0.4,'#a9b1b9');
			slider.grdHandleOn.addColorStop(0.5,'#7f8b95');
			slider.grdHandleOn.addColorStop(0.9,'#bac0c6');
			slider.grdHandleOn.addColorStop(1, '#d0d4d8');
		}
		for (i in nsSlider_vertical) {
			var slider = nsSlider_vertical[i];
			ctx = slider.getContext('2d');
			slider.grdHandleOff  = ctx.createLinearGradient(0, slider.range*(slider.h-20)+10-6, 0, slider.range*(slider.h-20)+10+7);
			slider.grdHandleOff.addColorStop(0, '#dbdfe4');
			slider.grdHandleOff.addColorStop(0.4,'#b3bec7');
			slider.grdHandleOff.addColorStop(0.5,'#a6b3bf');
			slider.grdHandleOff.addColorStop(0.6,'#b3bec7');
			slider.grdHandleOff.addColorStop(1, '#dbdfe4');
			slider.grdHandleOn  = ctx.createLinearGradient(0, slider.range*(slider.h-20)+10-6, 0, slider.range*(slider.h-20)+10+7);
			slider.grdHandleOn.addColorStop(0, '#c2c6cc');
			slider.grdHandleOn.addColorStop(0.4,'#9ca6ae');
			slider.grdHandleOn.addColorStop(0.5,'#909aa4');
			slider.grdHandleOn.addColorStop(0.6,'#9ca6ae');
			slider.grdHandleOn.addColorStop(1, '#c2c6cc');
		}
	}
}

function getProperty(obj) {
	obj.h = obj.offsetHeight; obj.w = obj.offsetWidth;
	var x=0,  y=0; getPosition(obj);
	function getPosition(obj) {
		x += obj.offsetLeft; y += obj.offsetTop;
		if (obj.offsetParent==document.body || obj.offsetParent==null) {} else { getPosition(obj.offsetParent); }
	}
	obj.x = x; obj.y = y;
}

function getMouse(e) {
	var m = new Object;
	if (isWebKit && event.touches) {
		var touch = event.touches
		m.x = touch[touch.length-1].pageX;
		m.y = touch[touch.length-1].pageY;
	} else	if (window.opera) {
		m.x = e.clientX;
		m.y = e.clientY;
	} else if (document.all) {
		m.x = document.body.scrollLeft+event.clientX;
		m.y = document.documentElement.scrollTop+event.clientY;
	} else if (document.getElementById) {
		m.x = e.pageX;
		m.y = e.pageY;
	}
	return m;
}