--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/wp/wp-content/plugins/codecanyon-3027163-content-timeline-responsive-wordpress-plugin/js/frontend/jquery.timeline.backup.js Wed Nov 06 03:21:17 2013 +0000
@@ -0,0 +1,747 @@
+/*
+
+Content Timeline 3.0
+
+Date organised content slider.
+
+Copyright (c) 2012 Br0 (shindiristudio.com)
+
+Project site: http://codecanyon.net/
+Project demo: http://shindiristudio.com/timeline
+
+*/
+
+(function($){
+
+ // EVENTS.timeline
+
+ // init.timeline : triggered when timeline is initialised
+ // scrollStart.timeline : triggered when item move animation starts
+ // scrollEnd.timeline : triggered when item move animation ends
+ // itemOpen.timeline : triggered on click to open item
+ // itemClose.timeline : triggered on click to close item
+
+ // ---------------------------------------------------------
+
+ // On KeyPress (left) : trigger $.timeline('left')
+ // On KeyPress (right) : trigger $.timeline('right')
+
+ // ---------------------------------------------------------
+
+ // $.timeline(METHODS)
+
+ // $.timeline('init') : initialises timeline
+ // $.timeline('destroy') : clears timeline data
+ // $.timeline('left') : moves one left by one element
+ // $.timeline('right') : moves right by one element
+ // $.timeline('open', id) : opens element with 'data-id' = id
+ // $.timeline('close', id): closes element with 'data-id' = id
+ // $.timeline('goTo', id) : goes to element width 'data-id' = id
+
+
+ var t_methods = {
+ init : function( options ) {
+
+ // Default settings
+ var settings = $.extend( {
+ 'itemClass' : '.item', // class used for timeline items
+ 'itemOpenClass' : '.item_open', // class used for item details
+ 'openTriggerClass' : '.item', // class of read more element (default uses whole item to trigger open event)
+ 'closeText' : 'Close', // text of close button in open item
+ 'itemMargin' : 10, // spacing between items
+ 'scrollSpeed' : 500, // animation speed
+ 'startItem' : 'last', // timeline start item id, 'last' or 'first' can be used insted
+ 'easing' : 'easeOutSine', // jquery.easing function for animations,
+ 'categories' : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], // categories shown above timeline (months are default)
+ 'nuberOfSegments' : [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], // number of elements per category (number of days)
+ 'yearsOn' : true, // show years (can be any number you use in data-id (elementNumber/category/yearOrSomeOtherNumber))
+ 'swipeOn' : true, // turn on swipe moving function
+ 'hideTimeline' : false,
+ 'hideControles' : false
+ }, options); // Setings
+
+
+ // main queries
+ var $this = this,
+ $body = $('body'),
+ $items = $this.find(settings.itemClass),
+ $itemsOpen = $this.find(settings.itemOpenClass),
+ itemWidth = $items.first().width(),
+ itemOpenWidth = $itemsOpen.first().width();
+
+ // Trigger init event
+ $this.trigger('init.Timeline');
+
+
+ // If no index found
+ var startIndex = $items.length-1;
+
+ // Find index of start element
+ if(settings.startItem == 'first')
+ {
+ startIndex = 0;
+ }
+ else if (settings.startItem == 'last')
+ {
+ startIndex = $items.length-1;
+ }
+ else {
+ $items.each(function(index){
+ if(settings.startItem == $(this).attr('data-id'))
+ {
+ startIndex = index;
+ return true;
+ }
+ });
+ }
+ $items.each(function(index){
+ $(this).attr('data-count', index);
+ $(this).next(settings.itemOpenClass).attr('data-count', index);
+ if(!$(this).hasClass(settings.openTriggerClass)) {
+ $(this).find(settings.openTriggerClass).attr('data-count', index);
+ }
+ });
+
+ // Create wrapper elements, and needed properties
+ $this.append('<div style="clear:both"></div>');
+ $this.css({width: '100%', 'overflow' : 'hidden', marginLeft : 'auto', marginRight : 'auto','text-align': 'center', height:0});
+ $this.wrapInner('<div class="timeline_items" />');
+ $this.find('.timeline_items').css('text-align','left');
+ if(!settings.hideControles) {
+ $this.append('<div class="t_controles"><div class="t_left"></div><div class="t_right"></div></div>');
+ }
+
+ // ZoomOut placement fix
+ $this.wrapInner('<div class="timeline_items_holder" />');
+ $this.find('.timeline_items_holder').css({width: '300px', marginLeft : 'auto', marginRight : 'auto'});
+
+
+ $items.css({paddingLeft:0 , paddingRight:0, marginLeft: settings.itemMargin/2, marginRight: settings.itemMargin/2, float: 'left', position:'relative'});
+
+ $itemsOpen.each(function(){
+ $(this).prepend('<div class="t_close" data-count="'+$(this).attr('data-count')+'" data-id="'+$(this).attr('data-id')+'">'+settings.closeText+'</div>');
+ $(this).wrapInner('<div class="'+settings.itemOpenClass.substr(1)+'_cwrapper" />').find('div:first').css({position: 'relative'});
+ $(this).css({width: 0, padding:0 , margin: 0, float: 'left', display : 'none', position : 'relative', overflow : 'hidden'});
+ });
+
+
+ // Get new queries
+ var $iholder = $this.find('.timeline_items:first'),
+ $line = $this.find('.t_line_wrapper:first'),
+ margin = 300/2 - (itemWidth + settings.itemMargin)*(1/2 + startIndex) ,
+ width = (itemWidth + settings.itemMargin)*$items.length + (itemOpenWidth + settings.itemMargin) + 660 ,
+ data = $this.data('timeline');
+
+ // Set margin so start element would place in midle of the screen
+ $iholder.css({width: width, marginLeft: margin});
+
+
+
+
+ // If the plugin hasn't been initialized yet
+ if (!data){
+ $this.data('timeline', {
+ currentIndex : startIndex,
+ itemCount : $items.length,
+ margin : margin,
+ itemWidth : itemWidth,
+ itemOpenWidth : itemOpenWidth,
+ lineMargin : 0,
+ lineViewCount : 0,
+ options : settings,
+ items : $items,
+ iholder : $iholder,
+ open : false,
+ noAnimation : false,
+ marginResponse: false,
+ mousedown : false,
+ mousestartpos : 0
+ });
+ }
+ if(!settings.hideTimeline) {
+ $this.timeline('createElements');
+ }
+
+
+
+ // Bind keyLeft and KeyRight functions
+ $(document).keydown(function(e){
+ if (e.keyCode == 37) {
+ $this.timeline('left');
+ return false;
+ }
+ if (e.keyCode == 39) {
+ $this.timeline('right');
+ return false;
+ }
+ });
+
+ // Respond to window resizing
+ $(window).resize(function() {
+ //var id = $this.find('.active:first').attr('href').substr(1);
+ var data = $this.data('timeline'),
+ id = $items.eq(data.currentIndex).attr('data-id');
+
+ itemWidth = $items.first().width(),
+ itemOpenWidth = $itemsOpen.first().find('div:first').width();
+
+ data.margin += data.itemCount*(data.itemWidth-itemWidth);
+ data.itemWidth = itemWidth;
+
+ if(data.open) data.margin += (data.itemOpenWidth-itemOpenWidth)/2;
+ data.itemOpenWidth = itemOpenWidth;
+
+
+ if($('body').width() < 767 && data.open && !data.marginResponse) {
+ data.margin -= (itemWidth+settings.itemMargin)/2;
+ data.marginResponse = true;
+ }
+ else if($('body').width() >= 767 && data.marginResponse && data.open) {
+ data.margin += (itemWidth+settings.itemMargin)/2;
+ data.marginResponse = false;
+ }
+
+ data.noAnimation = true;
+ $this.timeline('goTo', id);
+ });
+
+ // Bind left on click
+ $this.find('.t_left').click(function(){
+ $this.timeline('left');
+ });
+
+ // Bind right on click
+ $this.find('.t_right').click(function(){
+ $this.timeline('right');
+ });
+
+ // SWIPE bind
+
+ if(settings.swipeOn) {
+ $items.find('*').each(function(){
+ $(this).css({'-webkit-touch-callout': 'none',
+ '-webkit-user-select': 'none',
+ '-khtml-user-select': 'none',
+ '-moz-user-select': 'none',
+ '-ms-user-select': 'none',
+ 'user-select': 'none'});
+ });
+
+ $this.find(settings.itemClass).mousedown(function(e){
+ $this.timeline('mouseDown', e.pageX);
+ });
+ $(document).mouseup(function(e){
+ var data = $this.data('timeline');
+ if(data.mousedown) {
+ $this.timeline('mouseUp', e.pageX);
+ }
+ });
+ }
+
+
+
+ // Bind open on click
+ $this.find(settings.openTriggerClass).click(function(){
+ $this.timeline('goTo',$(this).attr('data-id'), $(this).attr('data-count'), true);
+ });
+
+ // Bind close on click
+ $this.find('.t_close').click(function(){
+ $this.timeline('close',$(this).attr('data-id'),$(this).attr('data-count'));
+ });
+
+ // Show when loaded
+ $this.css({height: 'auto'}).show();
+
+ // Reposition nodes due to their width
+ $this.find('.t_line_node').each(function(){
+ if($(this).width() < 10) $(this).width(12);
+ $(this).css({marginLeft: -$(this).width()/2});
+ });
+ return $this;
+ },
+
+ // Clear data
+ destroy : function( ) {
+ $(document).unbind('mouseup');
+ $(window).unbind('resize');
+ var $this = this,
+ data = $this.data('timeline');
+ $this.removeData('timeline');
+
+ },
+
+ mouseDown : function(xpos) {
+ var $this = this,
+ data = $this.data('timeline'),
+ xmargin = 0;
+ data.mousedown = true;
+ data.mousestartpos = xpos;
+
+ $('body').css('cursor','move');
+ $(document).mousemove(function(e){
+ xmargin = data.margin - xpos + e.pageX;
+ data.iholder.css('marginLeft', xmargin + 'px');
+ });
+ },
+
+ mouseUp : function(xpos) {
+
+ var $this = this,
+ data = $this.data('timeline'),
+ itemWidth = data.itemWidth + data.options.itemMargin,
+ itemC = data.currentIndex,
+ mod = 0,
+ xmargin = xpos - data.mousestartpos;
+ data.mousedown = false;
+
+ $(document).unbind('mousemove');
+ $('body').css('cursor','auto');
+
+ itemC -= parseInt(xmargin/itemWidth);
+ mod = xmargin%itemWidth;
+ if (xmargin < 0 && mod < -itemWidth/2) {
+ itemC++;
+ }
+ if (xmargin > 0 && mod > itemWidth/2) {
+ itemC--;
+ }
+
+ if(itemC < 0) {
+ itemC = 0;
+ }
+ if(itemC >= data.itemCount) {
+ itemC = data.itemCount-1;
+ }
+
+ $this.timeline('goTo', data.items.eq(itemC).attr('data-id'), data.items.eq(itemC).attr('data-count'));
+
+
+ },
+
+ open : function (id, data_count) {
+ var $this = this,
+ data = $this.data('timeline'),
+ $items = $this.find(data.options.itemOpenClass),
+ speed = data.options.scrollSpeed,
+ width = data.itemOpenWidth,
+ easing = data.options.easin,
+ itemMargin = data.options.itemMargin;
+
+
+ $items.each(function(){
+ if ($(this).attr('data-id') == id) {
+ if (!data_count || data_count == $(this).attr('data-count')) {
+
+ // Trigger itemOpen event
+ $this.trigger('itemOpen.Timeline');
+
+ // Open content and move margin
+ $(this).stop(true).show().animate({width: width, marginLeft: itemMargin/2, marginRight: itemMargin/2,}, speed, easing);
+ if($('body').width() < 767) {
+ data.margin -= (data.itemWidth+data.options.itemMargin)/2;
+ data.marginResponse = true;
+ }
+ else {
+ data.marginResponse = false;
+ }
+ data.margin -= (width + data.options.itemMargin + data.itemWidth)/2 - data.itemWidth/2;
+ data.iholder.stop(true).animate({marginLeft : data.margin}, speed, easing);
+ data.open = id;
+ }
+ }
+
+ });
+ return $this;
+ },
+
+ close : function (id, idOpen, dataCountOpen) {
+ var $this = this,
+ data = $this.data('timeline'),
+ $items = $this.find(data.options.itemOpenClass),
+ speed = data.options.scrollSpeed,
+ width = data.itemOpenWidth,
+ easing = data.options.easing;
+
+
+ $items.each(function(){
+ if ($(this).attr('data-id') == id && $(this).is(":visible")) {
+ // Trigger itemOpen event
+ $this.trigger('itemClose.Timeline');
+
+ // Close content and move margin
+ $(this).stop(true).animate({width: 0, margin:0}, speed, easing, function(){$(this).hide()});
+ if (data.marginResponse) {
+ data.margin += (data.itemWidth+data.options.itemMargin)/2;
+ }
+ data.margin += (width + data.options.itemMargin)/2;
+ data.iholder.stop(true).animate({marginLeft : data.margin}, speed, easing);
+ data.open = false;
+ }
+ });
+ if(idOpen) {
+ $this.timeline('open', idOpen, dataCountOpen);
+ }
+ return $this;
+ },
+
+
+ // Move one step left
+ right : function() {
+ var $this = this,
+ data = $this.data('timeline'),
+ speed = data.options.scrollSpeed,
+ easing = data.options.easing;
+ if (data.currentIndex < data.itemCount-1)
+ {
+ var dataId = data.items.eq(data.currentIndex+1).attr('data-id');
+ var dataCount = data.items.eq(data.currentIndex+1).attr('data-count');
+ $this.timeline('goTo', dataId, dataCount);
+ }
+ else
+ {
+ data.iholder.stop(true).animate({marginLeft : data.margin-50}, speed/2, easing).animate({marginLeft : data.margin}, speed/2, easing);
+ }
+ return $this
+ },
+
+ // Move one step right
+ left : function( ) {
+ var $this = this,
+ data = $this.data('timeline'),
+ speed = data.options.scrollSpeed,
+ easing = data.options.easing;
+ if (data.currentIndex > 0)
+ {
+ var dataId = data.items.eq(data.currentIndex-1).attr('data-id');
+ var dataCount = data.items.eq(data.currentIndex-1).attr('data-count');
+ $this.timeline('goTo', dataId, dataCount);
+ }
+ else
+ {
+ data.iholder.stop(true).animate({marginLeft : data.margin+50}, speed/2, easing).animate({marginLeft : data.margin}, speed/2, easing);
+ }
+ return $this;
+ },
+
+ // Go to item
+ goTo : function (id, data_count, openElement) {
+ var $this = this,
+ data = $this.data('timeline'),
+ speed = data.options.scrollSpeed,
+ easing = data.options.easing,
+ $items = data.items,
+ timelineWidth = $this.find('.timeline_line').width(),
+ count = -1,
+ found = false;
+
+ // Find item index
+ $items.each(function(index){
+ if(id == $(this).attr('data-id'))
+ {
+ if (!data_count || data_count == $(this).attr('data-count'))
+ {
+ found = true;
+ count = index;
+ return false;
+ }
+ }
+ });
+
+ // Move if fount
+ if(found)
+ {
+ // Move lineView to current element
+ var $nodes = $this.find('.t_line_node');
+ $nodes.removeClass('active');
+ var $goToNode = $nodes.parent().parent().find('[href="#'+id+'"]').addClass('active');
+ data.lineMargin = -parseInt($goToNode.parent().parent().attr('data-id'),10)*100;
+
+ // check if responsive width
+ if($this.find('.t_line_view:first').width() > $this.find('.timeline_line').width()) {
+ data.lineMargin *=2;
+ if ($goToNode.parent().hasClass('right')) data.lineMargin -= 100;
+ }
+
+ if(data.noAnimation){
+ data.noAnimation = false;
+ $this.find('.t_line_wrapper').stop(true).css({marginLeft : data.lineMargin+'%'});
+ }
+ else {
+ $this.find('.t_line_wrapper').stop(true).animate({marginLeft : data.lineMargin+'%'}, speed, easing );
+ }
+
+
+ if(data.open) {
+ $this.timeline('close', data.open, id, data_count);
+ }
+ else if (openElement) {
+ $this.timeline('open', id, data_count);
+ }
+
+ // Trigger ScrollStart event
+ $this.trigger('scrollStart.Timeline');
+
+ // Scroll
+
+ data.margin += (data.itemWidth + data.options.itemMargin)*(data.currentIndex - count);
+ data.currentIndex = count;
+
+ var multiply = (parseInt(data.iholder.css('margin-left')) - data.margin)/data.itemWidth;
+ data.iholder.stop(true).animate({marginLeft : data.margin}, speed+(speed/5)*(Math.abs(multiply)-1), easing, function(){
+ // Trigger ScrollStop event
+ $this.trigger('scrollStop.Timeline');
+ });
+ }
+ return $this;
+ },
+
+ // move line to the left
+ lineLeft : function() {
+ var $this = this,
+ data = $this.data('timeline'),
+ speed = data.options.scrollSpeed,
+ easing = data.options.easing;
+ if (data.lineMargin != 0 && data.options.categories) {
+ data.lineMargin += 100;
+ $this.find('.t_line_wrapper').stop(true).animate({marginLeft : data.lineMargin+'%'}, speed, easing);
+ }
+
+ },
+
+ // move line to the right
+ lineRight : function() {
+ var $this = this,
+ data = $this.data('timeline'),
+ speed = data.options.scrollSpeed,
+ easing = data.options.easing;
+ if ($this.find('.t_line_view:first').width() > $this.find('.timeline_line').width())
+ var viewCount = data.lineViewCount*2;
+ else
+ var viewCount = data.lineViewCount;
+
+ if (data.lineMargin != -(viewCount-1)*100 && data.options.categories) {
+ data.lineMargin -= 100;
+ $this.find('.t_line_wrapper').stop(true).animate({marginLeft : data.lineMargin+'%'}, speed, easing);
+ }
+
+ },
+
+ // Create timeline elements and css dependent properties
+ createElements : function() {
+ var $this = this,
+ data = $this.data('timeline'),
+ $items = data.items;
+
+ var html = '\n' +
+' <div class="timeline_line" style="text-align: left; position:relative; margin-left:auto; margin-right:auto;">\n' +
+' </div>\n';
+ $this.prepend(html);
+ var timelineWidth = $this.find('.timeline_line').width(),
+ cnt = 0,
+ nodes = new Array(),
+ months = [''].concat(data.options.categories);
+ monthsDays = [0].concat(data.options.nuberOfSegments),
+ minM = months.length,
+ minY = 99999,
+ maxM = 0,
+ maxY = 0;
+ if(!data.options.yearsOn) maxY = 99999;
+
+ // find timeline date range and make node elements
+ $items.each(function(){
+ var dataId = $(this).attr('data-id'),
+ nodeName = $(this).attr('data-name'),
+ dataDesc = $(this).attr('data-description'),
+ dataArray = dataId.split('/'),
+ d = parseInt(dataArray[0],10),
+ m = (months.indexOf(dataArray[1]) != -1) ? months.indexOf(dataArray[1]) : parseInt(dataArray[1],10),
+ y = parseInt(dataArray[2],10);
+
+
+ maxY = Math.max(maxY, y);
+ maxM = Math.max(maxM, m);
+ minY = Math.min(minY, y);
+ minM = Math.min(minM, m);
+
+
+ // Store node element
+ nodes[dataId] = '<a href="#'+dataId+'" class="t_line_node'+(cnt == data.currentIndex ? ' active' : '')+'" style="left: '+(100/(data.options.categories ? monthsDays[m] : monthsDays[1]))*d+'%; position:absolute; text-align:center;">'+((typeof nodeName != 'undefined') ? nodeName : d);
+
+ if(typeof dataDesc != 'undefined') nodes[dataId]+= '<span class="t_node_desc'+( m%2==0 ? ' pos_right': '')+'" style="white-space:nowrap; position:absolute; z-index: 1;">'+dataDesc+'</span>';
+
+ nodes[dataId]+='</a>\n';
+ cnt++;
+ });
+
+ // Make wrapper elements
+ html = '\n' +
+' <div id="t_line_left" style="position: absolute;"></div><div id="t_line_right" style="position: absolute;"></div>\n' +
+' <div class="t_line_holder" style="position:relative; overflow: hidden; width:100%;">\n' +
+' <div class="t_line_wrapper" style="white-space:nowrap;">\n';
+
+ cnt=0;
+ // Prepare for loop, every view has 2 months, we show both if first has nodes in it
+ if(maxM > 0) {
+ if (minM%2 == 0) minM--;
+
+ // Set max to be on first next view (the one that is going to stop the loop)
+ if (maxM%2 == 0) {
+ if (maxM == 12) {
+ maxM = 1; maxY++;
+ }
+ else maxM++;
+ }
+ else {
+ maxM +=2;
+ if (maxM == 13) {
+ maxM = 1; maxY++;
+ }
+ }
+
+
+ if (!data.options.categories) {
+ html +=
+ '<div class="t_line_view" data-id="'+cnt+'" style="position:relative; display:inline-block; width:100%;">\n'+
+ ' <div class="t_line_m" style="width:100%; border:0; position:absolute; top:0;">\n';
+ for (var x in nodes) {
+ html += nodes[x];
+ }
+ html += '</div>\n'+
+ '</div>';
+ }
+ else {
+
+ // Generate months and place nodes
+ while ((minY != maxY && !isNaN(minY) && !isNaN(maxY)) || minM != maxM) {
+
+ html +=
+ '<div class="t_line_view" data-id="'+cnt+'" style="position:relative; display:inline-block;">\n'+
+ (data.options.yearsOn ? ' <h3 class="t_line_year" style="text-align:center; width:100%">'+minY+'</h3>\n' : '' )+
+ ' <div class="t_line_m" style="position:absolute; top:0;">\n'+
+ ' <h4 class="t_line_month" style="position:abolute; width:100% top:0; text-align:center;">'+months[minM]+(data.options.yearsOn ? '<span class="t_line_month_year"> '+(data.options.yearsOn ? minY: '' )+'</span>' : '' )+'</h4>\n';
+
+ // Fill with nodes
+ for (x in nodes) {
+ var dataArray = x.split('/');
+ m = (months.indexOf(dataArray[1]) != -1) ? months.indexOf(dataArray[1]) : parseInt(dataArray[1],10);
+ if(!data.options.yearsOn) y = minY;
+ else y = parseInt(dataArray[2],10);
+ if (m == minM && (y == minY || !data.options.yearsOn)){
+ html+= nodes[x];
+ nodes.splice(x,1);
+ }
+ }
+ minM++;
+ html +=
+ ' </div>\n'+
+ ' <div class="t_line_m right" style="position:absolute; top:0;">\n'+
+ ' <h4 class="t_line_month" style="position:abolute; width:100% top:0; text-align:center;">'+(typeof months[minM] !== 'undefined' ? months[minM] : '')+(data.options.yearsOn ? '<span class="t_line_month_year"> '+(data.options.yearsOn ? minY: '' )+'</span>' : '' )+'</h4>\n';
+
+ // Fill with nodes
+ for (x in nodes) {
+ dataArray = x.split('/');
+ m = (months.indexOf(dataArray[1]) != -1) ? months.indexOf(dataArray[1]) : parseInt(dataArray[1],10);
+ if(!data.options.yearsOn) y = minY;
+ else y = parseInt(dataArray[2],10);
+
+ if (m == minM && (y == minY || !data.options.yearsOn)){
+ html+= nodes[x];
+ nodes.splice(x,1);
+ }
+ }
+ html +=
+ ' </div>\n'+
+ ' <div style="clear:both"></div>\n'+
+ ' </div>';
+
+ if (minM == months.length-1) { minM = 1; minY++;}
+ else { minM++; }
+
+ cnt++;
+
+ if(minM == maxM && !data.options.yearsOn) break;
+
+ }
+
+ }
+ }
+
+
+ html += '\n' +
+' <div style="clear:both"></div>\n'+
+' </div>\n'+
+' </div>\n';
+
+ // Set number of View elements
+ data.lineViewCount = cnt;
+ // Add generated html and set width & margin for dinamic timeline
+ $this.find('.timeline_line').html(html);
+ $this.find('.t_line_node').each(function(){
+ var $thisNode = $(this);
+ $(this).find('span').hide();
+ $(this).hover(function(){
+ $items.each(function(){
+ if($(this).attr('data-id') == $thisNode.attr('href').substr(1)) {
+ $(this).addClass('item_node_hover');
+ }
+ });
+ $(this).find('span').show();
+ }, function(){
+ $(this).find('span').hide();
+ $('.item_node_hover').removeClass('item_node_hover');
+ });
+
+ //Position lineView to selected item
+ if($(this).hasClass('active')) {
+ data.lineMargin = -parseInt($(this).parent().parent('.t_line_view').attr('data-id'),10)*100;
+ $this.find('.t_line_wrapper').css('margin-left', data.lineMargin+'%');
+ }
+ // Bind goTo function to click event
+ $(this).click(function(e){
+ e.preventDefault();
+ $this.find('.t_line_node').removeClass('active');
+ $(this).addClass('active');
+ $this.timeline('goTo', $(this).attr('href').substr(1));
+ });
+ });
+
+ $this.find('#t_line_left').click(function(){
+ $this.timeline('lineLeft');
+ });
+
+ $this.find('#t_line_right').click(function(){
+ $this.timeline('lineRight');
+ });
+
+ }
+ };
+
+ // Initiate methods
+ $.fn.timeline = function( method ) {
+
+ if ( t_methods[method] ) {
+ return t_methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+ } else if ( typeof method === 'object' || ! method ) {
+ return t_methods.init.apply( this, arguments );
+ } else {
+ $.error( 'Method ' + method + ' does not exist on jQuery.timeline' );
+ }
+
+ };
+
+
+
+
+
+})(jQuery);
+
+if (!Array.prototype.indexOf) {
+ Array.prototype.indexOf = function(obj, start) {
+ for (var i = (start || 0), j = this.length; i < j; i++) {
+ if (this[i] === obj) { return i; }
+ }
+ return -1;
+ }
+
+}