/**
 * Staticbar
 *
 *
 *
 * @date 07.09.2009
 * @author Fstrauss <florian.strauss@wgo-online.com>
 * @scope staticbar
 */
var staticbar = function() {

	var timer;
	var wait;
	var itemsContainer  = $('.staticbar-content-items ul');

	if($('.staticbar-inner ul li a').length) {
		$('#staticbar').show();
	}

	var get = function() {
		$('.staticbar-inner ul li a').each(function(i, item) {

			$.get($(item).attr('href'), function(data) {
				var container = $('<li><div class="staticbar-content"></div></li>');
				container
					.attr('id', 'staticbar-item-'+ i)
					.children('.staticbar-content')
					.html($(data).find('#CE').html())


				itemsContainer.append(container);
			})
		})
	}();

	var hide = function() {
		$('.staticbar-content').hide();
		$('.staticbar-content-items').fadeOut(200);

	}
	var show = function(element, i) {

		$('.staticbar-content-items').fadeIn(200,function() {
			$('#staticbar-item-'+ i +' div').show();
		});
		setActiv(element);
		clearTimeout(timer);
	}
	var setActiv = function(element) {
		$('.staticbar-inner ul li').removeClass('activ');
		$(element).addClass('activ');
	}


	$('.staticbar-close').hover(function() {
							$(this).addClass('hover')
						}, function() {
							$(this).removeClass('hover')
						})
						.click(function() {
							hide();
						})


	$('.staticbar-content-items').hover(function() {
		clearTimeout(timer);
	}, function() {
		wait = setTimeout(hide, 500);
	});

	$('.staticbar-inner ul li').each(function(i, item) {



		$(item).hover(function() {

			wait = setTimeout(function() {
				show(item, i);
			}, 500);
		}, function() {
			clearTimeout(wait);
			timer = window.setTimeout(hide,400);


		});
	})

}