window.onload = function () {
	if(document.getElementById('scrollbar')) {
		var slider = new SliderClass();   
	}                   
}

function SliderClass() {
	var gallery = null;
	var scroller = null;
	var scrollbar = null;
	var mx = null;
	var cx = 0;
	var cxD = null;
	var cxS = null;
	var cxI = null;
	var w = null;
	var sw = null;
	var gid = function(id) {
		return document.getElementById(id);
	}
	var init = function() {
		gallery = gid('gallery');
		scrollbar = gid('scrollbar');
		scroller = gid('scroller');
		w = scrollbar.offsetWidth - scroller.offsetWidth;
		gallery_scroll();
		scrollbar.onmousedown = scrollbar_md;
		scrollbar.onselectstart = function() {return false}
    scroller.onselectstart = function() {return false}
	}
	var getEventObject = function(e) {
		if(!e) {
			var e=window.event;
			e.target = e.srcElement;
		}
		return e;
	}
	var scrollbar_md = function(e) {
		e = getEventObject(e);
		mx = e.clientX;
		if(e.target==scroller) {
			scrollbar.focus();
		} else {
			cxD = Math.max(0, Math.min(w, (e.offsetX || e.layerX)-Math.round(scroller.offsetWidth/2)));
			cxS = (cxD-cx)/5;
			clearInterval(cxI);
			cxI = setInterval(gallery_scroll_smooth, 10);
		}
		document.onmousemove = scrollbar_mm;
		document.onmouseup = scrollbar_mu;
		return false;
	}
	var scrollbar_mu = function(e) {
		document.onmousemove = null;
		document.onmouseup = null;
	}
	var scrollbar_mm = function(e) {
		e = getEventObject(e);
		cx = Math.max(0, Math.min(w, cx+e.clientX-mx));
		gallery_scroll();
		mx = e.clientX;
	}
	var gallery_scroll = function () {
		scroller.style.left = cx+'px';
		gallery.scrollLeft = Math.round((gallery.scrollWidth-gallery.offsetWidth)*cx/w);
	}
	var gallery_scroll_smooth = function() {
		cx = cxS>0 ? Math.min(cxD, cx+cxS) : Math.max(cxD, cx+cxS);
		gallery_scroll();
		if(cx==cxD) {
			clearInterval(cxI);
		}
	}
	init();
}


function fixPNG(element) {
if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) {
var src;
if (element.tagName=='IMG') {
if (/\.png$/.test(element.src)) {
src = element.src;
element.src = "http://local.beeline.ru/images/0.gif"; }}
else {
src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i)
if (src) {
src = src[1];
element.runtimeStyle.backgroundImage="none"; }}
if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='crop')"; }}

