var tl;

function setStatusLoading(aid) {
    $("#dataArea").html('<div class="loadNotice"> <img src="public/images/loader.gif" /> <br/> Loading Data ... </div>');
    $("#contributedContentAction").html('<div class="loadNotice"> <img src="public/images/loader.gif" /> <br/> Loading Data ... </div>');
}

function centerTimeline(year) {
    tl.getBand(0).setCenterVisibleDate(new Date(year, 0, 1));
}


function fetcData(aid) {
    setStatusLoading(aid);
    $.get("index.php/index/fetchobjectdata/?aid=" + aid, function(data){
        $("#dataArea").html(data);

        $.get("index.php/index/loadobjectlogs", function(data){
             $("#contributedContentAction").html(data);
        });

        var pointYear = $('#setthisYearontimeLine').html();
        centerTimeline(pointYear);

        var thisContent = $('#mainConetentHeadline').html();

        $('.timeline-event-label').each(function(idx, item) {
            var loopContent = $(item).html();
            if( loopContent == thisContent) {
                $('#'+item.id).addClass('evenHighlight');
                $('#'+item.id).css('width', 'auto');
            } else {
                $('#'+item.id).removeClass('evenHighlight');
            }
        });

        $('#timeline-band-0 .timeline-date-label').each(function(idx, item) {
            var yearloopContent = $(item).html();
            if( yearloopContent == pointYear) {
                $(item).css('color', '#d2691e');
                $(item).css('font-size', '20px');
                //$(item).css('font-weight', 'bold');
            } else {
                $(item).css('color', '#AAAAAA');
                $(item).css('font-size', '14px');
                //$(item).css('font-weight', 'normal');
            }
        });
        $("a.objectImage").fancybox({
            'zoomSpeedIn': 300,
            'zoomSpeedOut': 300,
            'overlayShow': true,
            'imageScale': true
        });
        $("a.objectImage").click(function() {
           
            //setTimeout("setLightboxDimensions()",1250);

        });
        $("a.objectPlace").fancybox({
            'zoomSpeedIn': 300,
            'zoomSpeedOut': 300,
            'overlayShow': true,
            'imageScale': true
        });


     });
}

function setLightboxDimensions() {
     $('#fancy_outer').css('width', '789px');
     $('#fancy_outer').css('height', '550px');
     $('#fancy_outer').css('top', '0');
     $('#fancy_outer').css('left', '117');
     $('#fancy_outer').css('overflow', 'hidden');
}


$(document).ready(function() {

   $("a.contribute").click(function() {
      $('#addContent > ul').tabs();
   });

   $("a.contribute").fancybox({
        'zoomSpeedIn': 300,
        'zoomSpeedOut': 300,
        'overlayShow': true,
        'imageScale': true,
        'hideOnContentClick': false
   });
  
   $('.loadInterface').click(function () {
        var artifactID = $(this).attr("href");

        $('#indexArea ul li a').removeClass("higilighted");
	$(this).addClass("higilighted");

        fetcData(artifactID);
        return false;
   });

   var eventSource = new Timeline.DefaultEventSource();

   var bandInfos = [
     Timeline.createBandInfo({
         eventSource:    eventSource,
         date:           "2006",
         width:          "70%",
         intervalUnit:   Timeline.DateTime.YEAR,
         intervalPixels: 100
     }),
     Timeline.createBandInfo({
         showEventText:  false,
         trackHeight:    0.5,
         trackGap:       0.2,
         eventSource:    eventSource,
         date:           "2006",
         width:          "30%",
         intervalUnit:   Timeline.DateTime.DECADE,
         intervalPixels: 50
     })
   ];

   bandInfos[1].syncWith = 0;
   bandInfos[1].highlight = true;

   tl = Timeline.create(document.getElementById("timelineConatiner"), bandInfos);
   Timeline.loadXML("index.php/index/timeline", function(xml, url) { eventSource.loadXML(xml, url); });


   var resizeTimerID = null;
   $('body').resize(function() {
     if (resizeTimerID == null) {
         resizeTimerID = window.setTimeout(function() {
             resizeTimerID = null;
             tl.layout();
         }, 500);
     }
   });




});