$(document).ready(function(){
	        $.getJSON('/wp-content/themes/piteagolf_wp/load.php', function(data) {
	        $.each(data,function(key, value){
	                author=value.split('.');
	                $("#slidescontainer").append("<div class='slide'><img src='http://piteagolf.se/wp-content/themes/piteagolf_wp/assets/slideshow/"+value+"'></div>");
	        })
	        slideWidth=540;
	        currentPosition=0;
	        var slides = $('.slide');
	        slide(slideWidth, currentPosition);
	        $('.control')
	    .bind('click', function(){
	    // Determine new position
	      currentPosition = ($(this).attr('id')=='rightControl')
	    ? currentPosition+1 : currentPosition-1;
	        if(currentPosition<0){
	                currentPosition=slides.length-1
	        }
	        else if(currentPosition>slides.length-1){
	                currentPosition=0;
	        }
	      // Hide / show controls
	      // Move slideInner using margin-left
	      $('#slideInner').animate({
	        'marginLeft' : slideWidth*(-currentPosition)

	      });
	    });
	            $("#slidescontainer").mouseover(function(){
	                clearInterval(sliding1)
	        })

	        $("#slidescontainer").mouseleave(function(){
	                sliding1=setInterval("sliding()",5000);
	        })
	        sliding1=setInterval("sliding()",5000)
	        $("#dropdown").click(function(){
	                if($("#top").css("display")=="none"){
	                		$("#top").slideDown();
	                        $("#dropdown a").text("↑")
	                }
	                else{
	                        $("#top").slideUp();
	                		$("#dropdown a").text("↓")
	                }
	        });

	});




		submenu=$(".current_page_item").children()
		sub=""
		if(!submenu){
			console.debug("apa")
		}
		for(i=0;i<submenu.length;i++){
			sub=submenu[i];
		}
		if(!sub[1]){
			submenu=$(".current_page_parent").children()
			for(i=0;i<submenu.length;i++){
				sub=submenu[i];
			}
		}
		$(sub).css({"display":"block"})
});
function slide(slideWidth, currentPosition){
          var slides = $('.slide');
          var numberOfSlides = slides.length;
          // 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);
                $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)

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

}
function sliding(){
        slides=$('.slide')
        slideWidth=540
        currentPosition=currentPosition+1
        if(currentPosition<0){
                currentPosition=slides.length-1
        }
        else if(currentPosition>slides.length-1){
                currentPosition=0;
        }
      // Hide / show controls
      // Move slideInner using margin-left
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
}