function initGallery(){
	
	// gallery scroll **********************************************************
	var _sliderHolder = $('div.slider');
	var _back = $('a.back', _sliderHolder);
	var _forward = $('a.forward', _sliderHolder);
	var _slideEl = $('div.slider-main ul', _sliderHolder);
	var _curren = 0;
	var _margin = 0;
	var _liWidth = 0;
	var _width = 795;
	var _ml = [];
	var _duration = 1000;
	var _autoSlide = 3000;
	_slideEl.append(_slideEl.children().clone());
	var _el = $('li', _sliderHolder);
	
	
	_el.each(function(i){
		_liWidth += $(this).outerWidth();
		if (i > 0) {
			var _m = 0;
			for (var j=0; j<i;j++) {
				_m += _el.eq(j).outerWidth();
			}
			_ml[i] = _m;
		} else {
			_ml[i] = 0;
		}
	});
	_back.css('opacity',0.2);
	
	var _timer = setTimeout(function(){next()},_autoSlide);
	
	function next() {
		if (_timer) clearTimeout(_timer);
		_back.css('opacity',1);
		_curren += 1;
		if (_curren > _el.length-1) _curren -= 1;
		_margin = _ml[_curren];
		_slideEl.animate({'marginLeft':-_margin}, {queue:false, duration:_duration, complete:function(){
			if (_margin >= _liWidth/2) {
				_slideEl.css('marginLeft',0);
				_curren = 0;
			}
		}});
		_timer = setTimeout(function(){next()},_autoSlide);
	};
	
	_forward.click(function(){
		next();
		return false;
	});
	
	_back.click(function(){
		if (_timer) clearTimeout(_timer);
		_curren -= 1;
		if (_curren < 0) _curren = 0;
		_margin = _ml[_curren];
		if (_margin == 0) _back.css('opacity',0.2);
		_slideEl.animate({'marginLeft':-_margin}, {queue:false, duration:_duration});
		_timer = setTimeout(function(){next()},_autoSlide);
		return false;
	});

}

if (window.addEventListener) window.addEventListener("load", initGallery, false);
else if (window.attachEvent) window.attachEvent("onload", initGallery);
