var gTimeLine = false;
var width = 746;
var height = 490;
var mydialog = false;
var elementurl = "";
var url = "";
var usetimeline = false;
var onMouseOutOpacity = 0.67;
var gallery = null;
var currentgallery = null;

jQuery( document ).ready( function( ) {
	initTimeline( );
} );

function emptyTimeline( ) {
	jQuery( '#timeline-embed' ).html( '' ).removeClass( 'storyjs-embed sized-embed' ).css( { 'height' : 0, 'width' : 0 } );
}

function initTimeline( ) {
	var t = jQuery( '#t').val( );
	showTimeline( ( t == '0' ? undefined : t ) );
}

function showTimeline( t ) {
	if( gTimeLine !== false ) {
		emptyTimeline( );
		gTimeLine = false;
	}
	jQuery( '#timeline-embed' ).html( '' );
	if( t <= 0 ) {
		if( jQuery( '#a' ).val( ) == 1 ) {
			getTimelineControls( 0 );
			return;
		}
	}
	var cl = jQuery( '#cl' ).val( );
	var pid = jQuery( '#pid').val( );
	var f = jQuery( '#f').val( );

	jQuery.get("/includes/modules/m_timeline/tmpl/getTimeline.php", {
		t : t,
		cl : cl,
		pid : pid,
		f : f,
		u : jQuery('#userselect').val( )
		}, function( response ) {
			if( response ) {
				var jsonstring = JSON.parse(response);
	            if( jsonstring.timeline.date.length > 0 ) {
		        	var slide=0;
		            gTimeLine = createStoryJS({
		                type: 'timeline',
		                embed_id: 'timeline-embed',
		                width: width,
		                lang : 'da',
		                height: height,
		                start_zoom_adjust:0,
		                start_at_slide: slide,
						source: jsonstring,
						css: '/includes/modules/m_timeline/tmpl/css/timeline.css',
            			js: '/includes/modules/m_timeline/tmpl/js/timeline.js'
					});
					if( jQuery( '#a' ).val( ) == 1 ) {
						getTimelineControls( jsonstring.timeline.id );
					}
				} else {
					jQuery( '#timeline-embed' ).html( '' );
					if( t ) {
						if( jQuery( '#a' ).val( ) == 1 ) {
							getTimelineControls( t );
						}
					} else {
						if( jQuery( '#a' ).val( ) == 1 ) {
							getTimelineControls( );
						}
					}
				}
			} else {
				jQuery( '#timeline-embed' ).html( '' );
				if( jQuery( '#a' ).val( ) == 1 ) {
					getTimelineControls( );
				}
			}
     } );
}

function getTimelineControls( t ) {
	jQuery.get( "/includes/modules/m_timeline/tmpl/getTimelineControls.php", {
		cl : jQuery( '#cl').val( ),
		f : jQuery( '#f').val( ),
		pid : jQuery( '#pid').val( ),
		t : t,
		u : jQuery('#userselect').val( )
		},
		function( result ) {
			if( result ) {
				jQuery( '#timeline-controls' ).html( result );
			}
		} );
}
function newTimeline( ) {
	jQuery( '#timelineid').val( 0 );
	getTimelinePopup( false );
}

function editTimeline( ) {
	var timelineid = jQuery( '#timelineid' ).val( );
	getTimelinePopup( timelineid );
}

function deleteTimeline( ) {
	if( confirm( "Er du sikker p\u00E5 at du vil slette den aktuelle tidslinje?" ) ) {
		jQuery.post( "/includes/modules/m_timeline/tmpl/deleteTimeline.php", {
			t : jQuery( '#timelineid' ).val( )
			},
			function( result ) {
				if( result ) { initTimeline( ); }
			}
		);
	}
}
function myPrintTimeline( t ) {
	jQuery( '#printTimeline' ).attr( 'src', "/includes/modules/m_timeline/tmpl/printTimeline.php?timelineid=" + t );
}

function getTimelinePopup( t ) {
	jQuery( '#popup' ).html( "" );
	jQuery.get( "/includes/modules/m_timeline/tmpl/getEditTimelinePopup.php", { },
		function( result ) {
			if( result ) {
				jQuery( '#popup' ).html( result );
				mydialog = jQuery( '#popup' ).dialog( {
					modal: true,
					minWidth : 530,
					minHeight : 600,
					beforeClose: function( event, ui ) {
						if( !t ) {
							t = jQuery( '#edittimelineid' ).val( );
						}
						showTimeline( t );
					},
					open: function( event, ui ) {
						getEditTimeline( t );
					},
					close: function(event, ui) {
						jQuery( this ).dialog('destroy').empty( );
					}
				} );
			}
		}
	);
}

function getEditTimeline( t ) {
	jQuery.getJSON( "/includes/modules/m_timeline/tmpl/getEditTimeline.php", {
			t : t
		} ).
		done( function( result ) {
			if( result.timeline ) {
				var mediaurl = "";
				var mediacredit = "";
				var mediacaption = "";
				if( result.timeline.asset ) {
					mediaurl = result.timeline.asset.media;
					mediacredit = result.timeline.asset.credit;
					mediacaption = result.timeline.asset.caption;
				}
				jQuery( "#timelineheadline" ).val( result.timeline.headline );
				jQuery( "#edittimelineid" ).val( result.timeline.id );
				jQuery( "#timelinetext" ).html( result.timeline.text );
				jQuery( "#timelinestartdate" ).val( result.timeline.startDate );
				jQuery( "#timelinedefault" ).attr( 'checked', result.timeline.default == '1' );
				jQuery( "#timelinepublic" ).attr( 'checked', result.timeline.public == '1' );
				jQuery( "#timelinepageid" ).val( result.timeline.pageid );
				jQuery( "#timelinemediaurl" ).val( mediaurl );
				jQuery( "#timelinemediacredit" ).val( mediacredit );
				jQuery( "#timelinemediacaption" ).val( mediacaption );
				//jQuery( '#timelinestartdate" ).datetimepicker();
				getTimelineElementsDropdown( );
			} else {
				var d = new Date();
				jQuery( '#timelinestartdate' ).val( d.getFullYear( ) );
				jQuery( '#timelinepageid' ).val( jQuery( '#pid' ).val( ) );
				jQuery( '#edittimelineid' ).val( '' );
			}
			jQuery( '#timelinemediaurl' ).keyup( function( ) { showTimelineMediaFields( ) } );
			if( jQuery( '#timelinemediaurl' ).val( ) != "" ) { showTimelineMediaFields( ); }
			jQuery( '.imageselect' ).on( 'click', function( ) { showImagePicker( ); usetimeline = true; } );
			url = jQuery( '#timelinemediaurl' ).val( );
			getEditTimelineButtons( t );
			jQuery( "input, textarea" ).tooltip( { position: { my: "left top", at: "right+5 top-5" } } );
		} );
}

function getTimelineElementsDropdown( ) {
	var t = jQuery( '#edittimelineid' ).val( );
	jQuery.get( "/includes/modules/m_timeline/tmpl/getTimelineElementsDropdown.php", {
		t : t
		},
		function( result ) {
			jQuery( '#timelineelementscontainer' ).html( result );
		}
	);
}

function getEditTimelineElement( e, clicked ) {
	if( e == 0 && !clicked ) {
		jQuery( '#edittimelineelement' ).html( '' );
		jQuery( '#edittimelineelementbuttons' ).html( '' );
		jQuery( '#addTimelineElement' ).show( );
		getEditTimelineButtons( jQuery( '#edittimelineid' ).val( ) );
	} else {
		var t = jQuery( '#edittimelineid' ).val( )
		if( e > 0 ) {
			jQuery( '#addTimelineElement' ).hide( );
		}
		jQuery.get( "/includes/modules/m_timeline/tmpl/getEditTimelineElement.php", {
			e : e,
			t : t
			},
			function( result ) {
				if( result ) {
					jQuery( '#edittimelineelement' ).html( result );
					getEditTimelineElementButtons( t, e );
					hideTimelineButtons( );
					jQuery( "input, textarea" ).tooltip( { position: { my: "left top", at: "right+5 top-5" } } );
					jQuery( '#elementMedia' ).keyup( function( ) { showElementMediaFields( ) } );
					if( jQuery( '#elementMedia' ).val( ) != "" ) { showElementMediaFields( ); }
					jQuery( '.imageselect' ).on( 'click', function( ) { showImagePicker( ); usetimeline = false; } );
					elementurl = jQuery( '#elementMedia' ).val( );
				}
			}
		);
	}
}

function showImagePicker( ) {
	elementurl = jQuery( '#elementMedia' ).val( );
	url = jQuery( '#timelinemediaurl' ).val( );

	jQuery.get( '/includes/modules/m_timeline/tmpl/images_filebrowser.php', {
			isclass : isclass,
			u : jQuery( '#userselect' ).val( )
		},
			function( result ) {
			if( result ) {
				jQuery( '#imageselect' ).html( result ).show( );
				jQuery( '#timelinecontainer' ).hide( );
				getFileBrowserGalleries( );
			}
		} );
}

function selectImageAndClose( ) {
	if( usetimeline ) {
		if( url != jQuery( '#timelinemediaurl' ).val(  ) ) { 
			jQuery( '#timelinemediaurl' ).val( url );
			jQuery( '#timelinemediacredit, #timelinemediacaption' ).val( "" );
		}
	} else {
		if( elementurl != jQuery( '#elementMedia' ).val(  ) ) { 
			jQuery( '#elementMedia' ).val( elementurl );
			jQuery( '#elementCredit, #elementCaption' ).val( "" );
		}
	}
	closeImageSelect( );
}

function closeImageSelect( ) {
	jQuery( '#imageselect' ).html( "" ).hide( );
	jQuery( '#timelinecontainer' ).show( );
	showElementMediaFields( );
}

function getEditTimelineElementButtons( t, e ) {
	if( elementid ) {
		jQuery.get( "/includes/modules/m_timeline/tmpl/getEditTimelineElementButtons.php", {
			e : e,
			t : t
			},
			function( result ) {
				if( result ) {
					jQuery( '#edittimelineelementbuttons' ).html( result );
				}
			}
		);
	} else {
		jQuery( '#edittimelineelementbuttons' ).html( '' );
	}
}

function getEditTimelineButtons( t ) {
	jQuery.get( "/includes/modules/m_timeline/tmpl/getEditTimelineButtons.php", {
		t : t
		},
		function( result ) {
			if( result ) {
				jQuery( '#edittimelineelementbuttons' ).html( result );
				showTimelineButtons( );
			}
		}
	);
}

function modifyTimeline( close ) {
	var timelineid = jQuery( '#edittimelineid' ).val( );
	var timelineheadline = jQuery( '#timelineheadline' ).val( );
	var timelinetext = jQuery( '#timelinetext' ).val( );
	var timelinestartdate = jQuery( '#timelinestartdate' ).val( );
	var timelinemediaurl = jQuery( '#timelinemediaurl' ).val( );
	var timelinemediacredit = jQuery( '#timelinemediacredit' ).val( );
	var timelinemediacaption = jQuery( '#timelinemediacaption' ).val( );
	var timelinedefault = jQuery( '#timelinedefault' ).is( ':checked' );
	var timelinepublic = jQuery( '#timelinepublic' ).is( ':checked' );

	if( jQuery( '#timelinepageid' ).val( ) ) {
		var pageid = jQuery( '#timelinepageid' ).val( );
	} else {
		var pageid = jQuery( '#p' ).val( );
	}
	jQuery.post( "/includes/modules/m_timeline/tmpl/modifyTimeline.php", {
		timelineid : timelineid,
		headline : timelineheadline,
		text : timelinetext,
		startdate : timelinestartdate,
		mediaurl : timelinemediaurl,
		mediacredit : timelinemediacredit,
		mediacaption : timelinemediacaption,
		pageid : pageid,
		default : timelinedefault,
		public : timelinepublic,
		cl : jQuery( '#cl' ).val( ),
		u : jQuery('#userselect').val( )
		},
		function( result ) {
			jQuery( "#edittimelineid" ).val( String( result ) );
			if( close ) {
				showTimeline( String( result ) );
				jQuery( mydialog ).dialog('destroy').empty( );
				mydialog = false;
			} else {
				getEditTimelineButtons( result, jQuery( '#elementid' ).val( ) );
				if( result != 0 ) {
					getTimelineElementsDropdown( );
				}
			}
		}
	);
}

function modifyTimelineElement( ) {
	var elementid = jQuery( '#elementid' ).val( );
	var timelineid = jQuery( '#edittimelineid' ).val( );
	var elementstartdate = jQuery( '#elementStartDate' ).val( );
	var elementenddate = jQuery( '#elementEndDate' ).val( );
	var elementheadline = jQuery( '#elementHeadline' ).val( );
	var elementtext = jQuery( '#elementText' ).val( );
	var elementmedia = jQuery( '#elementMedia' ).val( );
	var elementcredit = jQuery( '#elementCredit' ).val( );
	var elementcaption = jQuery( '#elementCaption' ).val( );
	jQuery.post( "/includes/modules/m_timeline/tmpl/modifyTimelineElement.php", {
		elementid : elementid,
		timelineid : timelineid,
		startdate : elementstartdate,
		enddate : elementenddate,
		headline : elementheadline,
		text : elementtext,
		media : elementmedia,
		credit : elementcredit,
		caption : elementcaption
		},
		function( result ) {
			if( result == 1 ) {
				getTimelineElementsDropdown( );
				jQuery( '#edittimelineelement' ).html( '' );
				jQuery( '#edittimelineelementbuttons' ).html( '' );
				getEditTimelineButtons( timelineid );
			}
		}
	);
}

function removeTimelineElement( ) {
	var e = jQuery( '#elementid' ).val( );
	var t = jQuery( '#edittimelineid' ).val( );
	jQuery.post( "/includes/modules/m_timeline/tmpl/removeTimelineElement.php", {
		e : e,
		t : t
		},
		function( result ) {
			if( result == 1 ) {
				getTimelineElementsDropdown( );
				jQuery( '#edittimelineelement' ).html( '' );
				getEditTimelineButtons( t );
			}
		}
	);
}

function showTimelineButtons( ) {
	if( jQuery( '#timelineheadline' ).val( ) != "" && jQuery( '#timelinetext' ).val( ) != "" ) { 
		jQuery( '.edittimelineelementbuttons' ).show( );
	} else {
		hideTimelineButtons( );
	}
}

function showTimelineMediaFields( ) {
	if( jQuery( '#timelinemediaurl' ).val( ) != "" ) { 
		jQuery( '#tcr, #tca' ).show( );
	} else {
		jQuery( '#tcr, #tca' ).hide( );
	}
}

function showElementMediaFields( ) {
	if( jQuery( '#elementMedia' ).val( ) != "" ) { 
		jQuery( '#mcr, #mca' ).show( );
	} else {
		jQuery( '#mcr, #mca' ).hide( );
	}
}

function hideTimelineButtons( ) {
	jQuery( '.edittimelineelementbuttons' ).hide( );
}

function getFileBrowserUploadForm( ) {
	jQuery( '#images, #menu, #showupload' ).hide( );
	jQuery( '#closeupload' ).show( );
	jQuery( '#uploadcontainer' ).prop( 'src', '/includes/modules/m_timeline/tmpl/getImageUploadForm.php?galleryid=' + currentgallery ).show( );
}

function hideFileBrowserUpload( ) {
	jQuery( '#uploadcontainer, #closeupload' ).hide( );
	jQuery( '#images, #menu, #showupload' ).show( );
	getFileBrowserImages( currentgallery, 0 );
}

function getFileBrowserImages( galleryid, offset ) {
	jQuery.post( '/includes/modules/m_timeline/tmpl/getFileBrowserImages.php', {
		galleryid : galleryid,
		offset : offset,
		isclass : jQuery( '#isclass' ).val( ),
		u : jQuery( '#u' ).val( )
	}, function( result ) {
		if( result ) {
			jQuery( '#images' ).html( result );
			jQuery( '.imageelement' ).click( function ( ) {
				var id = jQuery( this ).prop( 'id' ).substring( 5 );
				getImagePath( id );
				jQuery( '.imageelement' ).removeClass( 'selected' );
				jQuery( this ).addClass( 'selected' );
			} );
		}
	} );
}

function getImagePath( id ) {
	jQuery.get( '/extern/getImagePath.php', { id : btoa( id ), params : btoa( 'size=600x450' ) }, function( result ) {
		if( usetimeline ) {
			url = result;
		} else {
			elementurl = result;
		}
	} );
}

function getFileBrowserGalleries( ) {
	jQuery.post( '/includes/modules/m_timeline/tmpl/getFileBrowserGalleries.php', {
		isclass : jQuery( '#isclass' ).val( ),
		u : jQuery( '#u' ).val( )
		},
		function( result ) {
			if( result ) {
				jQuery( '#pickermenu' ).html( result );
				galleryid = jQuery( '#pickermenu ul li:first span' ).prop( 'id' );
				if( galleryid ) {
					currentgallery = galleryid.substring( 5 );
					getFileBrowserImages( currentgallery, 0 );
					jQuery( '#pickermenu ul li span' ).click( function( ) {
						var galleryid = jQuery( this ).prop( 'id' );
						currentgallery = galleryid.substring( 5 ); 
						getFileBrowserImages( currentgallery, 0 );
					} );
				}
			} else {
				jQuery( '#images, #pickermenu' ).hide( );
				jQuery( '#top' ).html( '<span class="popupnogalleries">Der findes ingen gallerier</span>' ).show( );
			}
		}
	);
}