$(function () {
    var t;
    var currId = 0;
    $('.page_point .hot_dot').click(function (e) {
    	var currId = $('#hot_release').attr('currId') - 0;
        var clickId = $(this).attr('name').charAt(7) - 1;
        
        if (!currId) { currId = 0; }

        if (clickId != currId) {
            listGlide(clickId, currId);
        } else { return false; }
        
        $('.page_point .hot_dot').eq(currId).removeClass('on');
        $(this).addClass('on');

        $('#hot_release').attr('currId', clickId);

        e.preventDefault();
    });

    $('.page_point .next').click(function (e) {
        var currId = $('#hot_release').attr('currId') - 0;
        if (!currId) { currId = 0; }
        var clickId = currId + 1;
        
        if (currId < 3) {
            $('#hot_release ul').eq(currId)
                .animate({'left':'-250'}, 'slow')
                .end().eq(clickId).animate({'left':'5'}, 'slow');

            dotChange(clickId, currId);
            $('#hot_release').attr('currId', clickId);
        }
        e.preventDefault();
    });

    $('.page_point .pre').click(function (e) {
    	var currId = $('#hot_release').attr('currId') - 0;
        if (!currId) { currId = 0; }
        var clickId = currId - 1;

        if (currId > 0) {
        	$('#hot_release ul').eq(currId)
                .animate({'left':'250'}, 'slow')
                .end().eq(clickId).animate({'left':'5'}, 'slow');

            dotChange(clickId, currId);
            $('#hot_release').attr('currId', clickId);
        }
        e.preventDefault();
    });

    function dotChange(clickId, currId) {
        $('.page_point .hot_dot').eq(clickId).addClass('on');
        $('.page_point .hot_dot').eq(currId).removeClass('on');
    };

    function listGlide(clickId, currId) {
        $('#hot_release ul').eq(currId)
            .animate({'left': + clickId > currId ? '-250' : '250'}, 'slow')
            .end().eq(clickId).animate({'left':'5'}, 'slow');
    };

});