if (typeof(VAS) == 'undefined') {
	VAS		= {};
	VAS.UI	= {};
}

VAS.UI.Lessons100	= function()
	{

	var container='';

	var init	= function() 
		{
		container	= YAHOO.util.Dom.get('outercontainer');
		var viewport = [YAHOO.util.Dom.getViewportWidth(),YAHOO.util.Dom.getViewportHeight()];
		var bannerLeft=(viewport[0]-960)/2 + "px";	

		var lessons100Cont = document.createElement('DIV');
			lessons100Cont.setAttribute('id', 'less100maskcont');
			lessons100Cont = container.appendChild(lessons100Cont);	
		var lessons100ContIn = document.createElement('DIV');
			lessons100ContIn.setAttribute('id', 'less100maskcontin');
			lessons100ContIn = lessons100Cont.appendChild(lessons100ContIn);	
		var less100BannerCont = document.createElement('DIV');
			less100BannerCont.setAttribute('id', 'less100bannercont');
			less100BannerCont = lessons100ContIn.appendChild(less100BannerCont);
			
			YAHOO.util.Dom.setStyle(less100BannerCont, 'position', 'absolute');
			YAHOO.util.Dom.setStyle(less100BannerCont, 'left',  bannerLeft);
			YAHOO.util.Dom.setStyle(less100BannerCont, 'top', "0");	
			YAHOO.util.Dom.setStyle(less100BannerCont, 'height', "231px");	
			YAHOO.util.Dom.setStyle(less100BannerCont, 'width', "960px");	
			YAHOO.util.Dom.setStyle(less100BannerCont, 'background-image', "url(/images/100lessonsbanner.gif)");

		var less100Link = document.createElement('A');
			less100Link.setAttribute('href', 'http://www.100lessons.com');
			less100Link.setAttribute('target', '_blank');

			less100Link.title = "www.100lessons.com";
			less100Link	= less100BannerCont.appendChild(less100Link);
			
			YAHOO.util.Dom.setStyle(less100Link, 'position', 'absolute');
			YAHOO.util.Dom.setStyle(less100Link, 'left', "448px");
			YAHOO.util.Dom.setStyle(less100Link, 'top', "177px");	
			YAHOO.util.Dom.setStyle(less100Link, 'height', "11px");	
			YAHOO.util.Dom.setStyle(less100Link, 'width', "166px");
			YAHOO.util.Dom.setStyle(less100Link, 'background-image', "url(/images/100lessonslink.gif)");
			YAHOO.util.Dom.setStyle(less100Link, 'background-repeat', "no-repeat");

		
		init.lessons100Cont = new YAHOO.widget.Panel("less100maskcont", 
			{ width:"101%",  height:"100%",position:"absolute", left:"0",top:"0", 
			visible:false, draggable:true, close:false, modal:false, zIndex:10 } ); 
		
		init.lessons100Cont.setBody(lessons100ContIn); 
		init.lessons100Cont.render(container);
		init.lessons100Cont.show();

		YAHOO.util.Event.addListener(container, 'click', close100LessMask );
		

		}

////////////////////////////////////////////// close
	var close100LessMask = function() 
		{ 
      	 init.lessons100Cont.destroy();
		}	
	
	return {
		init: init
			}
	
	}();
