// Alias "S" anstelle des Dollarzeichens um Konflikte mit Expeedo zu vermeiden
S = jQuery;

S(function(){

	// Accordion
	S("dl.accordion dd").hide();
	S("dl.accordion dd:nth-child(2)").show().prev().addClass("nohover");
	S("dl.accordion dt").click(function(){
		if (S(this).next().is(":visible")){
			return false;
		}
		else {
			S("dl.accordion dd:visible").prev().removeClass("nohover");
			S("dl.accordion dd:visible").slideUp("fast");
			S(this).addClass("nohover");
			S(this).next().slideDown("fast");
			// Anmerkung: hakt beim runterklappen!?!
			return false;
		}
	});
	
	
	// Überschrift Startseite
	S(document).ready(function(){
		S("body.shopdriver div.text_Start h1").wrapAll("<a href='shopsystem' style='display:block;' title='Zu unseren Shopsystemen'></a>");
	});


	// Formulare
	S(document).ready(function(){
		if (S("form input[type=text]").value==""){
			this.value=this.title;
			S(this).css("color","#999");
		}
		else if (S("form input[type=text]").value==S("form input[type=text]").title){
			S("form input[type=text]").css("color","#999");
		}
		else {
			S("form input[type=text]").css("color","#000");
		}
	});
	S("form input[type=text]").focus(function(){
		if (this.value==this.title){
			this.value="";
			S(this).css("color","#000");
		}
		else {
			S(this).css("color","#000");
		}
	});
	S("form input[type=text]").blur(function(){
		if (this.value==""){
			this.value=this.title;
			S(this).css("color","#999");
		}
		else if (this.value==this.title){
			S(this).css("color","#999");
		}
		else {
			S(this).css("color","#000");
		}
	});
	
	
	// SlideShow für die Referenzen (GROSS)
	S(document).ready(function(){
		var currentPosition = 0;
		var slideWidth = 600;
		var slides = S('.slide');
		var slides2 = S('.slide2');
		var numberOfSlides = slides.length;
		var opacity = 0.2;

		S('#slidesContainer').css('overflow', 'hidden');
		
		S('#slidesContainer2').css('overflow', 'hidden');
		
		slides
		.wrapAll('<div id="slideInner"></div>')
		.css({'float' : 'left', 'width' : slideWidth});
		
		slides2
		.wrapAll('<div id="slide2Inner"></div>')
		.css({'float' : 'left', 'width' : slideWidth});

		S('#slideInner').css('width', slideWidth * numberOfSlides);
		
		S('#slide2Inner').css('width', slideWidth * numberOfSlides);

		S('#allAround')
		.prepend('<span class="control" id="leftControl">Move left</span>')
		.append('<span class="control" id="rightControl">Move right</span>');

		manageControls(currentPosition);
		
		S('.control')
		.bind('click', function(){
			currentPosition = (S(this).attr('id')=='rightControl')
			? currentPosition+1 : currentPosition-1;
			if (currentPosition == -1){ currentPosition = numberOfSlides-1 }
			if (currentPosition == numberOfSlides){ currentPosition = 0 }

			manageControls(currentPosition);
			S('#slideInner').animate({
				'marginLeft' : slideWidth*(-currentPosition)
			});
			
			manageControls(currentPosition);
			S('.slide2').hide();
			S('#slide2Inner').css(
				'marginLeft', slideWidth*(-currentPosition)
			);
			S('.slide2').fadeIn('slow');
		});
		
		S('.links a').click(function(){
			return false;
		});
		
		S('.links a.link1').click(function(){currentPosition = 0;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
			});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});

		S('.links a.link2').click(function(){currentPosition = 1;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
			});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
		
		S('.links a.link3').click(function(){currentPosition = 2;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
			});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
		
		S('.links a.link4').click(function(){currentPosition = 3;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
			});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
			
		S('.links a.link5').click(function(){currentPosition = 4;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
			});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
			
		function manageControls(position){
			if(position==0){ S('#leftControl').show() }
			else{ S('#leftControl').show() }
			if(position==numberOfSlides-1){ S('#rightControl').show() }
			else{ S('#rightControl').show() }
			
			
			// !! irgendwie zusammenfassen !!
			if(position==0){ S('.links a').removeClass('on'); S('.links a.link1').addClass('on'); 
				S('.slide').css('opacity', opacity); S('.slide#num1').animate({'opacity':'1.00'});}
			if(position==1){ S('.links a').removeClass('on'); S('.links a.link2').addClass('on'); 
				S('.slide').css('opacity', opacity); S('.slide#num2').animate({'opacity':'1.00'});}
			if(position==2){ S('.links a').removeClass('on'); S('.links a.link3').addClass('on'); 
				S('.slide').css('opacity', opacity); S('.slide#num3').animate({'opacity':'1.00'});}
			if(position==3){ S('.links a').removeClass('on'); S('.links a.link4').addClass('on'); 
				S('.slide').css('opacity', opacity); S('.slide#num4').animate({'opacity':'1.00'});}
			if(position==4){ S('.links a').removeClass('on'); S('.links a.link5').addClass('on'); 
				S('.slide').css('opacity', opacity); S('.slide#num5').animate({'opacity':'1.00'});}
		}
	});
	
	// SlideShow für die Referenzen (klein)
	S(document).ready(function() {
		var auto_slide = 1;
		var hover_pause = 1;
		var key_slide = 1;
		
		var auto_slide_seconds = 3000;
		
		S('#carousel_ul li:first-child').before(S('#carousel_ul li:last-child')); 
		S('#carousel_inner').css('overflow','hidden');
		
		
		if(auto_slide == 1){
			var timer = setInterval(function(){
				slide('right');
				}, auto_slide_seconds); 
			S('#hidden_auto_slide_seconds').val(auto_slide_seconds);
		}

		if(hover_pause == 1){
			S('#carousel_ul').hover(function(){
				clearInterval(timer)
			},function(){
				timer = setInterval(function(){slide('right')}, auto_slide_seconds); 
			});

		}

		if(key_slide == 1){
			S(document).bind('keypress', function(e) {
				if(e.keyCode==37){
						slide('left');
				}else if(e.keyCode==39){
						slide('right');
				}
			});

		}

		S('#right_scroll a').click(function(){
			slide('right');
			return false;
		});

		S('#left_scroll a').click(function(){
			slide('left');
			return false;
		});
		
		
	});

	//slide function  
	function slide(where){
		
				var item_width = S('#carousel_ul li').outerWidth() + 10;
				
				if(where == 'left'){
					var left_indent = parseInt(S('#carousel_ul').css('left')) + item_width;
				}else{
					var left_indent = parseInt(S('#carousel_ul').css('left')) - item_width;
				}
				
				
				S('#carousel_ul').animate({'left' : left_indent},500,function(){    	
					if(where == 'left'){
						S('#carousel_ul li:first-child').before(S('#carousel_ul li:last-child'));
					}else{
						S('#carousel_ul li:last-child').after(S('#carousel_ul li:first-child')); 
					}
					S('#carousel_ul').css({'left' : '-150px'});
				});
						
	}
	
	// Fancybox
	S(document).ready(function() {
		S("a.inline").fancybox({
			'autoDimensions'	: false,
			'width'				: 300,
			'height'			: 'auto',
			'overlayOpacity'	: 0.7,
			'overlayColor'		: '#000'
		});
		S("a#inline_demoshop").fancybox({
			'autoDimensions'	: false,
			'width'				: 600,
			'height'			: 'auto',
			'overlayOpacity'	: 0.7,
			'overlayColor'		: '#000'
		});
		S("a.single_image").fancybox({
			'overlayOpacity'	: 0.7,
			'overlayColor'		: '#000'
		});
		S("a.iframe").fancybox({
			'type'				: 'iframe',
			'overlayOpacity'	: 0.7,
			'overlayColor'		: '#000',
			'autoDimensions'	: false,
			'width'				: 640,
			'height'			: 440
		});
	});
	
	

});