var currentPosition = 0;
var intv = 0;
$( "#slider, #slider .slide, #slide-cover" ).css('width', $(window).width());
var slideWidth = $('.slide').width();
var slides = $('.slide');
var playDelay = 5000;
var autoPlay = true;
var enableBtns = false;
var numberOfSlides = slides.length;
	 
$(window).resize(function() {
    $( "#slider, #slider .slide, #slide-cover" ).css('width', $(window).width());
    slideWidth = $(window).width();
    $('#slideInner').css('margin-left', 0);
    currentPosition = 0;
    manageControls();
});
 

slides
    .wrapAll('<div id="slideInner"></div>')
  

function playSlideShow()  {
    $('.control').show();
    enableBtns = true;
    manageControls();
    autoPlayItems();
}

function autoPlayItems(){
    intv = setTimeout(function() {
        slideShowItems();
    }, playDelay);
}

 
$('.control')
    .bind('click', function(){
	clearTimeout(intv);
        if (enableBtns){
            if (currentPosition == 0 && $(this).attr('id')=='prev'){
                currentPosition = numberOfSlides-1;
                $('#slideInner').css('margin-left', slideWidth*(-currentPosition));
            }
            else
            if (currentPosition==numberOfSlides-1 && $(this).attr('id')=='next'){
                $('#slideInner').css('margin-left', 0);
                currentPosition = 0;
            }
     
            currentPosition = ($(this).attr('id')=='next') ? currentPosition+1 : currentPosition-1;
            $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
            },function() {
					autoPlayItems();
					enableBtns = true;
                }
                );
        }
        enableBtns = false;
    });
  
 
function slideShowItems(){
    enableBtns = true;
    $('#next').trigger("click");
}
 
function manageControls(){
$('#slideInner').css('width', slideWidth * numberOfSlides);
 alignCounter();
/*
	if(position==0){ $('#prev').hide() } else{ $('#prev').show() }
    if(position==numberOfSlides-1){ $('#next').hide() } else{ $('#next').show() }
    */

}


function alignCounter(){
	$('.counter_wrapper').css('position', 'absolute').css('right', parseInt((slideWidth - 990) / 2)).css('top', 160).css('visibility', 'visible');
}
