$(document).ready(function(){

	if(!(parseInt(jQuery.browser.version)<8 && jQuery.browser.msie)) {
		var currentPosition = 0;
		var slideWidth = 800;
		var slides = $('.articleSlider');
		var numberOfSlides = slides.length;
		var speed = 7000;

		for (var i=0; i<numberOfSlides; i++) {
	    	  $(slides[i]).css(
	    			  {'left' : slideWidth*i}
	    	  );
		}


			// new css-styles for related elements
		$('h1').css('position', 'relative').css('top', '255px');
		$('div.content').css('overflow', 'hidden');	
		$('ol.article').css('overflow', 'visible').css('position', 'relative').css('padding-top', '240px');	
		$('li.articleSlider').css('overflow', 'hidden').css('position', 'absolute').css('top', '-44px')
			.css('height', '200px').css('background', '#EEE').css('border', '1px solid #E2E2E2').css('width', $('ol.article').width()-2);


		for (var i=0; i<numberOfSlides; i++)

			$('#content').append('<div class="button controlButtons" id="show'+i+'" style="left: '+(i*30+30)+'px;"><input class="button control" type="submit" id="show'+i+'" value="'+(i+1)+'" /></div>');

								  // Hide left arrow control on first load
								  //manageControls(currentPosition);

	  // Create event listeners for .controls clicks
		$('.control').bind('click', function(){
			// disable autoslide
			clearInterval(run);
	    	
	    // Determine new position
			currentPosition = ($(this).attr('id').replace('show',''));

	      // Move slideInner using margin-left
			for (var i=0; i<numberOfSlides; i++) {
				$(slides[i]).animate(
					{'left' : slideWidth*(i-currentPosition)}
				);
			}
	    });
	  
		var run = setInterval(function(){
			for (var i=0; i<numberOfSlides; i++) {
				var left=parseInt($(slides[i]).css('left'));
				if (left < 0) {
					$(slides[i]).css('left', left+slideWidth*(numberOfSlides-1));
				}
				else {
					$(slides[i]).animate({'left' : left-slideWidth}, 1000);
				}
				if (left < 2*slideWidth && left > -2*slideWidth) {
					$(slides[i]).css('display', 'block');
				}
				else {
					$(slides[i]).css('display', 'none');
				}
			}
		}, speed);
	}
});