$(document).ready(function() {
    var pkg_array = $(".pkg-summary");
    var pkg_nav = $("#pkg-nav");
    var pkg_div = $("#packages");

    var cur_index = 0;
    var pkg_cnt = pkg_array.length;

    pkg_array.hide();
    pkg_nav.prepend("<a id='pkg-prev' href='#'>previous</a><a id='pkg-next' href='#'>next</a>");
    pkg_nav.after("<div id='pkg-view'></div>");

    pkg_view =     $("#pkg-view");
    pkg_view.html(pkg_array.eq(cur_index).html());
    pkg_view.show();

    next = $("#pkg-next");
    previous = $("#pkg-prev");

    next.click(function (event) {
	event.preventDefault();
	cur_index++;
	if (cur_index == pkg_cnt) {
	    cur_index = 0;
	}
	$("#pkg-view").hide("slide", {direction: "right"}, 500, function () {
	    pkg_view.html(pkg_array.eq(cur_index).html());
	    pkg_view.show("slide", {direction: "left"}, 500);
	});
    });

    previous.click(function (event) {
	event.preventDefault();
	cur_index--;
	if (cur_index < 0) {
	    cur_index = pkg_cnt - 1;
	}
	$("#pkg-view").hide("slide", {direction: "left"}, 500, function () {
	    pkg_view.html(pkg_array.eq(cur_index).html());
	    pkg_view.show("slide", {direction: "right"}, 500);
	});
    });
    
});