if (typeof(VAS) == 'undefined') {
	VAS		= {};
	VAS.UI	= {};
}

VAS.UI.Tellfriends	= function()
	{

	var container='';
	
	
	var init	= function() 
		{
		var tellFriendsImg = document.getElementById('tellfriendsimg');
		YAHOO.util.Event.addListener(tellFriendsImg.id, 'click', tellFriendsForm ); 
		container	= YAHOO.util.Dom.get('outercontainer');
		}
	
	var tellFriendsForm	= function() 
		{
		var tellFriendsCont = document.createElement('DIV');
			tellFriendsCont.setAttribute('id', 'tellfmaskcont');
			tellFriendsCont = container.appendChild(tellFriendsCont);	
		var tellFriendsContIn = document.createElement('DIV');
			tellFriendsContIn.setAttribute('id', 'tellfmaskcontin');
			tellFriendsContIn = tellFriendsCont.appendChild(tellFriendsContIn);	
		var tellFFormCont = document.createElement('DIV');
			tellFFormCont.setAttribute('id', 'tellfformcont');
			tellFFormCont = tellFriendsContIn.appendChild(tellFFormCont);

		var viewport = [YAHOO.util.Dom.getViewportWidth(),YAHOO.util.Dom.getViewportHeight()];
		var formLeft=(viewport[0]-400)/2 + "px";			
			YAHOO.util.Dom.setStyle(tellFFormCont, 'position', 'absolute');
			YAHOO.util.Dom.setStyle(tellFFormCont, 'left', formLeft);
			YAHOO.util.Dom.setStyle(tellFFormCont, 'top', "121px");			
//  close button
		var closeTellFFormP = document.createElement('p');
			closeTellFFormP.setAttribute('class', 'clear');
			closeTellFFormP = tellFFormCont.appendChild(closeTellFFormP);
			
		var closeTellFForm = document.createElement('A');
			closeTellFForm.setAttribute('href', '#');
			closeTellFForm.id = "closetellfform";
			closeTellFForm.title = "Close";
			closeTellFForm	= closeTellFFormP.appendChild(closeTellFForm);
		var closeTellFFormBut = document.createTextNode('X');
			closeTellFForm.appendChild(closeTellFFormBut);				
//  add eventlistener to close
			YAHOO.util.Event.addListener(closeTellFForm, 'click', closeTellFFormMask );
			
//   create form		
		var tellFForm = document.createElement('form');
			tellFForm.setAttribute('method', 'post');
			tellFForm.setAttribute('id', 'tellfform');
			tellFForm = tellFFormCont.appendChild(tellFForm);

// friends name	input		
		var friendsNameD = document.createElement('DIV');
			friendsNameD.setAttribute('class', 'tellfformrow');
			friendsNameD = tellFForm.appendChild(friendsNameD);	
		var friendsNameL = document.createElement('label');
			YAHOO.util.Dom.setStyle(friendsNameL, 'margin', '0 0 0 10px');
			YAHOO.util.Dom.setStyle(friendsNameL, 'float', 'left');
			YAHOO.util.Dom.setStyle(friendsNameL, 'width', '100px');
			YAHOO.util.Dom.setStyle(friendsNameL, 'text-align', 'left');
			friendsNameL = friendsNameD.appendChild(friendsNameL);
		var friendsNameLT = document.createTextNode('Friends Name');
			friendsNameL.appendChild(friendsNameLT);				
		var friendsNameI = document.createElement('input');
			friendsNameI.setAttribute('type', 'text');
			friendsNameI.setAttribute('id', 'friendsnameinp');
			friendsNameI.setAttribute('name', 'friendsname');
			friendsNameI.setAttribute('size', '35');
			friendsNameI = friendsNameD.appendChild(friendsNameI);			
// friends email	input		
		var friendsEmailD = document.createElement('DIV');
			friendsEmailD.setAttribute('class', 'tellfformrow');
			friendsEmailD = tellFForm.appendChild(friendsEmailD);	
		var friendsEmailL = document.createElement('label');
			YAHOO.util.Dom.setStyle(friendsEmailL, 'margin', '0 0 0 10px');
			YAHOO.util.Dom.setStyle(friendsEmailL, 'float', 'left');
			YAHOO.util.Dom.setStyle(friendsEmailL, 'width', '100px');
			YAHOO.util.Dom.setStyle(friendsEmailL, 'text-align', 'left');
			friendsEmailL = friendsEmailD.appendChild(friendsEmailL);
		var friendsEmailLT = document.createTextNode('Friends Email');
			friendsEmailL.appendChild(friendsEmailLT);				
		var friendsEmailI = document.createElement('input');
			friendsEmailI.setAttribute('type', 'text');
			friendsEmailI.setAttribute('id', 'friendsemailinp');
			friendsEmailI.setAttribute('name', 'friendsemail');
			friendsEmailI.setAttribute('size', '35');
			friendsEmailI = friendsEmailD.appendChild(friendsEmailI);
// senders name input		
		var sendersNameD = document.createElement('DIV');
			sendersNameD.setAttribute('class', 'tellfformrow');
			sendersNameD = tellFForm.appendChild(sendersNameD);	
		var sendersNameL = document.createElement('label');
			YAHOO.util.Dom.setStyle(sendersNameL, 'margin', '0 0 0 10px');
			YAHOO.util.Dom.setStyle(sendersNameL, 'float', 'left');
			YAHOO.util.Dom.setStyle(sendersNameL, 'width', '100px');
			YAHOO.util.Dom.setStyle(sendersNameL, 'text-align', 'left');
			sendersNameL = sendersNameD.appendChild(sendersNameL);
		var sendersNameLT = document.createTextNode('Your Name');
			sendersNameL.appendChild(sendersNameLT);				
		var sendersNameI = document.createElement('input');
			sendersNameI.setAttribute('type', 'text');
			sendersNameI.setAttribute('name', 'sendersname');
			sendersNameI.setAttribute('size', '35');
			sendersNameI = sendersNameD.appendChild(sendersNameI);			
// senders email input		
		var sendersEmailD = document.createElement('DIV');
			sendersEmailD.setAttribute('class', 'tellfformrow');
			sendersEmailD = tellFForm.appendChild(sendersEmailD);	
		var sendersEmailL = document.createElement('label');
			YAHOO.util.Dom.setStyle(sendersEmailL, 'margin', '0 0 0 10px');
			YAHOO.util.Dom.setStyle(sendersEmailL, 'float', 'left');
			YAHOO.util.Dom.setStyle(sendersEmailL, 'width', '100px');
			YAHOO.util.Dom.setStyle(sendersEmailL, 'text-align', 'left');
			sendersEmailL = sendersEmailD.appendChild(sendersEmailL);
		var sendersEmailLT = document.createTextNode('Your Email');
			sendersEmailL.appendChild(sendersEmailLT);				
		var sendersEmailI = document.createElement('input');
			sendersEmailI.setAttribute('type', 'text');
			sendersEmailI.setAttribute('name', 'sendersemail');
			sendersEmailI.setAttribute('size', '35');
			sendersEmailI = sendersEmailD.appendChild(sendersEmailI);
// message input		
		var sendersMessD = document.createElement('DIV');
			sendersMessD.setAttribute('class', 'tellfformrow');
			sendersMessD = tellFForm.appendChild(sendersMessD);	
		var sendersMessL = document.createElement('label');
			YAHOO.util.Dom.setStyle(sendersMessL, 'margin', '0 0 0 10px');
			YAHOO.util.Dom.setStyle(sendersMessL, 'float', 'left');
			YAHOO.util.Dom.setStyle(sendersMessL, 'width', '100px');
			YAHOO.util.Dom.setStyle(sendersMessL, 'text-align', 'left');
			sendersMessL = sendersMessD.appendChild(sendersMessL);
		var sendersMessLT = document.createTextNode('Your Message');
			sendersMessL.appendChild(sendersMessLT);				
		var sendersMessI = document.createElement('textarea');
			sendersMessI.setAttribute('name', 'sendersmess');
			sendersMessI.setAttribute('cols', '30');
			sendersMessI.setAttribute('rows', '5');
			sendersMessI = sendersMessD.appendChild(sendersMessI);
		var sendersMessTT = document.createTextNode('Just saw this and thought of you. There\'s lots to look at so grab a coffee and have a browse...');
			sendersMessI.appendChild(sendersMessTT);				
			
// send
		var sendButtonP = document.createElement('p');
			sendButtonP.setAttribute('id', 'sendtellfform');
			tellFForm.appendChild(sendButtonP);	
		var sendButton=document.createTextNode('Send');
			sendButtonP.appendChild(sendButton);	

		YAHOO.util.Event.addListener(sendButtonP, 'click', sendTellFToServer );
		
		
		
		tellFriendsForm.tellFriendsCont = new YAHOO.widget.Panel("tellfmaskcont", 
			{ width:"101%",  height:"100%",position:"absolute", left:"0",top:"0", 
			visible:false, draggable:true, close:false, modal:false, zIndex:10 } ); 
		
		tellFriendsForm.tellFriendsCont.setBody(tellFriendsContIn); 
		tellFriendsForm.tellFriendsCont.render(container);
		tellFriendsForm.tellFriendsCont.show();

		}
	
	
	
////////////////////////////////////////////// post data to server
var sendTellFToServer = function() 
	{ 
	var checkFriendsEmail=document.getElementById('friendsemailinp'); 
	if (checkFriendsEmail.value=='')
		{
		alert("You must provide your friends email address");
		}
	else
		{
		var tellFormSet = document.getElementById('tellfform'); 
		YAHOO.util.Connect.setForm(tellFormSet); 
		var postTellForm = YAHOO.util.Connect.asyncRequest('POST', '/tellfriends.php', tellformcallback); 		
		}
	}	

//  call back for posted data 	
var tellformcallback = 
	{
      success: function(o) { thankYou(); 
			},
      failure: function(o) {
			}
	}
	

var thankYou	= function() 
	{
	
	var checkFriendsEmail=document.getElementById('friendsemailinp'); 
	var friendsEmailValue=checkFriendsEmail.value;
	var thankYouCont = document.getElementById('tellfformcont');
	if (!document.getElementById('thankyou'))
		{
		var thankYouP = document.createElement('p');
			thankYouP.setAttribute('id', 'thankyou');
			thankYouCont.appendChild(thankYouP);	
		}
	else
		{
		var thankYouP =document.getElementById('thankyou');
		var thankYouOld = thankYouP.firstChild;
		thankYouOld.parentNode.removeChild(thankYouOld);
		}
		var thankYouText=document.createTextNode('Thank you for telling - ' +friendsEmailValue+' about the Visual Aid Shop');
			thankYouP.appendChild(thankYouText);	

	}	
	
////////////////////////////////////////////// close
	var closeTellFFormMask = function() 
		{ 
      	 tellFriendsForm.tellFriendsCont.destroy();

		}	
	
	
	
	return {
		init: init,
		tellformcallback: tellformcallback
			}
	
	}();