// JavaScript Document
window.addEvent('domready', function() {
  
  $('container').grab("team_member_container", "bottom");

  $('team_member_container').fade('hide'); 
  $('team_member_container').setStyle("right", (($('container_top').offsetWidth / 2) - ( $('team_member_container').offsetWidth / 2)) );

  $$('.member_name').addEvent("mouseenter", function(){ if(!this.hasClass("roll")) this.toggleClass("roll"); } );
  $$('.member_name').addEvent("mouseout", function(){ if(this.hasClass("roll")) this.toggleClass("roll"); } );

  $$('.member_name').addEvent("click", function(){ 
    
    var myRequest = new Request({url: '/includes/teamMember/'+makeUrlTitle(this.get("html")), method: 'get', onSuccess: function(response){
      
       fader.fade(0.8);
       
      $('team_member_container').getElement(".content").set("html", response);
      
      var myFx  = new Fx.Tween($('team_member_container'));
      myFx.start('opacity', '1').chain(
        function(){
					 faded_in = true;
           rePosition();
        } 
      );

       


    }}).send();

  });


  $$('.close_overlay').addEvent("click", function(){
    fader.fade('out');
    $('team_member_container').fade("out");
		faded_in = false;
    return false;
  }); 

  fader = new Element('div', {'id': 'fader'}).fade("hide");
  $('pagewrap').adopt(fader);
  fader.setStyle("width", $('pagewrap').offsetWidth);
  fader.setStyle("height", $('pagewrap').offsetHeight);    
  fader.setStyle("left", ($('pagewrap').getPosition().x+1));
  fader.setStyle("top", ($('pagewrap').getPosition().y));

  var yPos = (window.getSize().y / 2);
  yPos -= ($('team_member_container').getSize().y / 2);
  yPos += window.getScroll().y;
  $('team_member_container').tween("top", yPos);
  $('team_member_container').setStyle("right", ((window.getSize().x / 2) - ($('team_member_container').getSize().x/2)));
  if(fader) fader.setStyle("left", ($('pagewrap').getPosition().x+1));
  if(fader) fader.setStyle("top", ($('pagewrap').getPosition().y));

});

var fader;
var faded_in = false;

window.addEvent("scroll", function(){rePosition();});
window.addEvent("resize", function(){rePosition();});

function rePosition(){
	if(faded_in){
    var yPos = (window.getSize().y / 2);
    yPos -= ($('team_member_container').getSize().y / 2);
    yPos += window.getScroll().y;

    $('team_member_container').tween("top", yPos);
    $('team_member_container').setStyle("right", ((window.getSize().x / 2) - ($('team_member_container').getSize().x/2)));

    if(fader) fader.setStyle("left", ($('pagewrap').getPosition().x+1));
    if(fader) fader.setStyle("top", ($('pagewrap').getPosition().y));
	}
}







function makeUrlTitle(origText){
	var defaultTitle = '';
	var NewText = origText;
	if(defaultTitle != ''){
     if (NewText.substr(0, defaultTitle.length) == defaultTitle) NewText = NewText.substr(defaultTitle.length);
	}
	NewText = NewText.toLowerCase();
	var separator = "-";
	// Foreign Character Attempt
	var NewTextTemp = '';
	for(var pos=0; pos<NewText.length; pos++){
    var c = NewText.charCodeAt(pos);
	  if (c >= 32 && c < 128) NewTextTemp += NewText.charAt(pos);
	  else{
		  if (c == '223') {NewTextTemp += 'ss'; continue;}
      if (c == '224') {NewTextTemp += 'a'; continue;}
      if (c == '225') {NewTextTemp += 'a'; continue;}
      if (c == '226') {NewTextTemp += 'a'; continue;}
      if (c == '229') {NewTextTemp += 'a'; continue;}
      if (c == '227') {NewTextTemp += 'ae'; continue;}
      if (c == '230') {NewTextTemp += 'ae'; continue;}
      if (c == '228') {NewTextTemp += 'ae'; continue;}
			if (c == '231') {NewTextTemp += 'c'; continue;}
			if (c == '232') {NewTextTemp += 'e'; continue;}
			if (c == '233') {NewTextTemp += 'e'; continue;}
			if (c == '234') {NewTextTemp += 'e'; continue;}
			if (c == '235') {NewTextTemp += 'e'; continue;}
			if (c == '236') {NewTextTemp += 'i'; continue;}
			if (c == '237') {NewTextTemp += 'i'; continue;}
			if (c == '238') {NewTextTemp += 'i'; continue;}
			if (c == '239') {NewTextTemp += 'i'; continue;}
			if (c == '241') {NewTextTemp += 'n'; continue;}
			if (c == '242') {NewTextTemp += 'o'; continue;}
			if (c == '243') {NewTextTemp += 'o'; continue;}
			if (c == '244') {NewTextTemp += 'o'; continue;}
			if (c == '245') {NewTextTemp += 'o'; continue;}
			if (c == '246') {NewTextTemp += 'oe'; continue;}
			if (c == '249') {NewTextTemp += 'u'; continue;}
			if (c == '250') {NewTextTemp += 'u'; continue;}
			if (c == '251') {NewTextTemp += 'u'; continue;}
			if (c == '252') {NewTextTemp += 'ue'; continue;}
			if (c == '255') {NewTextTemp += 'y'; continue;}
			if (c == '257') {NewTextTemp += 'aa'; continue;}
			if (c == '269') {NewTextTemp += 'ch'; continue;}
			if (c == '275') {NewTextTemp += 'ee'; continue;}
			if (c == '291') {NewTextTemp += 'gj'; continue;}
			if (c == '299') {NewTextTemp += 'ii'; continue;}
			if (c == '311') {NewTextTemp += 'kj'; continue;}
			if (c == '316') {NewTextTemp += 'lj'; continue;}
			if (c == '326') {NewTextTemp += 'nj'; continue;}
			if (c == '353') {NewTextTemp += 'sh'; continue;}
			if (c == '363') {NewTextTemp += 'uu'; continue;}
			if (c == '382') {NewTextTemp += 'zh'; continue;}
			if (c == '256') {NewTextTemp += 'aa'; continue;}
			if (c == '268') {NewTextTemp += 'ch'; continue;}
			if (c == '274') {NewTextTemp += 'ee'; continue;}
			if (c == '290') {NewTextTemp += 'gj'; continue;}
			if (c == '298') {NewTextTemp += 'ii'; continue;}
			if (c == '310') {NewTextTemp += 'kj'; continue;}
			if (c == '315') {NewTextTemp += 'lj'; continue;}
			if (c == '325') {NewTextTemp += 'nj'; continue;}
			if (c == '352') {NewTextTemp += 'sh'; continue;}
			if (c == '362') {NewTextTemp += 'uu'; continue;}
			if (c == '381') {NewTextTemp += 'zh'; continue;}
	  }
  }
	var multiReg = new RegExp(separator + '{2,}', 'g');
	NewText = NewTextTemp;
	NewText = NewText.replace('/<(.*?)>/g', '');
	NewText = NewText.replace(/\s+/g, separator);
	NewText = NewText.replace(/\//g, separator);
	NewText = NewText.replace(/[^a-z0-9\-\._]/g,'');
	NewText = NewText.replace(/\+/g, separator);
	NewText = NewText.replace(multiReg, separator);
	NewText = NewText.replace(/-$/g,'');
	NewText = NewText.replace(/_$/g,'');
	NewText = NewText.replace(/^_/g,'');
	NewText = NewText.replace(/^-/g,'');
	return NewText; 
}