jQuery(document).ready(function () {
    var currentPosition = -1;
    var slideWidth = 750;
    var slides = jQuery('.slide');
    var numberOfSlides = slides.length;
    var isAutoPlay = true;

    // Remove scrollbar in JS
    jQuery('#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
    jQuery('#slideInner').css('width', slideWidth * numberOfSlides);

    // Insert controls in the DOM
    jQuery('#slideshow').prepend('<span class="control" id="leftControl">Clicking moves left</span>').append('<span class="control" id="rightControl">Clicking moves right</span>');

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

    // Create event listeners for .controls clicks
    jQuery('.control').bind('click', function () {
        // Determine new position
        currentPosition = (jQuery(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1;

        // Hide / show controls
        //manageControls(currentPosition);
        showControls();
        // Move slideInner using margin-left
		play();
    });
var playtime;
//autoplay();
function autoplay(){
    //currentPosition = currentPosition + 1;
	play();
	playtime = setInterval(play,4000);
	}
function play(){
 if (isAutoPlay == true){
	if (currentPosition == numberOfSlides - 1) {
	currentPosition = 0;
	}
	else {
	currentPosition = currentPosition + 1;
	}
 }
        jQuery('#slideInner').animate({
            'marginLeft': slideWidth * (-currentPosition)
        });
       	//document.getElementById('searchfield').value="pos: " + currentPosition
	}
    // manageControls: Hides and Shows controls depending on currentPosition

/*
    function manageControls(position) {
        // Hide left arrow if position is first slide
        if (position == 0) {
            jQuery('#leftControl').hide()
        } else {
            jQuery('#leftControl').show()
        }
        // Hide right arrow if position is last slide
        if (position == numberOfSlides - 1) {
            jQuery('#rightControl').hide()
        } else {
            jQuery('#rightControl').show()
        }
    }
*/
    function showControls(){
        if (currentPosition != 0) {
            jQuery('#leftControl').show()
        }
        else {jQuery('#leftControl').hide()}
        if (currentPosition != numberOfSlides - 1) {
            jQuery('#rightControl').show()
        }
        else {jQuery('#rightControl').hide()}
		//alert(currentPosition)
		clearTimeout(playtime);
		isAutoPlay = false
    }
    function hideControls(){
		jQuery('#leftControl').hide();
		jQuery('#rightControl').hide();
		isAutoPlay = true;
		autoplay();
    }
 slideshowMouseEvent();
    function slideshowMouseEvent(){
    jQuery('#popular_posts').unbind('mouseenter')
                       .bind('mouseenter',showControls)
                       .andSelf()
                       .unbind('mouseleave')
                       .bind('mouseleave',hideControls);
    }

});