window.addEvent('domready', function()
{
    setAllTextToInvis();
    setAllPicsToOpaque();
    initGallery();
    makeMailTos();
    handleIncoming();
});

function initGallery()
{    
    assignEvent('img01','img-img01', 'bio-01');
    assignEvent('img02','img-img02', 'bio-02');
    assignEvent('img03','img-img03', 'bio-03');
    assignEvent('img04','img-img04', 'bio-04');
    assignEvent('img05','img-img05', 'bio-05');
    assignEvent('img06','img-img06', 'bio-06');
    assignEvent('img07','img-img07', 'bio-07');
    assignEvent('img08','img-img08', 'bio-08');
    assignEvent('img09','img-img09', 'bio-09');
    assignEvent('img10','img-img10', 'bio-10');
    assignEvent('img11','img-img11', 'bio-11');
    assignEvent('img12','img-img12', 'bio-12');
    assignEvent('img13','img-img13', 'bio-13');
    assignEvent('img14','img-img14', 'bio-14');
    assignEvent('img15','img-img15', 'bio-15');
    assignEvent('img16','img-img16', 'bio-16');
}

function setAllTextToInvis()
{
    makeInvis('jserror-div');
    makeInvis('bio-01');
    makeInvis('bio-02');
    makeInvis('bio-03');
    makeInvis('bio-04');
    makeInvis('bio-05');
    makeInvis('bio-06');
    makeInvis('bio-07');
    makeInvis('bio-08');
    makeInvis('bio-09');
    makeInvis('bio-10');
    makeInvis('bio-11');
    makeInvis('bio-12');
    makeInvis('bio-13');
    makeInvis('bio-14');
    makeInvis('bio-15');
    makeInvis('bio-16');
}
function setAllPicsToOpaque()
{
    makeOpaque('img01');
    makeOpaque('img02');
    makeOpaque('img03');
    makeOpaque('img04');
    makeOpaque('img05');
    makeOpaque('img06');
    makeOpaque('img07');
    makeOpaque('img08');
    makeOpaque('img09');
    makeOpaque('img10');
    makeOpaque('img11');
    makeOpaque('img12');
    makeOpaque('img13');
    makeOpaque('img14');
    makeOpaque('img15');
    makeOpaque('img16');
}
function removeAllClasses()
{
    $('img-div').removeClass('img-img01');
    $('img-div').removeClass('img-img02');
    $('img-div').removeClass('img-img03');
    $('img-div').removeClass('img-img04');
    $('img-div').removeClass('img-img05');
    $('img-div').removeClass('img-img06');
    $('img-div').removeClass('img-img07');
    $('img-div').removeClass('img-img08');
    $('img-div').removeClass('img-img09');
    $('img-div').removeClass('img-img10');
    $('img-div').removeClass('img-img11');
    $('img-div').removeClass('img-img12');
    $('img-div').removeClass('img-img13');
    $('img-div').removeClass('img-img14');
    $('img-div').removeClass('img-img15');
    $('img-div').removeClass('img-img16');
}

function makeInvis(el)
{
    var myEl = $(el);
    if(myEl != null){
        var myFx = new Fx.Morph(myEl);
        myFx.set( { 'opacity': 0 } );
    }
}
function makeVis(el)
{
    var myEl = $(el);
    if(myEl != null){
        var myFx = new Fx.Morph(myEl);
        myFx.set( { 'opacity': 1 } );
    }
}

function makeOpaque(el)
{
    var myEl = $(el);
    if(myEl != null){
        var myFx = new Fx.Morph(myEl);
        myFx.set( { 'opacity': 0.4 } );
    }
}

function setMorphIn(morphElement,myClass)
{
	var myFx = new Fx.Morph(morphElement, { duration: 300, transition: Fx.Transitions.Sine.easeOut});
	myFx.start({'opacity': 0}).chain( 
		function(){ this.start({'opacity': 1});$('img-div').addClass(myClass).removeClass('img-blnk'); }
	); 
}
function setMorphInText(bioText)
{
	var myFx = new Fx.Morph(bioText, { duration: 300, transition: Fx.Transitions.Sine.easeOut});
	myFx.start({'opacity': 1}); 
}

function assignEvent(myLnk,myClass,bioText)
{
	var	el = $('img-div');
	var lnk = $(myLnk);
	
	lnk.addEvents({
	click: function()
		{
		    setAllPicsToOpaque();
		    removeAllClasses();
            setAllTextToInvis();
		    setMorphIn(el,myClass);
		    setMorphInText($(bioText));				    				    		    
	        makeVis(lnk);
		}
	});
	
	
}
function makeMailTos(){

    $$('.removeme').each(function(el){
    
        el.destroy();
    });

    $(document.body).getElements('a.email').addEvents({
        'domready': function(){
            var str;
            str = ("mailto:" + this.get('text'))
            this.href = str;
        }
    });

}

function queryString(val) {
	var q = unescape(location.search.substr(1)).split('&');

	for (var i = 0; i < q.length; i++) {
		var t = q[i].split('=');
		if (t[0].toLowerCase() == val.toLowerCase()) return t[1];
	}
	return '';
}

function handleIncoming() {
	var inc = queryString('id');
    
    if(inc != null){
	    switch (inc) {
		    case '1':
		        $('img01').fireEvent('click');
			    break;
		    case '2':
		        $('img02').fireEvent('click');
			    break;
		    case '3':
		        $('img03').fireEvent('click');
			    break;
		    case '4':
		        $('img04').fireEvent('click');
			    break;
		    case '5':
		        $('img05').fireEvent('click');
			    break;
		    case '6':
		        $('img06').fireEvent('click');
			    break;
		    case '7':
		        $('img07').fireEvent('click');
			    break;
		    case '8':
		        $('img08').fireEvent('click');
			    break;
		    case '9':
		        $('img09').fireEvent('click');
			    break;
		    case '10':
		        $('img10').fireEvent('click');
			    break;
		    case '11':
		        $('img11').fireEvent('click');
			    break;
		    case '12':
		        $('img12').fireEvent('click');
			    break;
		    case '13':
		        $('img13').fireEvent('click');
			    break;
		    case '14':
		        $('img14').fireEvent('click');
			    break;
		    case '15':
		        $('img15').fireEvent('click');
			    break;
		    case '16':
		        $('img16').fireEvent('click');
			    break;
		    default:
		        break;
	    }
	}
}