// Popup js

jQuery(function ($) {
				 
				 
	$("#nav .read").mouseover(function () {
			$("#read_nav").fadeIn('normal');	
			$("#nav li#read a").css('background-position','-281px -64px');
	});
	
	$("#main-holder").mouseover(function () {
			$("#read_nav").fadeOut('normal');	
			$("#nav li#read a").css('background-position','-281px 0');
	});
	$("#footer").mouseover(function () {
			$("#read_nav").fadeOut('normal');	
			$("#nav li#read a").css('background-position','-281px 0');
	});
	
	
	var author = {
		container: null,
		init: function () {
			$("#nav .author").click(function (e) {
				e.preventDefault();	

				$("#modal-author").modal({
					containerId: 'simplemodal-content',
					opacity: '85',
					overlayClose: true,
					onClose: author.close
				});
			

			});	
		},
		open: function (dialog) {
			dialog.overlay.fadeIn('slow', function () {
				dialog.data.hide();
				dialog.container.fadeIn('slow', function () {
					dialog.data.fadeIn('slow');

				});
			});

		},
		close: function (dialog) {
			dialog.data.fadeOut('slow', function () {
				dialog.container.fadeOut('slow', function() {
					dialog.container.hide('slow');
				});
				dialog.overlay.fadeOut('slow', function () {
					$.modal.close();
				});

			});
		}
	};

	author.init();
	
	var about = {
		container: null,
		init: function () {
			$("#nav .about").click(function (e) {
				e.preventDefault();	

				$("#modal-about").modal({
					containerId: 'simplemodal-content',
					opacity: '85',
					overlayClose: true,
					onShow: about.initScroll,
					onOpen: about.open,
					onClose: about.close
				});
			});
		},
		open: function (dialog) {
			dialog.overlay.fadeIn('slow', function () {
				dialog.data.hide();
				dialog.container.fadeIn('slow', function () {
					dialog.data.fadeIn('slow');
					$('#scrollContentAbout').scrollTo(0);
				});
			});

		},
		close: function (dialog) {
			dialog.data.fadeOut('slow', function () {
				dialog.container.fadeOut('slow', function() {
					dialog.container.hide('slow');	
				});
				dialog.overlay.fadeOut('slow', function () {
					$.modal.close();
	
				});
			});
					
		},

		initScroll: function (elem) {
			var elem = $('#scrollContentAbout');
			$(".scrollDown a").click(function() {
				elem.scrollTo('+=160px', 500);
			});
			$(".scrollUp a").click(function() {
				elem.scrollTo('-=160px', 500);
			});
			
		}
	}

	about.init();
	
	var gemstones = {
		container: null,
		init: function () {
			$("#nav .gemstones").click(function (e) {
				e.preventDefault();	

				$("#modal-gemstones").modal({
					containerId: 'simplemodal-content',
					opacity: '85',
					overlayClose: true,
					onShow: gemstones.initScroll,
					onOpen: gemstones.open,
					onClose: gemstones.close
				});
			});
		},
		open: function (dialog) {
			dialog.overlay.fadeIn('slow', function () {
				dialog.data.hide();
				dialog.container.fadeIn('slow', function () {
					dialog.data.fadeIn('slow');
					$('#scrollContentGem').scrollTo(0);
				});
			});

		},
		close: function (dialog) {
			dialog.data.fadeOut('slow', function () {
				dialog.container.fadeOut('slow', function() {
					dialog.container.hide('slow');	
				});
				dialog.overlay.fadeOut('slow', function () {
					$.modal.close();
	
				});
			});
					
		},

		initScroll: function (elem) {
			var elem = $('#scrollContentGem');
			$(".scrollDown a").click(function() {
				elem.scrollTo('+=160px', 500);
			});
			$(".scrollUp a").click(function() {
				elem.scrollTo('-=160px', 500);
			});
			
		}
	}

	gemstones.init();
	
	var timeline = {
		container: null,
		init: function () {
			$("#nav .timeline").click(function (e) {
				e.preventDefault();	

				$("#modal-timeline").modal({
					containerId: 'simplemodal-content',
					opacity: '85',
					overlayClose: true,
					onShow: timeline.initScroll,
					onOpen: timeline.open,
					onClose: timeline.close
				});
			});
		},
		open: function (dialog) {
			dialog.overlay.fadeIn('slow', function () {
				dialog.data.hide();
				dialog.container.fadeIn('slow', function () {
					dialog.data.fadeIn('slow');
					$('#scrollContentTimeline').scrollTo(0);
				});
			});

		},
		close: function (dialog) {
			dialog.data.fadeOut('slow', function () {
				dialog.container.fadeOut('slow', function() {
					dialog.container.hide('slow');	
				});
				dialog.overlay.fadeOut('slow', function () {
					$.modal.close();
	
				});
			});
					
		},

		initScroll: function (elem) {
			var elem = $('#scrollContentTimeline');
			$(".scrollDown a").click(function() {
				elem.scrollTo('+=160px', 500);
			});
			$(".scrollUp a").click(function() {
				elem.scrollTo('-=160px', 500);
			});
			
		}
	}

	timeline.init();

	
	var watch = {
		container: null,
		init: function () {
			$("#nav .watch").click(function (e) {
				e.preventDefault();	

				$("#modal-watch").modal({
					overlayClose: true,
					onOpen: watch.open,
					onClose: watch.close
				});
			});
		},
		open: function (dialog) {
			dialog.overlay.fadeIn('slow', function () {
				dialog.data.hide();
				dialog.container.fadeIn('slow', function () {
					dialog.data.fadeIn('slow');
				});
			});

		},
		close: function (dialog) {
			dialog.data.fadeOut('slow', function () {
				dialog.container.hide();
				dialog.overlay.fadeOut('slow', function () {
					$.modal.close();
				});

			});
		}
	};

	watch.init();
	
	
	var read = {
		container: null,
		init: function () {
			$("#read_audio").click(function (e) {
				e.preventDefault();	

				$("#modal-read").modal({
					overlayClose: true,
					onOpen: read.open,
					onClose: read.close
				});
			});
		},
		open: function (dialog) {
			dialog.overlay.fadeIn('slow', function () {
				dialog.data.hide();
				dialog.container.fadeIn('slow', function () {
					dialog.data.fadeIn('slow');
				});
			});

		},
		close: function (dialog) {
			dialog.data.fadeOut('slow', function () {
				dialog.container.hide();
				dialog.overlay.fadeOut('slow', function () {
					$.modal.close();
				});

			});
		}
	};

	read.init();
	
	
});