// JavaScript Core Document

function external(){
	var l = $$('a');
	l.each(function(el){
		if (el.getProperty('rel')=='external'){
			el.setProperty('target', '_blank');
		}
	});
}

function pdf_openers(){
	var l = $$('#downloads li a');
	l.each(function(el){
		el.set('target', '_blank');
	});
}

function slideshows(){
	/* settings */
	var logged = $$('.editor');
	if (logged.length > 0) return false;
	var slideshows = $$('.slideshow');
	slideshows.each(function(container){
		var images = container.getElements('img');
		if (container.getProperty('rel')){
			var showDuration = container.getProperty('rel') * 1;
		}else{
			var showDuration = 4000;
		}
		var currentIndex = 0;
		var interval;
		/* opacity and fade */
		images.each(function(img,i){ 
			if(i > 0) {
				img.set('opacity', 0);
			}
		});
		/* worker */
		var show = function() {
			images[currentIndex].fade('out');
			images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');
		};
		/* start once the page is finished loading */
		window.addEvent('load',function(){
			interval = show.periodical(showDuration);
		});
	});
}

function bouncescroll(){
	var l;
	var bouncescrollers = $('tweets-here');
	var first = bouncescrollers.getFirst();
	var fx1 = new Fx.Tween(bouncescrollers,{transition: Fx.Transitions.Quad.easeOut, duration: 500});
	bouncescrollers.setStyle('margin-left','722px');	
	var pop = first.dispose();
	pop.inject(bouncescrollers);
	fx1.start('margin-left', '0px');
	first = bouncescrollers.getFirst().get('html');
	l = first.length;
	switch (l){
		case l<100:
			counter = 4000;
			break;
		case l>=200:
			counter = 6000;
			break;
		default:
			counter = 5000;
			break;
	}
	$clear(bouncer);
	bouncer = bouncescroll.periodical(counter);
}

function tweet(id){
	if ($('tweets-here')){
		$('tweets-here').set('html','');
		//get information
		var myTwitterGitter = new TwitterGitter(id,{
			count: 5,
			onComplete: function(tweets,user) {
					tweets.each(function(tweet,i) {
						new Element('p',{
							html: tweet.text + ' ( <a href="http://twitter.com/' + id + '" rel="external">' + user.name + '</a></span> )',
							//html: '<img src="' + user.profile_image_url.replace("\\",'') + '" align="left" alt="' + user.name + '" /> <strong>' + user.name + '</strong><br />' + tweet.text + '<br /><span>' + tweet.created_at + ' via ' + tweet.source.replace("\\",'') + '</span>',
							'class': 'tweet clear'
					}).inject('tweets-here');
					//var obj = new mooquee($('tweets-here'), {direction: 'left'});
				});
			}
		}).retrieve();
		bouncer = bouncescroll.periodical(4000);
	}
}

function flash(){
	var movies = $$('.flash');
    movies.each(function(el){
		var container = el.id;
		var id = el.id;
		var target = el.get('rel');
		var dims = el.getSize();
		var width = dims.x;
		var height = dims.y;
		var obj = new Swiff(target, {id: id, width: width, height: height, container: container});
	});
}

function forms(){
	var s = $$('form #sort');
	s.each(function(el){
		el.addEvent('change', function(e){
			if (el.value != 'Please select'){
				el.getParent().getParent().submit();
			}
		});
	});
}
function _getmap(){
	var map_exists = $('gmap');
	if (map_exists){
		window.addEvent('load',function(){
			load('gmap');
		});	
		window.addEvent('unload',function(){
			GUnload();
		});	
	}
}

function section_overs(){
	if ($('section_list')){
		var overs = $$('#section_list a');
		overs.each(function(el){
			var allImgs = $$('.project_img img');
			var targets = $$('.' + el.getProperty('rel') + ' .project_img img');
			el.addEvent('mouseover', function(e){
				allImgs.each(function(el2){
					el2.set('style', 'opacity: 0.3');
				});
				targets.each(function(el2){
					el2.set('style', 'opacity: 1');
				});
			});
			el.addEvent('mouseout', function(e){
				allImgs.each(function(el2){
					el2.set('style', 'opacity: 1');
				});
			});
		});
	}
}

function dl_links(){
	var lks = $$('.dl_link');
	lks.each(function(el){
		el.addEvent('click', function(e){
			el.addClass('downloaded');
		});
	});
}

function scrollers(){
	if ($('news_scroller')){
		var acclinks = $$('h3.atStart');
		acclinks.each(function(el){
			el.addEvent('mouseenter', function(){
				el.addClass('activeacc');
			});
			el.addEvent('mouseleave', function(){
				el.removeClass('activeacc');
			});
		});
	
		var lastclicked;
		var previousitem;
		
		var accordion = new Accordion('h3.atStart', 'div.atStart', {
			opacity: false,
			alwaysHide: true,
			show: -1,
			duration: 500,
			onActive: function(toggler, element){
				acclinks.removeClass('activeacc');
				toggler.addClass('activeacc2');
				previousitem = lastclicked;
				lastclicked = toggler;
				if(previousitem){
					previousitem.removeClass('activeacc2');
				}
				//scroll.toElement(lastclicked);
			},
			onComplete: function(){
				// alert(this);
				// alert ('now');
				//alert("remove class from"+element);
				//lastclicked = "";
				//scroll.toElement(toggler);
			},
			onBackground: function(toggler, element){
				//toggler.setStyle('background', '#222');
				//toggler.removeClass('activeacc2');
			}
		}, $('acc'));
		if (document.accordionId){
			// alert ('now');
			accordion.display(document.accordionId - 1);
		}

	}
}

/*
function hideBlocks(){
	if ($('topBlock')){
		var myFx = new Fx.Tween($('topBlock'), {onComplete: function(){$('topBlock').destroy();}}).start('opacity', 1, 0);
		var myFx2 = new Fx.Tween($('cover'), {onComplete: function(){$('cover').destroy();}}).start('opacity', 0.8, 0);
	}
}

function appear(tar){
	var content = $(tar).get('html');
	var p = new Element('p').set('class', 'closer');
	var cl = new Element('a', {href: '#', html: 'close'}).inject(p);
	var co = new Element('div', {id: 'topBlock', style: 'opacity: 0;  filter: alpha(opacity = 0);'}).set('html', content).inject($('container'), 'before');
	var id = tar.substr(9);
	var lge_i = $('image_' + id);
	
	p.inject(co, 'top');
	var myFx = new Fx.Tween(co).set('opacity', 0).start('opacity', 0, 1);
	var imgs = co.getElements('img');
	for(a=1; a<imgs.length; a++){
		imgs[a].addEvent('click', function(e){
			lgeSrc = this.get('rel');
			thmbSrc = lge_i.get('rel');
			
			this.set('src', '/userfiles/Image/projects/thumbs/' + thmbSrc);
			lge_i.set('src', '/userfiles/Image/projects/' + lgeSrc);
			
			this.set('rel', thmbSrc);
			lge_i.set('rel', lgeSrc);
			
		});
	}
	
	
	cl.addEvent('click', function(e){
		hideBlocks();
		var e = new Event(e).stop();
	});
}

function blocks(){
	var links = $$('.block');
	links.each(function(el){
		el.addEvent('click', function(e){
			var tar = this.get('rel');
			if (!$('cover')){
				var c = new Element('div', {id: 'cover'});
				c.set('style', 'opacity: 0; filter: alpha(opacity = 0); cursor: pointer;');
				c.inject($('container'), 'before');
				var myFx = new Fx.Tween(c, {onComplete: function(){appear(tar);}}).start('opacity', 0, 0.8);
				c.addEvent('click', function(){
					hideBlocks();
				});
			}else{
				appear(tar);
			}
			var e = new Event(e).stop();
		});
	});
}
*/


function cover(){
	if (!$('cover')){
		var c = new Element('div', {id: 'cover'});																					  
		var myFx = new Fx.Tween(c).set('opacity', 0);
		c.inject('container', 'before');
		myFx.start('opacity', 1);
		$('cover').addEvent('click', function(e){
			cover();
			bounceOut()
		});
	}else{
		c = $('cover');
		var myFx = new Fx.Tween(c, {onComplete: function(){$('cover').destroy(); }}).set('opacity', 0);
		myFx.start('opacity', 0);
	}
}
function bounceIn(t){
	if (t == 'who_we_are'){
		section = 'who_we_are';
		tar = '';
	}else if ($('interpretation')){
		section = 'interpretation';
		var tar = t.get('rel');
	}else{
		section = '';
		var tar = t.get('rel');
	}
	
	//$('bouncer').get('send', {url: 'deletecontent.php', method: 'get'});
	//$('bouncer').load('deletecontent.php?r=<?php rand(0,500); ?>');
	if (!$('bouncer')){
		var b = new Element('div', {id: 'bouncer'});
		b.inject('container', 'before');
		var myRequest = new Request.HTML({url: '/project_info.php', method: 'get', update: 'bouncer', onComplete: function(){
			if ($('CloseBtn')){
				$('CloseBtn').addEvent('click', function(e){
					bounceOut();
					cover();
				});
			}
			
			var imgs = $('bouncer').getElements('img');
			var lge_i = $('largeImage');
			
			for(a=1; a<imgs.length; a++){
				imgs[a].addEvent('click', function(e){
					lgeSrc = this.get('rel');
					thmbSrc = lge_i.get('rel');
					
					lge_i.set('opacity', 0);
					lge_i.tween('opacity', 1);
					
					// alert ('/userfiles/Image/projects/thumbs/' + thmbSrc);
					lge_i.set('style', 'background: #FFF;');
					this.set('src', '/userfiles/Image/projects/thumbs/' + thmbSrc);
					lge_i.set('src', '/userfiles/Image/projects/' + lgeSrc);
					
					this.set('rel', thmbSrc);
					lge_i.set('rel', lgeSrc);
					
					
				});
			}
		}}).get({p: tar, s: section});
																					  
		$('bouncer').set('tween', {transition: Fx.Transitions.Bounce.easeOut, duration: 'long'});
		$('bouncer').tween('top', 20);
		
	}
}
function bounceOut(){
	if ($('bouncer')){
		$('bouncer').set('tween', {transition: Fx.Transitions.Bounce.easeOut, duration: 'long', onComplete: function(){$('bouncer').destroy(); }});
		$('bouncer').tween('top', -700);
	}
}
window.addEvent('load', function(){
	var popups = $$('.bouncer');
	popups.each(function(el){
		el.addEvent('click', function(e){
			cover();
			bounceIn(el);
			var e = new Event(e).stop();
		});
	});
});



function who_we_are(){
	var as = $$('a');
	as.each(function(el){
		if (el.get('href') == '/profile/who-we-are/'){
			el.addEvent('click', function(e){
				cover();
				bounceIn('who_we_are');
				var e = new Event(e).stop();
			});
		}
	});
}












window.addEvent('domready', function(){
	external();
	forms();
	flash();
	_getmap();
	tweet();
	slideshows();
	pdf_openers();
	section_overs();
	dl_links();
	scrollers();
	who_we_are();
	// blocks();
});