var page = window.location;
var path = 'http://www.dreamcatcher.school.nz/';
var shared_path = 'http://shared.dreamcatcher.school.nz/';
var player, current, total, scroller;
var playerImage = '<img src="'+ shared_path +'assets/images/sprites/videoHolder.jpg" alt="DreamCatcher Videos" />';

var current = 0;
var total;
var scroller;


function next() {
	if(current < total-3) {
		current++;
	} else {
		current = 0;
	}
	scroller.toElement('screenshot-' + current);
}

function prev() {
	if(current == 0) {
		current = total;
	} else {
		current--;
	}
	scroller.toElement('screenshot-' + current);
}


var hideBadgeAreas = function() {
	$$('#app_badges span, #admin_badges span').each(function(area) {
		area.setStyle('display', 'none');
	});
	$$('#app_badges .badge, #admin_badges .badge').each(function(badge) {
		badge.setStyle('display', '');
	});
}


window.addEvent('domready', function(){

	var moveContact = new Fx.Tween('contact_wrap', {transition: 'bounce:out', duration: 2500});
	var moveLogin = new Fx.Tween('login_wrap', {transition: 'bounce:out', duration: 2500});
	var moveMovie = new Fx.Tween('movie_wrap', {transition: 'bounce:out', duration: 2500});


	moveContact.set('top', '-1000');
	moveLogin.set('top', '-1000');
	moveMovie.set('top', (Browser.Engine.trident?(Browser.Engine.trident?'-870':'-870'):(Browser.Engine.trident?'-870':'-870')));
	
	if(page == path) {
		var fadeAllOut1 = new Fx.Tween('loading').set('opacity', .77);
		var fadeAllOut2 = new Fx.Tween('header_strip').set('opacity', 0);
		var fadeAllOut3 = new Fx.Tween('page_content').set('opacity', 0);
		var fadeAllOut4 = new Fx.Tween('footer_strip').set('opacity', 0);
		var fadeAllOut5 = new Fx.Tween('movie_wrap').set('opacity', 0);
	}
	

	$('right_contact').addEvent('click', function(e){
		e.stop();
		moveContact.set('top', '-1000');
		moveLogin.set('top', '-1000');
		moveMovie.set('top', (Browser.Engine.trident?'-870':'-870'));
		moveContact.start('top', '-890', '100');
	});
	
	if((page.toString().match('#Contact'))) moveContact.start('top', '-890', '100');
	if((page.toString().match('#Login'))) moveLogin.start('top', '-890', '100');
	

	if($('contact_page_link')) {
		$('contact_page_link').addEvent('click', function(e){
			e.stop();
			moveContact.set('top', '-1000');
			moveLogin.set('top', '-1000');
			moveMovie.set('top', (Browser.Engine.trident?'-870':'-870'));
			moveContact.start('top', '-890', '100');
		});
	}


	$('right_login').addEvent('click', function(e){
		moveContact.set('top', '-1000');
		moveLogin.set('top', '-1000');
		moveMovie.set('top', (Browser.Engine.trident?'-870':'-870'));
		moveLogin.start('top', '-890', '100');
	});
	
	

	$('show_movie').addEvent('click', function(e){
		e.stop();
		moveContact.set('top', '-1000');
		moveLogin.set('top', '-1000');
		if( $('movie_wrap').getStyle('top').toInt() != '-100' ) {
			moveMovie.set('top', (Browser.Engine.trident?'-870':'-870'));
			moveMovie.start('top', (Browser.Engine.trident?'-870':'-870'), '-100');
			//$('show_movie').set('text', 'Hide Movie');
			$('show_movie').setStyle('background-image', 'url(' + shared_path + 'assets/images/sprites/video_hide.png)');
		} else {
			if(player != 'undefined') $('video-player').empty().set('html', playerImage);
			moveMovie.start('top', '-100', (Browser.Engine.trident?'-870':'-870'));
			//$('show_movie').set('text', 'Show Movie');
			$('show_movie').setStyle('background-image', 'url(' + shared_path + 'assets/images/sprites/video_show.png)');
		}
	});
	
	
	$('contact_close').addEvent('click', function(e){ 
		e.stop();
		moveContact.start('top', '100', '-1000');
	});
	
	$('login_close').addEvent('click', function(e){ 
		e.stop();
		moveLogin.start('top', '100', '-1000');
	});
	
	$('movie_close').addEvent('click', function(e){ 
		e.stop();
		if(player != 'undefined') $('video-player').empty().set('html', playerImage);
		moveMovie.start('top', '-100', (Browser.Engine.trident?'-870':'-870'));
		$('show_movie').innerHTML = 'Show Movie';
	});
	
	if($('video-player')) {
		$('video-player').addEvents({
			'mouseenter' : function() {
				if($('video-player').get('html').match(playerImage)) {
			//		console.log($('video-player').get('html'));
					$('video-player').set('html', playerImage.replace('videos.jpg', 'videos-active.jpg'));
				}
			},
			'mouseleave' : function() {
				if($('video-player').get('html').match('videos-active.jpg')) {
					$('video-player').set('html', playerImage.replace('videos-active.jpg', 'videos.jpg'));
				}
			}
		})
	}

	
	if($('play-student')) {
		$('play-student').addEvent('click', function(e) {
			plyer = '';
			player = new Swiff(shared_path +'videos/student.swf', {
				id: 'student-video', 
				width: 380, 
				height: 300, 
				container: 'video-player', 
				params: {
					loop: false,
					wmode: 'opaque', 
					allowfullscreen: 'true'
				}
			});
			e.stop(); 
		});
	}

	
	if($('play-interview')) {
		$('play-interview').addEvent('click', function(e) {
			player = '';
			player = new Swiff(shared_path +'videos/interview.swf', {
				id: 'interview-video',
				width: 380,
				height: 300,
				container: 'video-player',
				params: {
					loop: false,
					wmode: 'opaque', 
					allowfullscreen: 'true'
				},
				events: {
					onClose: function(){
						this.$empty;
					}
				}
			});
			e.stop();
		});
	}
	
	if($('app_badges')) {
		
		hideBadgeAreas();
		
		$('app-badge').addEvent('click', function(clk) {
			clk.stop();
			hideBadgeAreas();
			$('admin_badges').fade(0);
			$('app_badges').fade(1);
			new Fx.Scroll(window).toElement('badge-wrapper');
		});
		
		$('admin-badge').addEvent('click', function(clk) {
			clk.stop();
			hideBadgeAreas();
			$('app_badges').fade(0);
			$('admin_badges').fade(1);
			new Fx.Scroll(window).toElement('badge-wrapper');
		});
		
		$$('#app_badges .badge, #admin_badges .badge').each(function(badge) {
			badge.addEvent('click', function() {
				hideBadgeAreas();
				badge.setStyle('display', 'none');
				$(badge.get('id').replace('badge-', 'area-')).setStyle('display', '');
			});
		});
		
		$$('#app_badges .badgeHide, #admin_badges .badgeHide').each(function(hide) {
			hide.addEvent('click', hideBadgeAreas.bindWithEvent(this));
		});
		
	}
	
});

window.addEvent('load', function(){
	
	if(page == path) {
		var moveMenu = new Fx.Tween('main_menu', {
			transition: 'bounce:out', duration: 2500,
			onComplete: function() {
				var topCloud1 = new Fx.Tween('loading', {duration: 2500}).start('opacity', .77, 0);
				var topCloud2 = new Fx.Tween('header_strip', {duration: 2500}).start('opacity', 0, 1);
				var topCloud3 = new Fx.Tween('page_content', {duration: 2500}).start('opacity', 0, 1);
				var topCloud4 = new Fx.Tween('footer_strip', {duration: 2500}).start('opacity', 0, 1);
				var topCloud5 = new Fx.Tween('movie_wrap', {duration: 2500}).start('opacity', 0, 1);
			}
		}).set('top', '-500').start('top', '-500', '0');
	} else {
		var fadeAllOut1 = new Fx.Tween('loading').set('opacity', 0);
	}
	
	
	$('contact_wrap').setStyle('display', 'block');
	$('login_wrap').setStyle('display', 'block');
	$('movie_wrap').setStyle('display', 'block');
	
	if($('screenshots')) {
		
		scroller = new Fx.Scroll('screenshots-wrap');
	
		total = $$("#screenshots-thumbs a").length-1;
		
		$('screenshots-thumbs').setStyle('width', ($('screenshot-0').getStyle('width').toInt()*total+$('screenshot-0').getStyle('width').toInt()+200));
		
		$('gallery_left_arrow').addEvent('click', function() { prev(); });
		$('gallery_right_arrow').addEvent('click', function() { next(); });

	}
	
});