import org.codehaus.groovy.grails.plugins.PluginManagerHolder

/**
 * A taglib to ease the loading of Simile libraries 
 */
class SimileTagLib {
	static namespace = 'simile'
	
	def ajax = { attrs ->
		out.println pluginJS(request?.contextPath, 'ajax/simile-ajax', attrs?.bundle);
	}
	
	def timeline = { attrs ->
		out.println pluginJS(request?.contextPath, 'timeline/timeline', attrs?.bundle);
	}
	
	def timelineExt = { attrs ->
		out.println pluginJS(request?.contextPath, "timeline/ext/${attrs?.name}/${attrs?.name}", attrs?.bundle);
	}
	
	def pluginJS(contextPath, lib, bundle) {
		def p = PluginManagerHolder?.pluginManager.getGrailsPlugin('simile')
		return "<script type='text/javascript' src='${contextPath}/plugins/${p.name}-${p.version}/js/${lib}-api.js?bundle=${bundle == 'true'}'></script>"
	}
	
	def renderTimeline = { attrs ->
		// get our timeline
		def timeline = attrs.timeline
		
		// figure out our unit type
		def unitType = Timeline.TYPE_UNITS[timeline.type]
		def eventSource = "0"
		if (unitType) { eventSource = "new SimileAjax.EventIndex(${unitType})" }
		
		def unitObject = ""
		switch (timeline.type) {
			case Timeline.DEPTH_TYPE: 		unitObject = ".Depth"; break;
			case Timeline.GEOCHRONO_TYPE:	unitObject = ".Geochrono"; break;
		}
			
		
		out.println """\
		    <script>
        var tl;
        function onLoad() {
        var eventSource = new Timeline.DefaultEventSource(${eventSource});
            
            var theme = Timeline.ClassicTheme.create();
            theme.event.bubble.width = 320;
            theme.event.bubble.height = 220;
            var bandInfos = [
                Timeline${unitObject}.createBandInfo({
                    eventSource:    eventSource,
                    width:          "80%", 
                    intervalUnit:   Timeline.${timeline.detailUnit}, 
                    intervalPixels: ${timeline.detailPixels}
                }),
                Timeline${unitObject}.createBandInfo({
                    eventSource:    eventSource,
                    width:          "20%", 
                    intervalUnit:   Timeline.${timeline.overviewUnit}, 
                    intervalPixels: ${timeline.overviewPixels},
                    overview:       true,
                    convertToBaseUnit: true
                })
            ];
            bandInfos[1].syncWith = 0;
            bandInfos[1].highlight = true;
            
            tl = Timeline.create(document.getElementById("${attrs?.element}"), bandInfos, Timeline.HORIZONTAL${unitType == "" ? "" : ", " + unitType});
            tl.loadXML("${request?.contextPath}/timeline/eventsXML/${timeline.id}", function(xml, url) {
                eventSource.loadXML(xml, url);
            });
        }
        var resizeTimerID = null;
        function onResize() {
            if (resizeTimerID == null) {
                resizeTimerID = window.setTimeout(function() {
                    resizeTimerID = null;
                    tl.layout();
                }, 500);
            }
        }
    </script>
		"""
	}
}