/// <reference path="jquery-1.4.1-vsdoc.js" />
$(document).ready(
function () {
    $("div#tmpExample").dialog({
        show:"explode",
        modal:true,
        overlay:
        {
            background:"#000",
            opacity:0.8
        }
    });
    curItem = 2;
    $("#nxtImage").click(
    function ($e) {
        $e.preventDefault();
        $("#mainImg").animate({
            width: '0px',
            height: '250px',
            'margin-right': '700px'
        }, 1000, function () {
            curItem = (curItem + 1) % 5;
            if (curItem == 0)
                curItem = 1;
            $("#mainImg").attr("src", "images/title_images_" + curItem + ".jpg");
            $("#mainImg").animate({
                width: '700px',
                height: '250px',
                'margin-right': '0px'
            }, 1000);
        });
    });
    $("#prvImage").click(
    function ($e) {
        $e.preventDefault();
        $("#mainImg").animate({
            width: '0px',
            height: '250px',
            'margin-left': '710px'
        }, 1000, function () {
            curItem = curItem - 1;
            if (curItem == 0)
                curItem = 4;
            $("#mainImg").attr("src", "images/title_images_" + curItem + ".jpg");
            $("#mainImg").animate({
                width: '700px',
                height: '250px',
                'margin-left': '0px'
            }, 1000);
        });
    });
});