/*
	Copyright (C) 2009 Ignus, Incorporated
	
	Written for Chamber of Commerce of Fargo-Moorhead
	
	Enhances web pages with email links <a href="mailto: ... > with pop-up eCards.
	eCards show contact information beyond just email address in a friendly format.

*/

contactInfo = [
				[ "david@fmchamber.com", "David K. Martin", "President &amp; CEO", "218.359.0516", "staffphotos/chamberlogo.png" ],
				[ "adrienne@fmchamber.com", "Adrienne Olson" , "Communications Coordinator/Managing Editor", "218.359.0524", "staffphotos/chamberlogo.png" ],
				[ "ashley@fmchamber.com", "Ashley Morgan", "Leadership Development Coordinator", "218.359.0512", "staffphotos/chamberlogo.png" ],
				[ "bobbi@fmchamber.com", "Bobbi Jo Rehder", "Membership Services Coordinator", "218.359.0525", "staffphotos/chamberlogo.png" ],
				[ "dori@fmchamber.com", "Dori Reich", "Membership Relations Coordinator", "218.359.0526", "staffphotos/chamberlogo.png" ],
				[ "jim@fmchamber.com", "Jim Parsons", "Chamber's Operations Manager", "218.359.0519", "staffphotos/chamberlogo.png" ],
				[ "julie@fmchamber.com", "Julie Doggett", "Information Systems Coordinator", "218.359.0518", "staffphotos/chamberlogo.png" ]
			  ];

contactInfoLength = contactInfo.length;

regMailto = /^mailto:(.*)/i;


function mailtoRewrite() {
	var s="";
	var linksArray = document.getElementsByTagName("A");
	var urlMailto;

	for( i=0; i < linksArray.length; i++ ) {
		urlMailto = linksArray[i].href.match( regMailto ); 
		if ( urlMailto ) {
			thisLink = jQuery( linksArray[i] );
			thisLink.bind('mouseover', showCard );
		}
	}
}

function showCard( element ) {
	element = jQuery( this );	
	var contact;
	var email = element.attr('href').match( regMailto )[1];
	
// check to see if a previous eCard is visible and remove it
	removeCard();

// get the email address this link points to
	for ( var i = 0; i < contactInfoLength; i++ ) {
		if ( contactInfo[i][0] == email ) {
			contact = contactInfo[i];
			break;
		}
	}

// create the eCard and make it visible
	element.attr('id', 'sourceEmail');
	element.wrap( '<span id="ign_eCard" style="position:relative;" >' );
	newSpan = jQuery('#ign_eCard');
	newSpan.prepend(	
				 '<div id="mouseOverMask"></div><div id="eCard"><img src="images/' +contact[4] + '" align="left" /><p><span class="cardname">'
				+ contact[1] + '</span><br /><strong>' + contact[2] + '</strong><br />' + contact[3] + '<br /><a href="mailto:'
				+ contact[0] + '">' + contact[0] + '</a></p></div>' );
	newSpan.bind('mouseout', removeCard);
}

function removeCard( element ) {
// check to see if a previous eCard is visible and remove it
	sourceEmail = jQuery('#sourceEmail').clone( true ).attr('id', '');
	jQuery( "#ign_eCard" ).after( sourceEmail ).remove();

}