var heroes_length = 5;
var heroScrollPos = 1;
var heroMaxScrollPos = Math.ceil(heroes_length / 4);
var photoCount = 36;
var photoScrollPos = 1;
var photoMaxScrollPos = Math.ceil(photoCount/12);
if(photoMaxScrollPos > 3)photoMaxScrollPos=3;
var musicScrollPos = 1;
var musicMaxScrollPos = 3;
$(document).ready(function() {

$("#LessHeroesButton").click(function(event) {
    if (heroScrollPos == heroMaxScrollPos) {
        return false;
    }
    $("#SideKickView").animate({ top: "-=260" });
    heroScrollPos += 1;
    /*PopulateHeroes(heroScrollPos);*/
    event.preventDefault();
});
$("#MoreHeroesButton").click(function(event) {
    if (heroScrollPos == 1) {
        return false;
    }
    $("#SideKickView").animate({ top: "+=260" });
    heroScrollPos -= 1;
    /*PopulateHeroes(heroScrollPos);*/
    event.preventDefault();
});
    // photo scroll button
    $("#LessPhotosButton").click(function(event){
        if (photoScrollPos == 1) {
            return false;
        }        
        photoScrollPos -= 1;
        PopulatePhotos();
        ResetPhotoButtons();
        event.preventDefault();
    });
    $("#MorePhotosButton").click(function(event){
        if (photoScrollPos == photoMaxScrollPos) {
            return false;
        }
        photoScrollPos += 1;
        PopulatePhotos();
        ResetPhotoButtons();
        event.preventDefault();
    });
    $("#LessMusicButton").click(function(event){
        if (musicScrollPos == 1) {
            return false;
        }
        $("#MusicList").animate({left: "+=545"});
        musicScrollPos -= 1;
        ResetMusicButtons()
        event.preventDefault();
    });
    $("#MoreMusicButton").click(function(event){
        if (musicScrollPos == musicMaxScrollPos) {
            return false;
        }
        $("#MusicList").animate({left: "-=545"});
        musicScrollPos += 1;
        ResetMusicButtons();
        event.preventDefault();
    });
    
    ResetPhotoButtons();
    ResetMusicButtons();
    
    $("#PichuTabs a").click(function(event){
        $("#PichuTabs a").removeClass("select");
        $(this).addClass("select");
        $("#PichuCompContent").addClass("PichuContent");
        $("#PichuEventContent").addClass("PichuContent");
        $("#PichuMusicContent").addClass("PichuContent");
        $("#" + $(this).attr("id") + "Content").removeClass();
        event.preventDefault();
    });
});
function PopulatePhotos(){
    $.get("/ajax/getfrontphotos.ashx?page="+photoScrollPos+"&count=12", function(data){
        $("#GalleryPort").html(data);
        JT_init();   
    });
}
function ResetPhotoButtons(){
    $("#LessPhotosButton").removeClass();
    $("#LessPhotosButton").addClass("LessPhotos");
    $("#MorePhotosButton").removeClass();
    $("#MorePhotosButton").addClass("MorePhotos");
    if(photoScrollPos == photoMaxScrollPos){
        $("#MorePhotosButton").removeClass();
        $("#MorePhotosButton").addClass("MorePhotosGrey");
    }
    if(photoScrollPos == 1){
        $("#LessPhotosButton").removeClass();
        $("#LessPhotosButton").addClass("LessPhotosGrey");
    }
}
function ResetMusicButtons(){
    $("#LessMusicButton").removeClass();
    $("#LessMusicButton").addClass("LessMusic");
    $("#MoreMusicButton").removeClass();
    $("#MoreMusicButton").addClass("MoreMusic");
    if(musicScrollPos == musicMaxScrollPos){
        $("#MoreMusicButton").removeClass();
        $("#MoreMusicButton").addClass("MoreMusicGrey");
    }
    if(musicScrollPos == 1){
        $("#LessMusicButton").removeClass();
        $("#LessMusicButton").addClass("LessMusicGrey");
    }
}