function initSlide(){
	$('.gallery-box').each(function(){
		// options
		var _fadeSpeed = 500; // animation speed
		var _autoSlide = 5000; // autoslide each 5 sec
		
		// vars
		var _holder = $(this);
		var _img = $('.gallery img',_holder);
		var _btn = $('.pages a',_holder);
		var _node = $('.gallery',_holder);
		var _stepM = parseInt($('.slicer',_holder).width());
		var _animated = false;
		var _hovered = false;
		$('div.pages').css('z-index',100);
		if(_img.length!=_btn.length) return false;
		_node.css({
			position:'relative',
			width:_img.eq(0).width(),
			height:_img.eq(0).height()
		});
		_img.css({
			position:'absolute',
			left:0,
			top:0,
			zIndex:1
		});
		
		// reset
		var _nextItem = _btn.index(_btn.filter('.active').eq(0));
		if(_nextItem==-1) _nextItem = 0;
		_btn.removeClass('active');
		_btn.eq(_nextItem).addClass('active');
		_img.eq(_nextItem).css('z-index',2);
		var _currItem = 0;
		
		// click number
		_btn.click(function(){
			if(_animated || $(this).hasClass('active')) return false;
			_animated = true;
			_btn.removeClass('active');
			$(this).addClass('active');
			_currItem = _nextItem;
			_nextItem = _btn.index(this);
			fadeAnimate();
			return false;
		});
		
		// animation
		function fadeAnimate() {
			_img.eq(_currItem).css('z-index',3);
			_img.eq(_nextItem).css('z-index',2);
			_img.eq(_currItem).animate({
				opacity:0
			},_fadeSpeed,function(){
				_img.eq(_currItem).css({
					opacity:1,
					zIndex:1
				});
				_animated = false;
			});
		}
		
		// autoslide
		setInterval(function(){
			if(!_hovered && !_animated){
				_animated = true;
				_btn.removeClass('active');
				_currItem = _nextItem;
				if(_nextItem<_img.length-1) _nextItem++
				else _nextItem = 0;
				_btn.eq(_nextItem).addClass('active');
				fadeAnimate();
			}
		},_autoSlide);
		
		// pause on hover
		_holder.hover(function(){
			_hovered = true;
		},function(){
			_hovered = false;
		});
	});
}
if (window.addEventListener) window.addEventListener("load", initSlide, false);
else if (window.attachEvent) window.attachEvent("onload", initSlide);

function initInputs(){
	var _inputs = document.getElementsByTagName('input');
	var _val = [];
	for(i=0;i<_inputs.length;i++) {
		if (_inputs[i].className.indexOf('text')!=-1) {
			_val[i] = _inputs[i].value;
			_inputs[i].index = i;
			_inputs[i].onfocus = function(){
				this.parentNode.className += ' focused';
				if(_val[this.index] == this.value) this.value = '';
			}
			_inputs[i].onblur = function(){
				this.parentNode.className = this.parentNode.className.replace('focused','');
				if(_val[this.index] == this.value || this.value == '') this.value = _val[this.index];
			}
		}
	}
}

if (window.addEventListener) window.addEventListener("load", initInputs, false);
else if (window.attachEvent) window.attachEvent("onload", initInputs);