$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = parseInt($("#slidesContainer").css('width'));
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  //$(".slide").eq(0).addClass("currentSlide");
  //$(".slidesText_outer").hide();
  $(".articlemenu").eq(0).addClass('currentArticleItem');
  updateContent(currentPosition);

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
  .wrapAll('<div id="slideInner"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidth
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert left and right arrow controls in the DOM
  $('#slideshow')
    .append('<span class="control" id="leftControl"></span>')
    .append('<span class="control" id="rightControl"></span>');
  $('.control').hide();

  // Hide left arrow control on first load
  manageControls(currentPosition);
	
	//endrer linken så den  går til den aktuelle slide, istedet for til artikkelsiden
	$(".articlemenu").click(function(event){
		event.preventDefault();
       	var linkno = parseInt(this.id.split("_")[1]);		
		$('#slideInner').animate({
			'marginLeft' : slideWidth*(-linkno)			
      	});
		if(currentPosition != linkno){
			currentPosition = linkno;
			manageControls(currentPosition);
			currentArticleItem();
			updateContent(currentPosition);
			$("#slideshow").mouseenter();
		}
	});
//	
/*  $('#slideshow').keyup(function(event){
	  alert("test");
		if (event.keyCode == '13') { //left
			currentPosition -= 1;
   		}
		if (event.keyCode == '39') { //right
     		currentPosition += 1;
   		}
		// Hide / show controls
      manageControls(currentPosition);
      // Move slideInner using margin-left
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
	  currentArticleItem();
	  $("#slideshow").mouseover();

	});*/
  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
		
    // Determine new position
      currentPosition = ($(this).attr('id')=='rightControl')
    ? currentPosition+1 : currentPosition-1;
				
      // Hide / show controls
      manageControls(currentPosition);
      // Move slideInner using margin-left
      if(currentPosition<=numberOfSlides && currentPosition>=0){
		  $('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		  });
	  }
	  currentArticleItem();
	  $("#slideshow").mouseenter();
	  updateContent(currentPosition);
	 	
	
/*	for(var i=0; i<numberOfSlides; i++){
		if($(".slide").eq(i).hasClass("currentSlide")){
			$(".slide").eq(i).removeClass("currentSlide");
		}
	}
	$(".slide").eq(currentPosition).addClass("currentSlide");
	 
	var styleattr  = $(".currentSlide").eq(0).attr('style').split(';');
	//alert(styleattr);
	var styleattrNew = new Array();
	var j = 0;
	for(var i=0; i<styleattr.length; i++){
		if(styleattr[i]!=""){
			if(styleattr[i].search('background-image')>-1){
					 $("#slide_content").attr('style',styleattr[i]);
			}
			else{
				
				styleattrNew[j] = styleattr[i];
				j ++;
			}
		}
	}
	 $(".currentSlide").eq(0).attr('style', styleattrNew.join(';'));
*/

    });
	


  // manageControls: Hides and shows controls depending on currentPosition
  function manageControls(position){
/*	$("#slideshow").mouseenter(
		function(){
			$("#outer-content").append("<p>pos: "+position+"</p>");
			//alert("pos: "+position);
			// Hide left arrow if position is first slide
			if(position==0){
				//alert("fadeOut 1"); 
				$('#leftControl').fadeOut(); }
			else{ 
				if($('#leftControl:hidden').length!=0){
					$('#leftControl').fadeIn(); 
				}
			}
			// Hide right arrow if position is last slide
			if(position==numberOfSlides-1){ 
				//alert("fadeOut 2"); 
				$('#rightControl').fadeOut(); }
			else{ if($('#rightControl:hidden').length!=0){
					$('#rightControl').fadeIn(); 
				}
		 	}	
		});
	$("#slideshow").mouseleave(
		
		function(){
			//alert("mouseleave");
			$('.control').fadeOut();
		});*/
	
	
	
	$("#slideshow").mouseenter(
		function(){
			// Hide left arrow if position is first slide
			if(position==0){ $('#leftControl').hide(); }
			else{ $('#leftControl').show(); }
			// Hide right arrow if position is last slide
			if(position==numberOfSlides-1){ $('#rightControl').hide(); }
			else{ $('#rightControl').show(); }	
		});
	$("#slideshow").mouseleave(
		function(){
			$('.control').hide();
		});

  }
	

  function currentArticleItem(){
	  var slides = $('.slide');
	  var numberOfSlides = slides.length;
	  var menues = $('.slidesText_menu');
	  var numberOfMenues = menues.length;
	  if(numberOfMenues==0){
		  for(var i=0; i<numberOfSlides; i++){
			if($(".articlemenu").eq(i).hasClass("currentArticleItem")){
				$(".articlemenu").eq(i).removeClass("currentArticleItem");
			}
		  }
		  $(".articlemenu").eq(currentPosition).addClass('currentArticleItem');
	  }else{ //hvis det er submenyer inni hver slide, og ikke kun én meny under slidene	
		  for(var j=0; j<numberOfMenues; j++){
			  for(var i=0; i<numberOfSlides; i++){
				if($("#slidesText_menu_"+j+" .articlemenu").eq(i).hasClass("currentArticleItem")){
					$("#slidesText_menu_"+j+" .articlemenu").eq(i).removeClass("currentArticleItem");
				}
			  }
			  $("#slidesText_menu_"+j+" .articlemenu").eq(currentPosition).addClass('currentArticleItem');
			}
	  }

	  
  }


//////////////////////////////
function updateContent(currentPosition){
//
//	$(".slidesText_content_outer").fadeOut();
//	var thisSlide = $(".slidesText_outer").eq(currentPosition);
//alert(thisSlide.find(".slidesText_content_outer").text());
//thisSlide.find(".slidesText_content_outer").fadeIn();

	  $(".slidesText_outer").fadeOut();
	  $(".slidesText_outer").eq(currentPosition).fadeIn();	  
}

  });