jQuery(document).ready(function() {
	//initDropDown();
	//initMenu();
	
	if( $('div.slides-holder li').length > 0){ //stb if none defined
		InitGallery();
	}
});
function InitGallery(){
	var _speed = 800,
		_duration = 4000;
	var _hold = $('.visual');
	var _holder = _hold.find('.slides-holder')
	var _slide = _holder.find('ul');
	var _list = _slide.find('>li');
	var _prev = _hold.find('a.prev');
	var _next = _hold.find('a.next');
	
	var _d = _list.eq(0).outerWidth(true);
	var _x=0;
	var _wh = _holder.width();
	var _ws = _list.length*_d;
	var _margin = parseInt(_list.eq(0).css('marginRight'));
	var _vis = Math.ceil(_holder.width()/_d);
	for	(var i=0; i < _vis; i++){
		_list.eq(i).clone().appendTo(_slide);
	};
	
/*--------CREATING THUMBNAILS----------*/
	var _num = _hold.find('.switcher').empty();
	_list.each(function(i){
		$('<li><a href="#">'+(i+1)+'</a></li>').appendTo(_num);
	});
/*-------------------------------------*/
	var _thumb = _num.find('li');	
	var _a = _list.index(_list.filter('.active:eq(0)'));
	if(_a == -1) {
		_a = 0; 
		_thumb.eq(_a).addClass('active');
		_list.eq(_a).addClass('active');
	}
	var _new, _old = _a, _t, _t1;

	if (_list.length > 1)
	{
		Run(_a,_x);
	}
	function Run(_a){
			_t = setTimeout(function(){
				if (_x<_ws){
					_x = _x + _d;
					_a++;
					if (_a==_list.length){_a=0}
				}else {
					_x = _d; 
					_a = 1;
				};
				Slide(_a,_x);
			}, _duration);
		$('.visual .nav .pause').addClass('active');
		$('.visual .nav .play').removeClass('active');
	};
	function Slide(_new,_x){
			_slide.animate({marginLeft: -_x}, {queue:false, duration:_speed, complete:function(){
				_list.eq(_old).removeClass('active');
				_thumb.eq(_old).removeClass('active');
				_list.eq(_new).addClass('active');
				_thumb.eq(_new).addClass('active');
				if (_new == 0){_slide.css({marginLeft:0}); }
				_old=_new;_a=_new;
			}});
			
			if(_t) clearTimeout(_t);
				Run(_new,_x);
	};
	
	$('.nav .pause').click(function(){
		clearTimeout(_t);
		$('.visual .nav .play').addClass('active');
		$(this).removeClass('active');
	});
	
	$('.nav .play').click(function(){
		Run(_a,_x);
		$('.visual .nav .pause').addClass('active');
		$(this).removeClass('active');
	});
	
	_thumb.each(function(j){
		$(this).click(function(){
			_x = (j)*_d;
			_a = j;
			Slide(_a,_x)
			return false;
		});
	});
};

function initDropDown(){
	var nav = document.getElementById("nav");
	if(nav) {
		var lis = nav.getElementsByTagName("li");
		for (var i=0; i<lis.length; i++) {
			if(lis[i].getElementsByTagName("ul").length > 0) {
				lis[i].className += " has-drop-down"
				lis[i].getElementsByTagName("a")[0].className += " has-drop-down-a"
			}
			lis[i].onmouseover = function()	{
				this.className += " hover";
			}
			lis[i].onmouseout = function() {
				this.className = this.className.replace(" hover", "");
			}
		}
	}
}

var _id = 'nav';
var _innerEl = 'ul';
var _className = 'active';
var _hide = true;

var _menu;
var _nodes;
function initMenu() {
	_menu = document.getElementById(_id);
	if (_menu){
		_nodes = _menu.getElementsByTagName('a');
		for (var i=0; i<_nodes.length; i++) {
			if (_nodes[i].parentNode.getElementsByTagName(_innerEl)[0]) {
				_nodes[i].onclick = function () {
					if(this.parentNode.className.indexOf(_className) !=-1) {
						this.parentNode.className = this.parentNode.className.replace(_className, "");
					} else {
						if (_hide) hideLevels(this);
						this.parentNode.className += ' '+_className;
					}
					return false;
				}
			}
		}
	}
}
function hideLevels(_this){
	var _lis = _menu.getElementsByTagName('li');
	for (var i=0; i<_lis.length; i++) {
		var _f = false;
		var _a = _lis[i].getElementsByTagName('a');
		for (var j=0; j<_a.length; j++) {
			if (_a[j] == _this) _f = true;
		}
		if (!_f) _lis[i].className = _lis[i].className.replace(_className, "");
	}
}