var nSlides = 0;
var n = 0;
var slTime;
$(document).ready(function() {
    $('.image-wrapper div.sl').hide();
    nSlides = $('.image-wrapper > div').length - 1;
    var x = 0;
    $('.image-wrapper').append('<div id="slideButtons"></div>');
    $('div.button').each(function() {
        $('#slideButtons').append('<div class="slideButton" id="slButton' + x++ + '" data-slidenum="' + x + '" >' + x + '</div>')
    });
    $('.slideButton').click(function() {
        clearTimeout(slTime);
        if($(this).attr('class').indexOf('activeSlide') != -1){
            location.href = $('.sl').eq($(this).html()-1).find('a').attr('href');
        }else{
            showSlide($(this).attr('data-slidenum'));
        }
    });
    $('.slideButton').hover(function() {
        $(this).addClass("showpointer");
        }, function() {
        $(this).removeClass("showpointer");
        
    });
    showSlide();
})

function showSlide() 
{
    
    $('div.slideButton').removeClass("activeSlide");
    $('.image-wrapper div.sl').hide();
    var sl = $('.image-wrapper div.sl').eq(n);
    var tcolour = sl.attr('data-tcolour');
    var dcolour = sl.attr('data-dcolour');
    var ttl = sl.attr('data-ttl');
    var childs = sl.children().children();
    $('#slButton'+n).addClass("activeSlide");
    sl.find('div').show();
    sl.show();
    // img div
    childs.eq(2).hide();
    childs.eq(2).animate({'opacity':'toggle'},'fast');
    // h1 title
    childs.eq(0).find('a').css({
        'color': tcolour
    });
    childs.eq(0).css({
        'color': tcolour,
        'top':'-100px'
      }
    ).show();
    childs.eq(0).animate({'top':'10px'},'slow','swing');
    // description
    childs.eq(1).css({
        'color': dcolour,
        'left':'-600px'
      }
    ).show().animate({'left':'40px'},'slow','swing');;
    // button div
    childs.eq(3).css({
        'display': 'none',
        'position' : 'absolute',
        'z-index' : '400',
        'color': tcolour
      }
    ).show();
    n >= nSlides ? n = 0 : n++;
    slTime = setTimeout("showSlide()", (ttl * 1000));

}