document.observe( 'dom:loaded', function() {

	var $overlay = $('liveChatOverlay');
	
	var cao = [{
		'merchantId': 61604,
		'providerId': 3965
	},{
		'merchantId': 61608,
		'providerId': 3967
	},{
		'merchantId': 61609,
		'providerId': 3968
	},{
		'merchantId': 61610,
		'providerId': 3969
	},{
		'merchantId': 61611,
		'providerId': 3970
	}];
	
	
	$chatWindowLinks = $$( 'a.openChatWindow' );
		
	var openChatWindow = function ( merchantId, providerId, placementId ) {
		var win = window.open(
			'http://applications.contactatonce.com/caoclientcontainer.aspx?MerchantId=' + merchantId
				+ '&ProviderId=' + providerId
				+ '&PlacementId=' + placementId
				+ '&OriginationUrl='+encodeURIComponent(document.location.href),'','resizable=yes,toolbar=no,menubar=no,location=no,scrollbars=no,status=no,height=400,width=600');
		win.focus();
	}
	
	
	$$( 'a.caoLink' ).invoke( 'observe', 'click', function ( ev ) {
		
		ev.stop();
		
		var placement = $w( $( this ).className ).find( function ( className ) {
			return /^placementId_[1-9]\d*$/.test( className );
		});
		
		if ( placement ) {
		
			placementId = /\d+$/.exec( placement );
			
			$chatWindowLinks.invoke( 'stopObserving' ).each(
				function ( el, index ) {	//  Use each() to enable index
					el.observe( 'click', function( ev ) {
						ev.stop();
						openChatWindow( cao[index].merchantId, cao[index].providerId, placementId );
					})
				});
		
			$overlay.show();
			
		}
		
	});
	
	$overlay.select( 'a.btnClose' ).invoke( 'observe', 'click', function ( ev ) {
		ev.stop();
		$overlay.hide();
	});
	
});