/*
	copyright 2008 getconfused.net
*/
var Subtitles = function ()  
{
    $(".sub_nav").hide();
	
}
var a = Subtitles;
a.prototype.init = function(){


    var _self = this;
    $("#mycarousel-prev").hide();
    $("#mycarousel-next").hide();
    $.ajax({
         type: "GET",
         url: "update.php",
         dataType: "json",
         success: function(json) {
             _self.data = json;
             var n = "";
             for (var i in json) {
                 if (i == "first") continue;
                 
                 var it = $("<li>"+i+"</li>");
                 it.attr("id",i);
                 it.click(function() {
                    _self.affPart($(this));
                 });
                 var ul = $("<ul></ul>");
                 var n = 1;
                 for (var j in json[i]) {
                     var itSub = $("<li>"+n+"</li>");
                     itSub.attr("id",j);
                     n++;
                     itSub.click(function() {
                        _self.affImg($(this));
                     });
                    ul.append(itSub);
                 }
                 var itSub = $("<li class='clear'></li>");
                 ul.append(itSub);
                 it.append(ul);
                 $("#nav").append($(it));
             }
             
             $('#mycarousel-next').bind('click', function() {
                _self.onNext();
                 return false;
             });

             $('#mycarousel-prev').bind('click', function() {
                _self.onPrev();
                 return false;
             });

             $('#mycarousel').jcarousel({
                 scroll:1,
                 initCallback:_self.initCallback,
                 itemFirstInCallback:function(carousel, item, idx, state){_self.setItemFirst(idx)},
                 buttonNextHTML: null,
                 buttonPrevHTML: null
             });
             
             var im = "<img src='"+json['first']+"' />";
             Subtitles.carousel.add(0,im);
             Subtitles.carousel.size(0);
            $("#main").hide().fadeIn("slow");
             
         }
     });    
}

a.prototype.setItemFirst = function(id) {
    if (id > 1) {
        $("#mycarousel-prev").show();
    } else {
        $("#mycarousel-prev").hide();
    }
    
    if (id == this.carSize) {
        $("#mycarousel-next").hide();
    } else if (this.carSize > 1){
        $("#mycarousel-next").show();
    }
    
    this.currIndex = id;
    
}

a.prototype.onNext = function(){
    Subtitles.carousel.next();
}
a.prototype.onPrev = function(){
    Subtitles.carousel.prev();
}

a.prototype.affPart = function(element){
    var ul = $(element).find("ul");
    if (ul.is(":visible") == false) {
        if (this.curr!=undefined) this.curr.slideToggle("slow");        
        ul.slideToggle("slow");
        this.curr = ul;
    }
}

a.prototype.affImg = function(element){
    var _self = this;
    if (this.currIndex != undefined) {
        Subtitles.carousel.get(this.currIndex-1).fadeOut("slow", function(){
            _self.carSize = 0;
            $("#mycarousel-prev").hide();
            $("#mycarousel-next").hide();
            var id = element.attr("id");
            var id2 = element.parents("li").attr("id");
            var images = _self.data[id2][id];
            Subtitles.carousel.reset();
            for (var i=0; i<images.length; i++) {
                var im = "<img src='content/"+id2+"/"+id+"/"+images[i]+"' />";
                Subtitles.carousel.add(i,im);
            }
            Subtitles.carousel.size(i);
            _self.carSize = i;
            if(_self.carSize>1) {
                $("#mycarousel-next").show();
            }

            $("#main").hide().fadeIn("slow");
        });
        
    } else {

            _self.carSize = 0;
            $("#mycarousel-prev").hide();
            $("#mycarousel-next").hide();
            var id = element.attr("id");
            var id2 = element.parents("li").attr("id");
            var images = _self.data[id2][id];
            Subtitles.carousel.reset();
            for (var i=0; i<images.length; i++) {
                var im = "<img src='content/"+id2+"/"+id+"/"+images[i]+"' />";
                Subtitles.carousel.add(i,im);
            }
            Subtitles.carousel.size(i);
            _self.carSize = i;
            if(_self.carSize>1) {
                $("#mycarousel-next").show();
            }

            $("#main").hide().fadeIn("slow");


    }
    
}

a.prototype.initCallback = function(carousel, state) {
    Subtitles.carousel = carousel;
}


$(document).ready(
	function() {
      mySubtitle = new Subtitles();
      mySubtitle.init();
	}
);