// Screenshots page script

var screenshots = { active: 1 };

screenshots.init = function() {
    screenshots.setActive(screenshots.active);
    var tabs = $("div.bigtabs").children();
    var id = "";
    for(var i = 0; i < tabs.length; i++) {
        $(tabs[i]).click(function() {
            id = $(this).attr("id");
            id = id.substr(id.length - 1, 1);
            screenshots.setActive(parseInt(id));
        });
    }
    $("a.get-left").click(function() {
        if(screenshots.active == 1) { return true; }
        screenshots.setActive(--screenshots.active);
    });
    $("a.get-right").click(function() {
        if(screenshots.active == $("div.bigtabs").children().length) { return true; }
        screenshots.setActive(++screenshots.active);
    });
};

screenshots.setActive = function(index) {
    screenshots.active = index;
    var image = $("div.bsc-container div.image");
    var newOffset = (index - 1) * 524;
    image.animate({ left: "-" + newOffset + "px" }, 200);
    var container = $("div.bigtabs");
    var tabs = container.children();
    var tab = null;
    var link = null;
    for(var i = 0; i < tabs.length; i++) {
        tab = $(tabs[i]);
        if(tab.hasClass("selected")) {
            tab.removeClass("selected");
        }
        tab.addClass("active");
        link = tab.find("a");
        if(link.hasClass("non-active")) {
            link.removeClass("non-active");
        }
    }
    var selTab = $(tabs[index - 1]);
    if(selTab.hasClass("active")) { selTab.removeClass("active"); }
    selTab.addClass("selected");
    selTab.find("a").addClass("non-active");
    var o = null;
    if(index == 1) {
        o = $("a.get-left");
        o.animate({ opacity: 0.4 }, 200);
        o.css({ cursor: "default" });
    } else {
        o = $("a.get-left");
        o.animate({ opacity: 1 }, 200);
        o.css({ opacity: 1, cursor: "pointer" });
    }
    if(index == tabs.length) {
        o = $("a.get-right"); 
        o.animate({ opacity: 0.4 }, 200);
        o.css({ cursor: "default" });
    } else {
        o = $("a.get-right");
        o.animate({ opacity: 1 }, 200);
        o.css({ cursor: "pointer" });
    }
};

$(document).ready(screenshots.init);