
$(document).ready(function()
{
	initNavigation();
	fadeGall();
    ukTabIndex = $('#tab-uk').attr('href');
	slideTab();
});
function initNavigation()
{
	$('#nav li').hover(function()
	{
		$(this).addClass('hover');
	},
	function()
	{
		$(this).removeClass('hover');
		setTimeout(function(){Cufon.refresh('#nav > li > a')}, 10);
	});
}


function slideTab(){
	    var _btn = $('ul.tabset a.tab');
		var _hold = $('div.tab-holder');
		var _speed = 600;
		var _wrap = _hold.find('ul.tab-slider');
		var _el = _hold.find('ul.tab-slider > li.slide-item');
		var _count = _el.index(_el.filter(':last'));
		var _w = _el.outerWidth();
		var _active = 0;

        if(ukTabIndex != null && ukTabIndex != '') {
            _active = _el.index($(ukTabIndex));
            _wrap.eq(0).css('marginLeft', -(_w * _active) + 'px');
        }
        
        //get active element
        //$.each(_btn, function() {alert $(this).class();} );

		function scrollEl(){
			_wrap.eq(0).animate({
				marginLeft: -(_w * _active) + "px"
			}, {queue:false, duration: _speed});
		}
		_btn.click(function(){
			var _href = $(this).attr('href');
			_active = _el.index($(_href));
			$('a.tab').removeClass('active');
			$(this).addClass('active');
			Cufon.refresh('.tabset li a');
			scrollEl();
			return false;
		});
}


function fadeGall(){
	var wait_time = 5000; // in ms
	var change_speed = 1200; // in ms
	var _hold = $('div.visual');
	if(_hold.length){
		var _t;
		var _f = true;
		var _list = _hold.find('ul.fader > li');
		var _btn = $('<ul class="paging"></ul>');
		_list.each(function(_i){
			_btn.append('<li><a href="#">'+(_i+1)+'</a></li>');
		});
		_btn = _btn.find('a');
		var _a = _list.index(_list.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		
		_list.show().removeClass('active').css('opacity', 0).eq(_a).addClass('active').css('opacity', 1);
		_list.eq(_a).css('opacity', 'auto');
		_btn.eq(_a).parent('li').addClass('active');
		_btn.click(function(){
			changeEl(_btn.index(this));
			return false;
		});
		_hold.mouseenter(function(){
			_f = false;
			if(_t) clearTimeout(_t);
		}).mouseleave(function(){
			_f = true;
			if(_t) clearTimeout(_t);
			if(_f && wait_time){
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			}
		});
		if(_f && wait_time){
			_t = setTimeout(function(){
				if(_a < _list.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, wait_time);
		}
		function changeEl(_ind){
			if(_t) clearTimeout(_t);
			if(_ind != _a){
				_list.eq(_a).removeClass('active').animate({opacity: 0}, {queue:false, duration:change_speed});
				_list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration:change_speed, complete:function(){
					$(this).css('opacity', 'auto');
				}});
				_btn.eq(_a).parent('li').removeClass('active');
				_btn.eq(_ind).parent('li').addClass('active');
				_a = _ind;
			}
			if(_f && wait_time){
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			}
		}
	}
}
