/*  Conique WebApp, version 1.2
 *  (c) 2009 Holviks Marketing AB, Developed by Andreas Gotfredsen
 *
 *  This code is specialy designed for the Conique Website...
 *  For details, please contact Holviks Marketing AB - www.holviks.se
 *
 *--------------------------------------------------------------------------*/

var ConiqueAppDelegate = Class.create({
	initialize: function(){
	
		$("moviearea").update("");
		
		this.hasInitMovie = false;
		
		//init Default Values
		this.initDefaults();
		
		//init The AutoScroll Menu
		this.initMenu();
		
		//run the app
		this.initApp();
				
						
	
	},
	initClickLoop: function(){
	
	/*	this.navnav = $('globalnav');
		
		
		
		
		this.naviclick.observe('click', function(e){
			Event.stop(e);
			window.location = "http://www.conique.se"
		});
		
		
		this.navnav.observe('mouseenter',function(e){
			
			//this.naviclick.appear();
			
			new Effect.Morph(this.coniquenavigator,{
					style:'top:380px;',
					duration:0.75,
					transition: Effect.Transitions.EaseFromTo
				});
				
		}.bind(this));
		
		this.navnav.observe('mouseleave',function(e){
		
		this.naviclick.fade();
			new Effect.Morph(this.coniquenavigator,{
					style:'top:430px;',
					duration:0.75,
					transition: Effect.Transitions.EaseFromTo
				});
		}.bind(this));
		
		*/
	},
	initApp: function(){
		
		this.logoclick = new Element('a',{'class':'logooneclick'});
		this.logoclick.observe('click', function(e){
			Event.stop(e);
			window.location = "http://www.conique.se"
		});
		$('logoarea').insert({'bottom':this.logoclick});
		
		
		this.naviclick = new Element('a',{'class':'startfader'}).hide();
		$('globalnav').select('.navihead')[0].insert({'top':this.naviclick});
		
		this.initClickLoop();
		
		this.movieSize = (location.search.toString().toQueryParams());
		
		if (this.movieSize.size) {
			document.title += ' - Movie ' + this.movieSize.size.capitalize();
		}
		
		
		if (this.movieSize.slideshow) {
			document.title += ' - Slideshow ' + this.movieSize.slideshow.capitalize();
			
		}
		
		this.sizes = {
			small: { width:900, height:450, url:"/global/movies/conique_small.mov" },
			medium: { width:900, height:450, url:"/global/movies/conique_medium.mov" },
			large: { width:900, height:450, url:"/global/movies/conique_high.mov" }
		}
		
		var doHero = 1;
		
		if(this.movieSize.size)
		{
			var testt = "tt";
		}
		else if(this.movieSize.slideshow)
		{
			this.movieSize = {size:"large"};
			doHero = 2;
		}
		else
		{
			this.movieSize = {size:"large"};
			doHero = 3;
				
		}
		

		if(doHero == 3)
			this.initHero();
		else if(doHero == 1)
			this.initMovie();
		else
		{
			this.menu.each(function(aa,i){
				if(aa.hasClassName("selected")){
					this.activeImage = i;
				};
		
			}.bind(this));
			
			this.initAutoSlideshow();
			//this._initSlideshow();
		}

	},
	initMenu: function(){
		
		this.menu = $("globalnav").select("li");
		this.content = $("infocontent");
		
		var self = this;
		
		this.menu.each(function(a,i){
			var b = a.down('a');
			if(b){
				Event.observe(b,'click',this.menuSelected.bindAsEventListener(self,a,i));
			}
		
	
		}.bind(this));
		
		this.menuanim = false;
		
		this.tableHeader = $("globalnav");
		this.menuarea = $("globalheader");
		this.homePosn = { x: this.tableHeader.cumulativeOffset()[0], y: this.tableHeader.cumulativeOffset()[1] };
		Event.observe(window, 'scroll', this._doFloatScroll.bind(this));
	
	},
	initAutoSlideshow: function(){
	
		this.autoslidenavigator = new Element('div',{'class':'coniquenavigator'}).setStyle({'top':'430px'});
		var slideshowtext = new Element('div',{'class':'slideshowtext'});
	
		var whitefield = new Element('div',{'class':'navfield'}).setOpacity(0.2);
		
		this.autoslidenavigator.insert({'top':whitefield});
		this.autoslidenavigator.insert({'top':slideshowtext});

		
		this.coniquemoviearea = $("moviearea").update("");
		
		
		this.coniquemoviearea.setStyle({'overflow':'hidden'});
		this.coniquemoviearea.insert({'bottom':this.autoslidenavigator});
		
		this.autominigallery = new Element('div',{'class':'minigallery'});
		this.autoslidenavigator.insert({'bottom':this.autominigallery});
		
		
		
		var self = this;
		this.autominigallery.update("");
		
		
		this.autoslidegallery = [
			'/global/images/minigallery/ch1thumb1.jpg',
			'/global/images/slideshow/image2_thumb.jpg',
			'/global/images/slideshow/image3_thumb.jpg',
			'/global/images/minigallery/ch3thumbstart.jpg',
			'/global/images/minigallery/ch4thumbstart.jpg',
			'/global/images/slideshow/image6_thumb.jpg',
			'/global/images/coniqueslideimage1_thumb.jpg',
			'/global/images/minigallery/ch5thumbstart.jpg',
			'/global/images/minigallery/ch7thumbstart.jpg',
		];
		
		this.bigautoslidegallery = [
			'/global/images/minigallery/ch1large1.jpg',
			"/global/images/slideshow/image2.jpg",
			"/global/images/slideshow/image3.jpg",
			"/global/images/movieimg_dispensing.jpg",
			"/global/images/movieimg_return.jpg",
			'/global/images/slideshow/image6.jpg',
			'/global/images/coniqueslideimage1.jpg',
			"/global/images/movieimg_loading.jpg",
			"/global/images/movieimg_references.jpg",
		];
		
		/*for(var a = 0; a < this.miniGalleryArray.length; a++)
		{
			this.autoslidegallery.push(this.miniGalleryArray[a].thumb[0]);
		}*/
		
		
		for(var i = 0; i < this.autoslidegallery.length; i++)
		{
			var newmini = new Element('a',{'href':"#",'class':'minigalleryimg'});
			
			
			
			var newminiimg = new Element('img');
			newminiimg.src = this.autoslidegallery[i];
			newmini.insert({'top':newminiimg});
			
			if(i == 0)
				newmini.setStyle({'border-color':'#fff'});
			
			var toload = i;
			
			this.autominigallery.insert({'bottom':newmini});
			
			
			
			
			
			
			Event.stopObserving(newmini, 'click');
			Event.observe(newmini,'click',this._autoslidepreloadImage.bindAsEventListener(self,i,newmini));
			
			
			
		}
		
		
		new Effect.Morph(this.autoslidenavigator,{
					style:'top:380px;',
					duration:0.75,
					transition: Effect.Transitions.EaseFromTo
				});
		
		
		
		this.autoPreImage = new Element('img').setStyle({'position':'absolute','top':'0px','left':'0px'});
		this.moviecon = $("moviearea");
		this.moviecon.insert({'top':this.autoPreImage});
		
		this.autoPreImage.hide();
		
		this.ConiqueAutoSlideIndex = 0;
		this.ConiqueAutoSlideIsPlaying = true;
		
		this.thelist = this.autominigallery.select('a');
		this._runAutoSlideshow();
		
		
	},
	_autoslidepreloadImage: function(e,imgnum,ee){
		Event.stop(e);
		
		this.ConiqueAutoSlideIsPlaying = false;
		
		this.autominigallery.select('a').each(function(i){
			i.setStyle({'border-color':'#000'});
			
		
		});
			ee.setStyle({'border-color':'#fff'});
		
		
		this._preloadSpecificFileWithCallback(this.autoPreImage, this.bigautoslidegallery[imgnum], function(){
			this.autoPreImage.hide().appear();
		}.bind(this));
	
	},
	_runAutoSlideshow: function(){
		var self = this;
		
		
		
		if(this.ConiqueAutoSlideIsPlaying)
		{
		
			this._preloadSpecificFileWithCallback(this.autoPreImage, this.bigautoslidegallery[this.ConiqueAutoSlideIndex], function(){
				
				//We are running function in parallel threads here .. so check if the slideshow was stopped during preloading
				if(this.ConiqueAutoSlideIsPlaying)
				{
					this.thelist.each(function(ee, ii){
					
						if(ii == this.ConiqueAutoSlideIndex)
							ee.setStyle({'border-color':'#fff'});
						else
							ee.setStyle({'border-color':'#000'});
					}.bind(this));
						
						
					this.autoPreImage.hide().appear();
					this.ConiqueAutoSlideIndex = (this.ConiqueAutoSlideIndex > 7) ?  0 : this.ConiqueAutoSlideIndex+1;
					setTimeout(this._runAutoSlideshow.bind(self), 3000);
				}
			}.bind(this));
		
		}
	},
	initDefaults: function(){
		
		//Data
		this.moviemode = false;
		this.activeImage = 0;
		this.currentMiniGallery = 0;
		
		this.startOffset = 0;
		
		this.currentChapter = -1;
		
		//Main Gallery
		this.imageArray = [
			"/global/images/worldofconique.jpg",
			"/global/images/movieimg_what5.jpg",
			"/global/images/movieimg_people.jpg",
			"/global/images/movieimg_dispensing.jpg",
			"/global/images/movieimg_return.jpg",
			"/global/images/movieimg_loading.jpg",
			"/global/images/movieimg_which.jpg",
			"/global/images/movieimg_references.jpg",
			"/global/images/movieimg_downloads.jpg",
			"/global/images/movieimg_contacts.jpg"
		];
		
		
		//Slide Show Mini Gallery
		this.miniGalleryArray = [
			{
				thumb: ['/global/images/minigallery/ch1thumbstart.jpg', '/global/images/minigallery/ch1thumb1.jpg', '/global/images/minigallery/ch1thumb2.jpg'],
				large: ["/global/images/movieimg_what5.jpg", '/global/images/minigallery/ch1large1.jpg', '/global/images/minigallery/ch1large2.jpg']
			},
			{
				thumb: ['/global/images/minigallery/ch2thumbstart.jpg', '/global/images/minigallery/ch1thumb1.jpg', '/global/images/minigallery/ch1thumb2.jpg'],
				large: ["/global/images/movieimg_people.jpg", '/global/images/minigallery/ch1large1.jpg', '/global/images/minigallery/ch1large2.jpg']
			},
			{
				thumb: ['/global/images/minigallery/ch3thumbstart.jpg', '/global/images/minigallery/ch1thumb1.jpg', '/global/images/minigallery/ch1thumb2.jpg'],
				large: ["/global/images/movieimg_dispensing.jpg", '/global/images/minigallery/ch1large1.jpg', '/global/images/minigallery/ch1large2.jpg']
			},
			{
				thumb: ['/global/images/minigallery/ch4thumbstart.jpg'],
				large: ['/global/images/movieimg_return.jpg']
			},
			{
				thumb: ['/global/images/minigallery/ch5thumbstart.jpg', '/global/images/coniqueslideimage1_thumb.jpg',],
				large: ['/global/images/movieimg_loading.jpg', '/global/images/coniqueslideimage1.jpg',]
			},
			{
				thumb: ['/global/images/minigallery/ch6thumbstart.jpg'],
				large: ['/global/images/movieimg_which.jpg']
			},
			{
				thumb: ['/global/images/minigallery/ch7thumbstart.jpg'],
				large: ['/global/images/movieimg_references.jpg']
			}
			
		];
		
		//Movie Chapter Thumb Images
		this.moviethumbArray = [
			"/global/images/minigallery/moviethumb1.jpg",
			"/global/images/minigallery/moviethumb2.jpg",
			"/global/images/minigallery/moviethumb3.jpg",
			"/global/images/minigallery/moviethumb4.jpg",
			"/global/images/minigallery/moviethumb5.jpg",
			"/global/images/minigallery/moviethumb6.jpg",
			"/global/images/minigallery/moviethumb7.jpg"
		
		];
		
		
		//Movie TimeCodes
		this.chapterTimes = [0,65000,135000,285000,341000,475000,530000];

	},
	initNavigator: function(){
		this.coniquenavigator = new Element('div',{'class':'coniquenavigator'}).setStyle({'top':'430px'});
		var morepicturestext = new Element('div',{'class':'morepicturestext'});
		var moviechaptertext = new Element('div',{'class':'moviechaptertext'});
		
		this.navfield = new Element('div',{'class':'navfield'}).setOpacity(0.2);
		
		this.coniquenavigator.insert({'top':this.navfield});
		this.coniquenavigator.insert({'top':morepicturestext});
		this.coniquenavigator.insert({'top':moviechaptertext});
		
		this.coniquemoviearea = $("moviearea");
		
		
		this.coniquemoviearea.setStyle({'overflow':'hidden'});
		this.coniquemoviearea.insert({'bottom':this.coniquenavigator});
		
		this.coniquemoviearea.observe('mouseenter',function(e){
			
			
			
			new Effect.Morph(this.coniquenavigator,{
					style:'top:380px;',
					duration:0.75,
					transition: Effect.Transitions.EaseFromTo
				});
				
		}.bind(this));
		
		this.coniquemoviearea.observe('mouseleave',function(e){
			new Effect.Morph(this.coniquenavigator,{
					style:'top:430px;',
					duration:0.75,
					transition: Effect.Transitions.EaseFromTo
				});
		}.bind(this));
		
		this.initminigallery();

	
	},
	initminigallery: function(){
		this.minigallery = new Element('div',{'class':'minigallery'});
		this.coniquenavigator.insert({'bottom':this.minigallery});
		
		
		
		
		
		var movienewmini = new Element('a',{'href':"#",'class':'movieminigalleryimg'});
		movienewmini.observe('click', function(eee){
			Event.stop(eee);
			this._initAndStartMovieFromTime();
		}.bind(this));
		
		this.movienewminiimg = new Element('img');
		movienewmini.insert({'top':this.movienewminiimg});
		
		this.coniquenavigator.insert({'bottom':movienewmini});
		
		
		this._updateMiniGallery();
		
		
	},
	_initAndStartMovieFromTime: function(){
		this.initMovie();
		this.currentChapter = this.activeImage;
		
		
		if(this.hasInitMovie)
		{
		
		setTimeout(function(){
			this.moviecontroller.SetTime(this.chapterTimes[this.activeImage-1]);
		}.bind(this),500);
		
		}
		
	},
	_setMiniGalleryHidden: function(state){
		if(state)
		{
			this.coniquenavigator.hide();
		}
		else
		{
			this.coniquenavigator.show();
		}
	
	},
	_updateMiniGallery: function(){
	
		if(this.activeImage == 0 || this.activeImage>7)
		return;
		
		var self = this;
		this.minigallery.update("");
		
		for(var i = 0; i < this.miniGalleryArray[this.activeImage-1].thumb.length; i++)
		{
			var newmini = new Element('a',{'href':"#",'class':'minigalleryimg'});
			
			
			
			var newminiimg = new Element('img');
			newminiimg.src = this.miniGalleryArray[this.activeImage-1].thumb[i];
			newmini.insert({'top':newminiimg});
			
			if(i == 0)
				newmini.setStyle({'border-color':'#fff'});
			
			var toload = i;
			
			this.minigallery.insert({'bottom':newmini});
			
			
			
			
			
			
			Event.stopObserving(newmini, 'click');
			Event.observe(newmini,'click',this._minipreloadImage.bindAsEventListener(self,i,newmini));
			
			
		}
		this.movienewminiimg.src = this.moviethumbArray[this.activeImage-1];
	},
	_minipreloadImage: function(e,imgnum,ee){
		Event.stop(e);
		
		this.minigallery.select('a').each(function(i){
		i.setStyle({'border-color':'#000'});
			
		
		});
			ee.setStyle({'border-color':'#fff'});
		
		
		var imgPreloader = new Image();
		
		imgPreloader.onload = (function(){
			this.preImage.hide();
			
			if(this.watchmovie)
				this.watchmovie.hide();
				
			if(this.watchslideshow)
            	this.watchslideshow.hide();
            	
            this.preImage.src = this.miniGalleryArray[this.activeImage-1].large[imgnum];
            this.preImage.appear();
            
           
            
        }).bind(this);
		
		imgPreloader.src = this.miniGalleryArray[this.activeImage-1].large[imgnum];
	
	},
	_preloadSpecificFileWithCallback: function(target, loadfile, callback)
	{
		var imgPreloader = new Image();
		
		imgPreloader.onload = (function(){
	
            target.src = loadfile;
            callback();
   
        });
		
		imgPreloader.src = loadfile;
	},
	initHeroSelections: function(){
		
		this.informationavigator = new Element('div',{'class':'coniquenavigator'}).setStyle({'top':'450px'});
		var informationtext = new Element('div',{'class':'informationtext'});
		this.infonavfield = new Element('div',{'class':'navfield'}).setOpacity(0.2);
		
		this.informationavigator.insert({'top':this.infonavfield});
		this.informationavigator.insert({'top':informationtext});
	
		
		this.coniquemoviearea = $("moviearea");
		
		
		this.coniquemoviearea.setStyle({'overflow':'hidden'});
		this.coniquemoviearea.insert({'bottom':this.informationavigator});
		
		
		
		this.informationavigator.insert({'bottom':"<div class='navinfo'><div class='navarrow'></div><div class='navinfotext'>To navigate this site please use the Site Navigation found here.</div></div>"});
		
		
		this.watchmovie = new Element('a',{href:'#','class':'herowatchmoviebutton'});
		var miniblock = new Element('div',{'class':'miniblock'}).setStyle({'left':'-200px'});
		this.watchmovie.insert({'top':miniblock});
		
		
		this.watchmovie.observe('mouseenter',function(e){
			miniblock.morph({'left':'0px'});
		}.bind(this));
		
		this.watchmovie.observe('mouseleave',function(e){
			miniblock.morph({'left':'-200px'});
		}.bind(this));
		
		
		this.watchslideshow = new Element('a',{href:'#','class':'herowatchslidebutton'});
		var miniblocktwo = new Element('div',{'class':'miniblock'}).setStyle({'left':'-200px'});
		this.watchslideshow.insert({'top':miniblocktwo});
		
		this.watchslideshow.observe('mouseenter',function(e){
			miniblocktwo.morph({'left':'0px'});
		}.bind(this));
		
		this.watchslideshow.observe('mouseleave',function(e){
			miniblocktwo.morph({'left':'-200px'});
		}.bind(this));
		
		
		this.watchnav = new Element('a',{href:'#','class':'herowatchnavbutton'});
		var miniblockthree = new Element('div',{'class':'miniblock'}).setStyle({'left':'-200px'});
		this.watchnav.insert({'top':miniblockthree});
		
		this.watchnav.observe('mouseenter',function(e){
			miniblockthree.morph({'left':'0px'});
			
			new Effect.Morph(this.informationavigator,{
					style:'top:380px;',
					duration:0.75,
					transition: Effect.Transitions.EaseFromTo
				});
			
		}.bind(this));
		
		this.watchnav.observe('mouseleave',function(e){
			miniblockthree.morph({'left':'-200px'});
			
			new Effect.Morph(this.informationavigator,{
					style:'top:450px;',
					duration:0.75,
					transition: Effect.Transitions.EaseFromTo
				});
		}.bind(this));
		
		
		
		
		this.introslide.insert({'bottom':this.watchmovie});
		this.introslide.insert({'bottom':this.watchslideshow});
		this.introslide.insert({'bottom':this.watchnav});
		
		this.watchmovie.observe('click',function(e){
			Event.stop(e);
			this.initMovie();
		}.bind(this));
		
		var aa = this.menu[1];
		
		this.watchslideshow.observe('click',function(e){
			Event.stop(e);
			this.initAutoSlideshow();
		
		}.bind(this));
		
			this.watchnav.observe('click',function(e){
			Event.stop(e);
			this._initSlideshow();
			this.menuSelected(e,aa,1);
		}.bind(this));
		
		
	},
	initHero: function(){
		var self = this
		this.moviecon = $("moviearea").update("");
		this.introslide = new Element('div', {'class': 'introslide'}).hide();
		this.moviecon.insert({'bottom':this.introslide});
		
		this.startintroimage = new Element('img').setStyle({'position':'absolute','top':'0px','left':'0px'}).hide();
		this.payoffimage = new Element('img').setStyle({'position':'absolute','top':'170px','left':'270px'}).hide();
		this.introslide.insert({'top':this.startintroimage});
		this.introslide.insert({'top':this.payoffimage});
		
		
		this._preloadSpecificFileWithCallback(this.payoffimage, "/global/images/coniquepayoffintro.jpg", function(){
		
			new Effect.Appear(this.introslide,{
					duration:0.75,
					afterFinish: function(){
						self.payoffimage.appear();
						
						new Effect.Appear(self.payoffimage,{
							duration:0.75,
							afterFinish: function(){
								//self._initSlideshow();	
								
								self._preloadSpecificFileWithCallback(self.startintroimage, "/global/images/introstart2.jpg", function(){
									
									self.payoffimage.fade({delay:1,duration:2.0});
									
									new Effect.Appear(self.startintroimage,{
										duration:2.0,
										delay:1.0,
										afterFinish: function(){
											self.initHeroSelections();
										}
									});
									
									
								
								});
								
								
								
							}
						});
						
					}
				});
				
				
			
			
			
		}.bind(this));
	
		
		

	},
	_initSlideshow: function(){
		this.preImage = new Element('img').setStyle({'position':'absolute','top':'0px','left':'0px'});
		this.moviecon = $("moviearea").update("");
		this.moviecon.insert({'bottom':this.preImage});
		this.moviecon.insert({'bottom':this.watchmovie});
		this.moviecon.insert({'bottom':this.watchslideshow});
		this._preloadImage();
		
		this.initNavigator();
	
	},
	_preloadImage: function(){
		var imgPreloader = new Image();
		
		imgPreloader.onload = (function(){
			this.preImage.hide();
			
			if(this.watchmovie)
				this.watchmovie.hide();
				
			if(this.watchslideshow)
            	this.watchslideshow.hide();
            	
            this.preImage.src = this.imageArray[this.activeImage];
            this.preImage.appear();
            if(this.activeImage == 0)
            {
            	if(this.watchmovie)
            		this.watchmovie.appear();
            	
            	if(this.watchslideshow)
            		this.watchslideshow.appear();
            }
           
            
        }).bind(this);
		
		imgPreloader.src = this.imageArray[this.activeImage];
		
		
	
	},
	_preloadSpecificFile: function(loadfile)
	{
		var imgPreloader = new Image();
		
		imgPreloader.onload = (function(){
			this.preImage.hide();
			
			
            	
            this.preImage.src = loadfile;
            this.preImage.appear();
            
           
            
        }).bind(this);
		
		imgPreloader.src = loadfile;
	},
	sendMail: function(user){
		var metto = "username=" + user;

		Modalbox.show('/dropview/', {params: metto, title: 'CONIQUE', 
			onShow: function(){
				$("moviearea").hide();
				$("moviecontrolarea").hide();
			},
			beforeHide: function(){
				$("moviearea").show();
				$("moviecontrolarea").show();
			}
		});
	
	},
	initMovie: function(){
		var test = true;
		var self = this;
		
		if(AC.Detector.isValidQTAvailable("7.0"))
		{
			this.hasInitMovie = true;
			this.moviemode = true;
			this.moviecon = $("moviearea").update("");
		
		
			this.moviecontroller = new AC.QuicktimeController();
			this.moviecontroller.render('moviecontrolarea');
		
		//(this.movie,{onMoviePlayable:function(){self.moviecontroller.monitorMovie();},onMovieFinished:function(){alert("done")}});	
		
	
		
			var videourl = this.sizes[this.movieSize.size].url;
		
			this.movie = AC.Quicktime.packageMovie('coniquemovie',videourl,{
				width: this.sizes[this.movieSize.size].width,
				height: this.sizes[this.movieSize.size].height,
				autoplay: true,
				showlogo: false,
				controller:false,
				cache: true
			});
		
		
			this.moviecon.insert({'bottom':this.movie});
		
			
		
		
		
		
			this.moviecontroller.attachToMovie(this.movie,{
				onMovieConique:this._triggerChaptersFromMovie.bindAsEventListener(this),
				onMoviePlayable: this._onPlayable.bind(this)
			});	
			
			
		}
		else
		{
				
				if(this.informationavigator)
					this.informationavigator.hide();
			
				this.preHolder2 = new Element('a').setStyle({'position':'absolute','top':'0px','left':'0px'});
				this.preImage = new Element('img').setStyle({'position':'absolute','top':'0px','left':'0px'});
				this.moviecon2 = $("moviearea").update("");
				this.preHolder2.insert({'bottom':this.preImage});
				this.moviecon2.insert({'bottom':this.preHolder2});
				
				this.preHolder2.observe('click',function(e){
					Event.stop(e);
					window.location = "http://www.apple.com/quicktime/";
				}.bind(this));
		
			
			
		
			this._preloadSpecificFile("/global/images/quicktimerequired.jpg");
		
	
		
		
		}
		
		//this.moviecontroller.monitorMovie();
		
		
	},
	_onPlayable: function(){
		//setTimeout(this.movieController.Play.bind(this.movieController), 100);
		var movieController = this.moviecontroller;
		setTimeout(this.moviecontroller.Play.bind(movieController),100);
		this.moviecontroller.monitorMovie();
	},
	_triggerChaptersFromMovie: function(theTime){
		
		var Chapter = 0;
		if(theTime>0 && theTime<65000)
		{
			Chapter = 1;
		}
		else if(theTime>65000 && theTime<135000)
		{
			Chapter = 2;
		}
		else if(theTime>135000 && theTime<285000)
		{
			Chapter = 3;
		}
		else if(theTime>285000 && theTime<341000)
		{
			Chapter = 4;
		}
		else if(theTime>341000 && theTime<475000)
		{
			Chapter = 5;
		}
		else if(theTime>475000 && theTime<530000)
		{
			Chapter = 6;
		}
		else if(theTime>530000)
		{
			Chapter = 7;
		}      
		
		
		if(this.currentChapter != Chapter)
		{
			this.menu.each(function(aa){
				aa.removeClassName("selected");
		
			});	
			
			
			this.menu[Chapter].addClassName("selected");
			
			
			this.param = {fast:"fast"};
				var url = this.menu[Chapter].down('a').readAttribute('href');
			this._ajaxSubLoad(url);
			
			
		
		}
		
		this.currentChapter = Chapter;
		
		
		
		
		
		
	},
	_doMenuAnim: function(end){
		if(!this.menuanim)
        	{
        		
        		new Effect.Tween(null, this.tableHeader.positionedOffset().top, end, {duration:1.05,transition: Effect.Transitions.BouncePast, beforeStart: function(){this.menuanim=true;}.bind(this) ,afterFinish: function(){this.menuanim=false; 
        			
        		}.bind(this)}, function(p){ this.tableHeader.style.top = p + "px"; }.bind(this));
        	}
	
	},
	floatingMenu: function(){
	
		var theheight = this.content.getHeight();
		
		if(theheight<this.tableHeader.getHeight())
		{
			theheight = this.tableHeader.getHeight();
		}
		
		this.menuarea.style.height = theheight + "px";
		
		this.scrollOffset = document.viewport.getScrollOffsets().top;
        
        if (this.scrollOffset > this.homePosn.y) {
        	this.tableHeader.style.position = 'absolute';
        	
        	var end = (this.scrollOffset-this.homePosn.y)+10;
        	
        	this._doMenuAnim(end);
        	
        	
        	
        	//this.tableHeader.style.top = (this.scrollOffset-this.homePosn.y) + "px";
            this.tableHeader.style.left = "0px";
        
        }else {
        	
        	this._doMenuAnim(0);
                //this.tableHeader.style.position = 'relative';
                
        }
	
		
	},
	_doFloatScroll: function(){
	
		
		
		if(this.timeoutID)
		{
			window.clearTimeout(this.timeoutID);
		}
		
		this.timeoutID = window.setTimeout(this.floatingMenu.bind(this),500);
		
		
	
	},
	menuSelected: function(e,a,i){
		Event.stop(e);
		
		
		if(!this.preImage && !this.moviecontroller)
			this._initSlideshow();
		
		if(this.tableHeader.positionedOffset().top!=0)
		{	
		
			new Effect.Tween(null, document.viewport.getScrollOffsets().top, this.homePosn.y-40, function(p){ window.scrollTo(0,p) });
		}
		
		
		this.menu.each(function(aa){
			aa.removeClassName("selected");
		
		});
		
		a.addClassName("selected");
		
		if(this.moviemode)
		{
		
		
		if(i<8)
		{
		
		if(this.moviecontroller.isPlaying()){
		
			this.currentChapter = i;
			this.moviecontroller.SetTime(this.chapterTimes[i-1]);
			
		/*	setTimeout(function(){
				this.moviecontroller.SetTime(this.chapterTimes[i-1]);
			}.bind(this),500);*/
		
		
		}
		else
		{
			this.currentChapter = -1;
		}
		
		}
		
		}
		else
		{
			this.activeImage = i;
			this._preloadImage();
			
			
			if(i<8)
			{	
				this._updateMiniGallery();
				this._setMiniGalleryHidden(false);
			}	
			else
				this._setMiniGalleryHidden(true);
				
		}
		this.subRequest(e,a);
	
	},
	subRequest: function(e,a){
		Event.stop(e);
				
		
		
		
		
		this.param = {fast:"fast"};
		var url = a.down('a').readAttribute('href');
		this._ajaxSubLoad(url);
	
	},
	_ajaxSubLoad: function(url){
		this.content.hide();
		var self = this;
		this.therequest = new Ajax.Request("index.php?page=" + url,{
			method: "get",
			parameters:this.param,
			onSuccess: function(transport){
            	self._processData(transport)
            	}
		});
	
	
	},
	_processData: function(DataRequest, ResponseHeader){
  		this.content.update(DataRequest.responseText);
  		
  		
  		
  		
  		
  		this.content.appear();
  		
  		
  		
  		
  	}
});

//This is the dom observer
document.observe('dom:loaded', function() {
	
	//Run the Conique Web App Delegate
	var theconiqueapp = new ConiqueAppDelegate();
	window.doConiqueMail = theconiqueapp.sendMail; // Make Mail Global
	
});