var expandedFolder="";
var maxPhotos=24;
var folder;
var photo_count;

$(document).ready(function () {
    ffnShowGalleries(); 
}); 
 
 
function ffnShowGalleries() {
    for (var month=0; month<MonthsCount;month++) {
        // MONTH
        var monthName=GalleryImages.items[month][0];
        
        var divMonthFrame=$("<DIV>");
        divMonthFrame[0].className="divGallery_Item";
        divMonthFrame[0].id="divFolder_"+month;
        divMonthFrame[0].onclick=function() {
            ffnExpandFolder(this.id.split("_")[1]);
        }
        divMonthFrame[0].onmouseover=function() {
            this.style.cursor='pointer';
        }
        
        // MONTH TEXT
        var divMonthText=$("<DIV>");
        divMonthText[0].className="divGallery_Item_Text";
        divMonthText[0].innerHTML=ffnGetMonthCaption(monthName.split("_")[0]);
        divMonthFrame.prepend(divMonthText);        
        
        
        // CONTAINER
        var divContainer = $("<DIV>");
        divContainer[0].id="divContainer_"+month;
        divContainer[0].className="divContainer";
        
        switch (GalleryImages.items[month][0].split("_")[1]) {
            case "1":
                divContainer[0].style.marginTop="-55px";
                break;
              case "2":
                divContainer[0].style.marginTop = "-87px";
                break;
            case "3":
                divContainer[0].style.marginTop="-120px";
                break;
            case "4":
                divContainer[0].style.marginTop = "-155px"; 
                break;
            case "5":
                divContainer[0].style.marginTop = "-185px";
                break;
        }
        
        // DAYS
        var intTop=(GalleryImages.items[month][0].split("_")[1]-1)*33;

//        if (intTop==0) {
//            intTop=33;
//        }
        for (var days=1; days<DayCount; days++) {
            if (GalleryImages.items[month][days]!=null) {
                var divDayFrame=$("<DIV>");
                divDayFrame[0].className="divDay_Item";
                divDayFrame[0].id=GalleryImages.items[month][days];
                divDayFrame[0].onclick=function() {
                    ffnShowGalerie(this.id);
                }
                divDayFrame[0].onmouseover=function() {
                    this.style.cursor='pointer';
                    this.className="divDay_Item_Selected"
                }
                divDayFrame[0].onmouseout=function() {
                    this.className="divDay_Item"
                }
                
                //divDayFrame[0].style.marginTop=intTop+"px";

                // Day_Text
                var divDayItemText=$("<DIV>");
                divDayItemText[0].className="divDay_Item_Text";
                divDayItemText[0].innerHTML=ffnGetDayCaption(GalleryImages.items[month][days].split("_")[0]);
                divDayFrame.append(divDayItemText);
                
                divContainer.prepend(divDayFrame);
                intTop = intTop - 33;
            }
        }
        
        
        // MONTH LINE
        var divMonthLine=$("<DIV>");
        divMonthLine[0].className="divMonth_Line";
        divContainer.prepend(divMonthLine);
        
        //divMonthFrame.append(divContainer);

        var totalFrame=$("<DIV>");
        totalFrame[0].id="divTotalFrame_"+month;
        totalFrame.append(divMonthFrame);
        totalFrame.append(divContainer);

        $("#divContent_3").prepend(totalFrame);

    }

}

function ffnCloseGallery(){
    $("#divGalleryTransBack").fadeOut("slow");
    $("#divShowGallerySmall").fadeOut("fast", function() {
            $("#divContent_3").fadeIn("slow");
      });   
}


function ffnShowGalerie(id){
    var count = maxPhotos;
    $("#divGalleryTransBack").fadeIn("slow");
    folder=id.split("_")[0];
    photo_count=id.split("_")[1];
    /*
    <li><a href="Gallery/201107/20010707/image9.jpg" title="Add title to show image name or description">
                <img src="Gallery/201107/20010707/thumb_image9.jpg" width="100" alt="" />
            </a></li>
    */
    $("#actualPage")[0].innerHTML='1';
    $("#maxPage")[0].innerHTML=Math.ceil(photo_count/maxPhotos);
    if (photo_count < maxPhotos){
        count=photo_count;
    }
    $("#ul_gallery")[0].innerHTML='';
    for (var i=1; i<=count; i++) {
        $("#ul_gallery").append("<li><a href='Gallery/" + folder.substring(0,6) + "/" + folder + "/image" + pad(i, 3) + ".jpg' title=''><img src='Gallery/" + folder.substring(0,6) + "/" + folder + "/thumb_image" + pad(i, 3) + ".jpg' width='100' alt='' /></a></li>");
    }
    $("#divContent_3").fadeOut("fast", function() {
            $("#divShowGallerySmall").fadeIn("slow");
            $(function() {
            var settings = { containerResizeSpeed: 350
                };
                $('#gallery a').lightBox(settings);
            });
      });             
}

function ffnNextImages(){
     if (parseInt($("#actualPage")[0].innerHTML) < parseInt($("#maxPage")[0].innerHTML)){
        var page = parseInt($("#actualPage")[0].innerHTML);
        
        $("#ul_gallery")[0].innerHTML='';
        for (var i=(page*maxPhotos)+1; i<=(page+1)*maxPhotos; i++) {
            if (i<=photo_count){
                $("#ul_gallery").append("<li><a href='Gallery/" + folder.substring(0,6) + "/" + folder + "/image" + pad(i, 3) + ".jpg' title=''><img src='Gallery/" + folder.substring(0,6) + "/" + folder + "/thumb_image" + pad(i, 3) + ".jpg' width='100' alt='' /></a></li>");
             $(function() {
                var settings = { containerResizeSpeed: 350
                    };
                    $('#gallery a').lightBox(settings);
                });
            }
        } 
        $("#actualPage")[0].innerHTML = page+1;
    }
}

function ffnPreviousImages(){
     if (parseInt($("#actualPage")[0].innerHTML) > 1){
        var page = parseInt($("#actualPage")[0].innerHTML);
        
        $("#ul_gallery")[0].innerHTML='';
        for (var i=((page-2)*maxPhotos)+1; i<=(page-1)*maxPhotos; i++) {
            $("#ul_gallery").append("<li><a href='Gallery/" + folder.substring(0,6) + "/" + folder + "/image" + pad(i, 3) + ".jpg' title=''><img src='Gallery/" + folder.substring(0,6) + "/" + folder + "/thumb_image" + pad(i, 3) + ".jpg' width='100' alt='' /></a></li>");
             $(function() {
                var settings = { containerResizeSpeed: 350
                    };
                    $('#gallery a').lightBox(settings);
                });
        } 
        $("#actualPage")[0].innerHTML = page-1;
    }
}

function ffnGetMonthCaption(strDate) {
    if (strDate!="bestof") {
      var year=strDate.substring(0,4);
      var month=ffnGetMonthText(strDate.substring(4,6));
    
      return month+" "+year;
    } else {
      return "Best of";
    }
}


function ffnGetDayCaption(strDate) {
    if (strDate!="bestof") {
      var year=strDate.substring(0,4);
      var month=strDate.substring(4,6);

     var day=strDate.substring(6,8);
      var d = new Date(year, month-1, day );
      day=ffnGetDayText(d.getDay());
    
      month=ffnGetMonthText(month);
      return day+" "+strDate.substring(6,8)+"."+month+" "+year;
    } else {
      return "Best of 2011";
    }
}

function ffnGetMonthText(nr) {
    var month="";
    switch (nr) {
        case "01":
            month="JANUAR";
            break;
        case "02":
            month="FEBRUAR";
            break;
        case "03":
            month="MÄRZ";
            break;
        case "04":
            month="APRIL";
            break;
        case "05":
            month="MAI";
            break;
        case "06":
            month="JUNI";
            break;
        case "07":
            month="JULI";
            break;
        case "08":
            month="AUGUST";
            break;
        case "09":
            month="SEPTEMBER";
            break;
        case "10":
            month="OKTOBER";
            break;
        case "11":
            month="NOVEMBER";
            break;
        case "12":
            month="DEZEMBER";
            break;
    }
    
    return month;
}

function ffnGetDayText(nr) {
    var day="";
    switch (nr) {
        case 1:
            day="MONTAG";
            break;
        case 2:
            day="DIENSTAG";
            break;
        case 3:
            day="MITTWOCH";
            break;
        case 4:
            day="DONNERSTAG";
            break;
        case 5:
            day="FREITAG";
            break;
        case 6:
            day="SAMSTAG";
            break;
        case 0:
            day="SONNTAG";
            break;
    }
    
    return day;
}

function ffnExpandFolder(id) {
    if ($("#divFolder_"+id)[0].clientHeight==35) {
      var intHeight=GalleryImages.items[id][0].split("_")[1];
      intHeight=intHeight*33+38;
      $("#divFolder_"+id).animate({
        height: intHeight+'px'
      }, 500, function() {
        $("#divContainer_"+id).fadeIn("fast");            
      });         


      expandedFolder=id;
    } else {
      $("#divContainer_"+id).fadeOut("fast", function() {
          $("#divFolder_"+id).animate({
            height: '35px'
          }, 500, function() {
          });      
      });            

    }
}