// Cycle through each slider image
$("#slides img").each(function(index) {
	// Assign friendly slider numbers	
	index = index + 1;

	// Paginate slides after the first slide
	if (index != 0) {
		// Append pagination image to #pagination
		$("#pagination").append("<img src='img/dot-empty.png' class='pagination' id='p" + index + "' alt='Navigate to " + index + "' />");
		
		// Hide other slides
		$(this).css("display", "none");
	} else {
		// Paginate first slide
		$("#pagination").append("<img src='img/dot-full.png' class='pagination' id='p" + index + "' alt='Navigate to " + index + "' />");
	}
});                

                // -- Body Backgroud Slider Code
// -- JD French: May 27, 2011 --

$(document).ready(function() {
// VARIABLES //
btnWidth = "84"; //width of button(s) in pixels
btnHeight = "84"; //height of buttons(s) in pixels
leftButton = "#arrow-left"; //jQuery selector of left button
rightButton = "#arrow-right"; //jQuery selector of right button
padding = "7"; //pixel value of button padding

// LIST SLIDES //
var slides = [];
slides[1] = "home";
slides[2] = "about";
slides[3] = "services";
// END VARIABLES //

intSlides = slides.length - 1; //how many slides there are
//Hide other slides
for (i = 0; i<slides.length; i++) {
    if(i != 1) { //don't hide first slide
        $("#" + slides[i]).hide();
    }
}

//SetButtons function
function setButtons() {
    var height = $(window).height();
    var width = $(window).width();

    var hpos = width-btnWidth-padding + "px";
    var vpos = height/2-btnHeight + "px";

    //Arrows
    $(leftButton).css("top", vpos);
    $(leftButton).css("left", padding + "px");
    $(rightButton).css("top", vpos);
    $(rightButton).css("left", hpos);
}
    //Call SetButtons
    setButtons();

    //Define .resize to call SetButtons
    $(window).resize(function() {
        setButtons();
    });

    //Cycling
    currentObj = 1; //holds which slide is being displayed

    $(leftButton).click(function() {
        //Go back
        newObj = currentObj-1;
        if (newObj<1) {
            newObj = intSlides; //if you cycle back from slide 1, go to slide intSlides (max)
        }
        newBg = "images/" + slides[newObj] + ".jpg"; //background image url - images/the ID.jpg
        //Animation
        $("body").fadeOut(1000, function() {
            $("body").css("background", "url(" + newBg + ") no-repeat center center fixed").ready(function() {
                $("#" + slides[currentObj]).hide();
                $("#" + slides[newObj]).show();
                $("body").fadeIn(1000);
                //Change the currentObj
                currentObj = newObj;
                //Reposition the arrows in case of scrollbars
                setButtons();
            });
        });
    });
    $(rightButton).click(function() {
            //Go back
            newObj = currentObj+1;
            if (newObj>intSlides) {
                newObj = 1; //if you cycle forward from intSlides (max), go to 1st slide
            }
            newBg = "images/" + slides[newObj] + ".jpg"; //background image url - images/the ID.jpg
            //Animation
            $("body").fadeOut(1000, function() {
                $("body").css("background", "url(" + newBg + ") no-repeat center center fixed").ready(function() {
                    $("#" + slides[currentObj]).hide();
                    $("#" + slides[newObj]).show();
                    $("body").fadeIn(1000);
                    //Change the currentObj
                    currentObj = newObj;
                    //Reposition the arrows in case of scrollbars
                    setButtons();
                });
            });
        });
});