$(document).ready(function() {
    homepage.getPhotos('right');
});

homepage.timer = homepage.timer * 1000;

homepage.photos = Object();

homepage.timeout = '';

homepage.getPhotos = function(navigator) {
    var pid = 0;
    
    if($('#homepage_photos ul li')[2]) {
        if(navigator == 'right')
            pid = $($('#homepage_photos ul li')[2]).attr("id");
        else
            pid = $($('#homepage_photos ul li')[0]).attr("id");
    }
    
    $.post('/api.php', {"method":"getMainPagePhotos", "pid":pid, "navigator":navigator}, homepage.getPhotos_callback, 'json');
}

homepage.getPhotos_callback = function(data) {
    homepage.photos = data;
    
    if($('#homepage_photos ul li').length){
        var margin = '-2000px';
        
        if(homepage.photos[0].navigator == 'left')
            margin = '0';
        
        $('#homepage_photos .right').unbind('click');
        $('#homepage_photos .left').unbind('click');
        //$($('#homepage_photos ul')).animate({"left":margin}, 2000, homepage.getPhotos_nextAnimate);
        $($('#homepage_photos ul')).animate({"left":margin}, {duration:1000, easing:"easeInOutSine", complete:homepage.getPhotos_nextAnimate});
        //-2000 750 "easeInOutExpo"
        //$("div#homepage_photos").slideView();
    }
    else
        homepage.getPhotos_nextAnimate();
}

homepage.getPhotos_nextAnimate = function() {
    if($('#homepage_photos ul li').length) {
        if(homepage.photos[0].navigator == 'right') {
            $($('#homepage_photos ul li')[0]).remove();
            $('#homepage_photos ul').css({"left":"-1000px"});
        } else {
            $($('#homepage_photos ul li')[2]).remove();
            $('#homepage_photos ul').css({"left":"-1000px"});
        }
    }
    
    for(var key in homepage.photos) {
        //var append_html = '<li id="'+homepage.photos[key]['id']+'" style="background:url(\'/upload/'+homepage.photos[key]['image']+'\') no-repeat center center;"></li>';
        var append_html = '<li id="'+homepage.photos[key]['id']+'"><img src="/upload/'+homepage.photos[key]['image']+'" /></li>';
        
        if(homepage.photos[0].navigator == 'right')
            $('#homepage_photos ul').append(append_html);
        else
            $('#homepage_photos ul').prepend(append_html);
    }
    
    $('#homepage_photos .right').click(function() {
        clearTimeout(homepage.timeout);
        homepage.getPhotos('right');
    });
    
    $('#homepage_photos .left').click(function() {
        clearTimeout(homepage.timeout);
        homepage.getPhotos('left');
    });
    
    homepage.timeout = setTimeout(function(){ homepage.getPhotos('right'); }, homepage.timer);
}