$(document).ready(function() {
    var urls = new Array();
    urls[0] = contextPath + "/cloud";
    urls[1] = contextPath + "/soa";
    urls[2] = contextPath + "/solutions";
    var show;
    var numSlides = 3;
    var currentSlide = 1;
    var moving = false;
    var interval = 6000;
    $("#slides").css("width", (numSlides * 580));
    var captions = new Array();
    captions[0] = "Software is moving to the cloud. It is not hype, it is reality. &nbsp;&nbsp;<u>More</u> &raquo;</div>";
    captions[1] = "Lower software costs with Service Oriented Architecture. &nbsp;&nbsp;<u>More</u> &raquo;</div>";
    captions[2] = "Deploy your software today using eSpinneret technology. &nbsp;&nbsp;<u>More</u> &raquo;</div>";
    var downloadImages = new Array();
    for ( var i = 1; i <= numSlides; i++) {
	downloadImages.push(contextPath + "/images/slideimage" + i + ".jpg");
    }
    $.loadImages(downloadImages, function() {
	var html = "";
	for ( var i = 1; i <= numSlides; i++) {
	    html += "<div class='slide'>";
	    html += "<img src='" + contextPath + "/images/slideimage" + i + ".jpg' />";
	    html += "<div class='slidecaption'>" + captions[i - 1];
	    html += "</div>";
	}
	$("#slides").html(html);
	$(".slide").click(function() {
	    var position = $(".slide").index(this);
	    window.location = urls[position];
	});
    });
    var setCircles = function() {
	$(".circle").removeClass("circledark").eq(currentSlide - 1).addClass("circledark");
    };
    var nextSlide = function() {
	if (!moving) {
	    moving = true;
	    if (currentSlide != numSlides)
		currentSlide++;
	    else
		currentSlide = 1;
	    $("#slides").animate({
		"left" : -580 * (currentSlide - 1)
	    }, "medium");
	    setCircles();
	    moving = false;
	}
    };
    var prevSlide = function() {
	if (!moving) {
	    moving = true;
	    if (currentSlide != 1)
		currentSlide--;
	    else
		currentSlide = numSlides;
	    $("#slides").animate({
		"left" : -580 * (currentSlide - 1)
	    }, "medium");
	    setCircles();
	    moving = false;
	}
    };
    var runSlides = function() {
	show = setInterval(function() {
	    nextSlide();
	}, interval);
    };
    var setSlide = function(num) {
	if (!moving && currentSlide != num) {
	    clearInterval(show);
	    moving = true;
	    currentSlide = num;
	    $("#slides").animate({
		"left" : -580 * (currentSlide - 1)
	    }, "medium");
	    setCircles();
	    moving = false;
	    runSlides();
	}
    };
    $(".circle").click(function() {
	var position = $(".circle").index(this);
	setSlide(position + 1);
    });
    $("#featured").click(function() {
	window.location = contextPath + "/solutions";
    });
    setCircles();
    runSlides();
});