$(document).ready(function () {
    nextslide();
});

var slideindex = undefined;
var nextslide = function () {
    var nextindex = 0;
    if (slideindex != undefined) nextindex = slideindex + 1;
    if (nextindex >= $(".slide").length) nextindex = 0;
    gotoSlide(nextindex, "right");
};

var prevslide = function () {
    var previndex = 0;
    if (slideindex != undefined) previndex = slideindex - 1;
    if (previndex < 0) previndex = $(".slide").length - 1;
    gotoSlide(previndex, "left");
};

function gotoSlide(index, direction)
{
    var previndex = slideindex;
    slideindex = index;

    var leftpos = 1000;
    var old_ie = ($.browser.msie && (parseInt($.browser.version, 10) <= 8));
    
    // hide the previous slide
    
    if (previndex != undefined) {
    
        if (old_ie) {
        	$('.slide').eq(previndex).css({ left: 0 });
            $('.slide').eq(previndex).animate({ left: -940 }, 700, 'easeOutExpo');
        }
        else {
   
            $(".slide").eq(previndex).animate({
                opacity: 0.0,
                left: -500
            }, 800, 'easeOutExpo', function () {
                $(this).hide();
                $(this).css({
                    display: 'none',
                    opacity: 1.0,
                    left: 0
                })
            });
    
            $(".slide-over").eq(previndex).delay(50).animate({
                left: -300
            }, 800, 'easeOutExpo', function () {
                $(this).hide();
                $(this).css({
                    display: 'block',
                    opacity: 1.0,
                    left: 0
                })
            });
    
        }
        $(".slide-dot").eq(previndex).css("background-position", "-466px 0px");
    }
	
	// show the new slide
	
	if (old_ie) {
	
    	
    	$('.slide').eq(index).css({ left: 940 });
        $('.slide').eq(index).delay(100).animate({
            left: 0
        }, 700, 'easeOutExpo');
	
	
	}
	else {
	
    	$('.slide-over').eq(index).css({ left: 300 });
        $(".slide-over").eq(index).delay(500).animate({
            left: 0
        }, 700, 'easeOutExpo');
    	
    	$('.slide').eq(index).css({ display: 'block', opacity: 0, left: 500 });
        $('.slide').eq(index).delay(500).animate({
            opacity: 1.0,
            left: 0
        }, 700, 'easeOutExpo');
	
	}

    $(".slide-dot").eq(index).css("background-position", "-466px -100px");
}


$("#slide-next").click(function(e) {
    //nextslide();
});

$("#slide-wrapper").click(function(e) {
	var anchor = $(e.srcElement).is("a")
	if (!anchor) { nextslide(); }
});