//for banners slider
var cr_slide = 0;
var num_slides = 4; //one less than actual so that we can show bit of continutiy and avoid blank screen

doanimate = function(position) {
    if (position == 'next') {
        var nxt_slide = cr_slide + 1;
        var next_slide = nxt_slide * -980;
        if (nxt_slide > num_slides) {
            next_slide = 0;
            nxt_slide = 0;
        }
        $('#banner_slider').animate( { left:''+next_slide+'px' }, { duration: 2700, easing: 'easeInOutCubic'} );
        cr_slide = nxt_slide;
    }
    else if (position == 'previous') {
        var pr_slide = cr_slide - 1;
        var prev_slide = pr_slide * -980;
        if (pr_slide < 0) {
            prev_slide = num_slides * -980;
            pr_slide = num_slides;
        }
        $('#banner_slider').animate( { left:''+prev_slide+'px' }, { duration: 2700, easing: 'easeInOutCubic'} );
        cr_slide = pr_slide;
    }
}