window.onload=function(){
	cameoRollover();
	homelinkRollover();
	emailLink();
	emailSubscribe();
	contactExpander();
	}	



function submitForm(formId, outputId){
	$(formId).addEvent('submit', function(e) {
		e.stop();
		this.set('send', {onComplete: function(response) { 
			$(outputId).set('html', response);
			}});
		this.send();
		});
	}


function emailLink(){
	el=$('email_link');
	es=$('email_subscribe');
	el.onclick=function(){
		es.set('tween', {duration: 300});
		es.tween('height', 50);
		}
	}

function emailSubscribe() { 
	formId='email_subscribe';	
	outputId='email_subscribe';		
	submitForm(formId, outputId);
	}



function homelinkRollover(){
	if($('homelink')){
		ht=$('homelink_trigger');
		h=$('homelink');
		h.set('opacity', 0);
		h.set('tween', {duration: 400, transition: Fx.Transitions.linear});
		ht.onmouseover= function(){
			h.tween('opacity', 0.5);
			}
		ht.onmouseout= function(){
			h.tween('opacity', 0);
			}
		}
	}

function contactExpander(){
	$('contact_expander').onclick=function(){
		$('contact').tween('height', 20);
		}
	}

/*.................................... Filter box functions ......................................*/

function filter(){
	document.onkeyup=function(){
		executeFilter();
		}
	document.filter_form.onsubmit=function(){return false;}
	}
	
function executeFilter(){
	var searchString = $('filter_input').value;
	var searchString = searchString.toLowerCase();
	var myEls = $$('div.filter_subject');
	if(searchString != ""){
		for ( i=0;i<myEls.length;i++ ) {
			var id = myEls[i].id;
			var tagElementId = 'tags_'+id;
			var elementString = $(tagElementId).innerHTML;
			if(elementString.match(searchString)){
				$(id).style.display='block';
				}
			else {
				$(id).style.display='none';
				}
			}
		}
	else{
		for ( i=0;i<myEls.length;i++ ){
			var id = myEls[i].id;
			$(id).style.display='block';
			}
		}
	}

/*................................... Cameo hover functions ......................................*/

function over(id){
	var aid=$(id);
	var hid=id+'_hover';
	var hid=$(hid);
	aid.onmouseover=function(){
		hid.tween('opacity', 0.3);
		}
	}
function out(id){
	var aid=$(id);
	var hid=id+'_hover';
	var hid=$(hid);
	aid.onmouseout=function(){
		hid.tween('opacity', 0);
		}
	}

function cameoRollover(){
	var cameos = $$('div.cameo');
	for( i=0;i<cameos.length;i++ ) {
		var id = cameos[i].id;	
		var hid=id+'_hover';
		$(hid).setStyle('opacity', 0);
		over(id);
		out(id);	
		}
	}