var base_href = 'http://' + location.host;
$(document).ready(function() {
	/* product slide */
	var pFullWidth = 0;
	var pslidespeed = 0;
	var pos = 0;
	$('#product_slider ul li').each(function(index) {
		var pli = $(this);
		/*pFullWidth = pFullWidth + pli.outerWidth();*/
		pFullWidth = pFullWidth + 10 + pli.outerWidth();
		pslidespeed = index + 1;
		if ($('a',this).hasClass('active')) {
			pos = pFullWidth - 520;
			pos = '-'+pos+'px';
		}
	});
	$('#product_slider ul').css('width', pFullWidth+'px');
	pslidespeed = pslidespeed * 250;
	if (pFullWidth > 940) {
		$('#product_slider ul').css('left', pos);
		$('#product_slider').prepend('<span class="next">yaaaaay</span><span class="previous">yaaaaay</span>');
		$('.next').bind('mouseover',function() {
			var animate = pFullWidth - 880;
			$(this).next().next().animate({
				left: '-'+animate+'px',
			}, pslidespeed, 'linear', function(){
			});
		}).mouseleave(function(){
			$(this).next().next().stop();
		});;
		$('.previous').bind('mouseover',function() {
			$(this).next().animate({
				left: '0',
			}, pslidespeed, 'linear', function(){});
		}).mouseleave(function(){
			$(this).next().stop();
		});
	}	


	/* navi slide */
	$('#main_navi li').mouseenter(function(){
		$('#main_navi li + ul').show();
	});
	$('#main_navi li li').mouseenter(function() {
		var offsetWrapper = $('#wrapper').offset();
		var offsets = $(this).offset();
		var posFromLeft = offsets.left - offsetWrapper.left;
			posFromLeft = parseInt(posFromLeft);
		$(this).addClass('pseudo_active');
		$(this).children('.container').children('ul').show();
		var slidespeed = 0;
		var fullWidth = 0;
		$('li', this).each(function(index) {
			var li = $(this);
			/*fullWidth = fullWidth + li.outerWidth();*/
			fullWidth = fullWidth + 10 + li.outerWidth();
			slidespeed = index + 1;
		});
		$('.container', this).css('height',$(this).parent('ul').height()+'px');
		$('ul', this).css('width',(fullWidth-posFromLeft)+'px');
		slidespeed = slidespeed * 100;
		// wenn die <li>-Elemente größer sind als der verfügbare Platz (= Breite .container +-padding), füge Scrollelemente hinzu
		
		/* Abstand von linker Seite des Wrappers abiehen */
		checkWidth = 770 - posFromLeft;
		if (fullWidth > checkWidth) {
			$('ul', this).prepend('<span class="scroll_fwd">.</span><span class="scroll_back">.</span>');
			$('.scroll_fwd').bind('mouseover',function() {
				var animate = fullWidth - 760;
				$(this).parent().animate({
					left: '-'+animate+'px',
				}, slidespeed, 'linear', function(){});
			}).mouseleave(function(){
				$(this).parent().stop();
			});
			$('.scroll_back').bind('mouseover',function() {
				$(this).parent().animate({
					left: '0',
				}, slidespeed, 'linear', function(){});
			}).mouseleave(function(){
				$(this).parent().stop();
			});
		}
	}).mouseleave(function() {
		$(this).children('.container').children('ul').hide().css('left','0');
		$('ul', this).mouseleave(function() {
			$('.scroll_fwd').remove();
			$('.scroll_back').remove();
		});
		$(this).removeClass('pseudo_active');
	});
});