// JavaScript Document

$(function(){

    var anchorSet = $('.anchorSet');
    var totalAnchors = $(anchorSet).length;
    var i = 0;
    
    
    // Append tip wrap with up and down buttons
    
    $('.leaseTipContainer').wrap("<div class=\"upDown\"></div>")
    
    $('.upDown').css({
    
        position: "relative",
        
        margin: "auto",
        
        width: 1000,
        
        height: 400
    
    });
    
    $('.upDown').prepend("<img src=\"../wp-content/themes/kba/images/up.png\" id=\"moveUp\" />");
    
    $('.upDown').append("<img src=\"../wp-content/themes/kba/images/down.png\" id=\"moveDown\" />");
    
    $('#moveUp').css({
    
        'position': 'absolute',
        
        top: 0,
        
        right: 0,
        
        'z-index': '2',
        
        'cursor': 'pointer'
    
    
    });
    
    $('#moveDown').css({
    
        'position': 'absolute',
        
        bottom: 0,
        
        right: 0,
        
        'z-index': '2',
        
        'cursor': 'pointer'
    
    });
    
    // Define Clicks
    
    $('#moveDown').click(function(){
    
        var next;
        
        if (i == totalAnchors - 1) {
        
            next = 0;
            
        }
        else {
        
            next = parseInt(i) + 1;
            
        }
        
        $('.leaseTipContainer').scrollTo($(anchorSet).eq(next), 800), "", i = next;
        
        $('#pager ul li').removeClass('currentSelection');
        $('#pager ul li').eq(i).addClass('currentSelection');
        
    });
    
    $('#moveUp').click(function(){
    
        var next;
        
        if (i == 0) {
        
            next = totalAnchors - 1;
            
        }
        else {
        
            next = i - 1;
            
        }
        
        $('.leaseTipContainer').scrollTo($(anchorSet).eq(next), 800), "", i = next;
		
        $('#pager ul li').removeClass('currentSelection');
        $('#pager ul li').eq(i).addClass('currentSelection');
        
    });
    
    // Add Pager Utility
    
    $('.leaseTipContainer').after("<div id=\"pager\"></div>");
    
    $('#pager').css({
    
        position: 'relative',
        
        'margin': 'auto',
        
        width: 980,
        
        height: 40
    
    });
    $('#pager').prepend("<ul />");
    for (j = 0; j < totalAnchors; j++) {
        var page = j + 1;
        $('#pager > ul').append("<li href=\"" + j + "\">" + page + "</li>");
    }
    $('#pager ul').css({
        'list-style': 'none',
        'font-size': '12px',
		'font-family': 'Arial, Helvetica, sans-serif',
		'font-wieght': 'bold',
        'margin': '5px 0px 0px 0px',
        'padding': '0px 0px 0px 0px'
    });
    $('#pager ul li').css({
        position: 'relative',
        'float': 'left',
		'padding-top': '12px',
        width: 40,
        height: 28,
        'text-align': 'center',
        'cursor': 'pointer'
    }).click(function(){
        var next = $(this).attr('href');
        $('#pager ul li').removeClass('currentSelection');
        $(this).addClass('currentSelection');
        $('.leaseTipContainer').scrollTo($(anchorSet).eq(next), 800);
        i = next;
    });
    $('#pager ul li:first').addClass('currentSelection');
    
});