var webContext=null;
var registerLesson=function(){	
	webContext=$('webContextString').value;
	if($chk($('notloggedButton'))){
		$('notloggedButton').addEvent('click',showFormRequest);
	}
	if($chk($('notloggedButton1'))){
		$('notloggedButton1').addEvent('click',showFormRequest);
	}
	if($chk($('loggedButton'))){
		$('loggedButton').addEvent('click',sendUpgradeRequest);
	}
	if($chk($('loggedButton1'))){
		$('loggedButton1').addEvent('click',sendUpgradeRequest);
	}
			
};
//media player for youtube
var swapWithVideo=function(div1,videoDiv,videoId){	
	//toggleSlideAutoPlay(false);
	//var videoHtml='<object width="260" height="190" ><param name="movie" value="http://www.youtube.com/v/'+videoId+'&rel=0&autoplay=1&color1=0xde3822&color2=0xde3822&hl=en_US&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/'+videoId+'&rel=0&autoplay=1&color1=0xde3822&color2=0xde3822&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="260" height="190"></embed></object>';
	//$(div1).setStyle('display','none');
	//$(videoDiv).setStyle('display','block');
	//$(videoDiv).set('html',videoHtml);
	Mediabox.open('http://www.youtube.com/v/'+videoId+'&rel=0&autoplay=1&color1=0xde3822&color2=0xde3822&hl=en_US&feature=player_embedded&fs=1', '', '600 400');
};


var showFormRequest=function()
{
	var content='<form action="'+webContext+'teacher/sendFormUpgadeRequest" method="post" id="sendMessageFormAjax"> '+
	'<div class="clear"><table cellpadding="5" cellspacing="5" border="0"><tr><td valign="top"><div class="left signup-inner-panel2" style="display:none;" id="errorMessagecontainer" >'+
	'<div id="errorInfoDiv" class="error-login-msg left10"></div>'+
	'</div></td></tr><tr><td valign="top" class="bottom10"  style="font-size:13px;">Please enter your name and email and we will get back to you.</td></tr><tr><td valign="top">'+
	'<div class="clear left"><label id="teacherNameLbl" class="name-label">Name:</label></div><div class="clear left"><input type="text" name="tafBean.member.name" class="txt-box-big" /></div></td></tr>'+
	'<tr><td valign="top"><div class="clear left"><label id="teacherEmailLbl" class="name-label">Email:</label></div><div class="clear left"><input type="text" name="tafBean.member.email" class="txt-box-big" /></div></td></tr>'+
	'<tr><td valign="top" align="center"><input value="" type="button"  onclick="sendMessage()" style="background-image:url('+webContext+'passive/images/done-btn.png);width:88px;height:26px;border:0px;cursor:pointer;" /></td></tr></table></div> '+
	'</form>';
	
	var sendMessageToTeacher=new MUI.Modal({
		id:'sendMessageToTeacher',
		title:'Thanks For Your Interest!',			
		scrollbars:true,
		draggable:true,
		content:content,
		closable:true,
		width: 400,
		height:245
		});		
};

var sendMessage=function()
{
	
	if(!addFormCheckError()){
	$('sendMessageFormAjax').set('send', {
  		onSuccess: function(transport)
  		{
  							
  		},
  		onRequest:function()
  		{
  			MUI.closeWindow($('sendMessageToTeacher'));
			showMessageToTeacher();
  		}
	
  	}).send();
	}
};

var addFormCheckError=function()
{
	var isError=false;
  	var errorArray=new Array();
  	var errorIndex=0;
  	
	if($('sendMessageFormAjax')["tafBean.member.name"].value==''){
  		errorArray[errorIndex++]='Please enter name.';  		 		
  		$("teacherNameLbl").addClass('error-login-label');
  		$('teacherNameLbl').removeClass('name-label');
  		isError=true;
  	}else{
  		$("teacherNameLbl").removeClass('error-login-label');
  		$("teacherNameLbl").addClass('name-label');
  	} 
	if($('sendMessageFormAjax')["tafBean.member.email"].value==''){			
			errorArray[errorIndex++]='Please enter your email id.';  					
			$("teacherEmailLbl").addClass('error-login-label');
			$("teacherEmailLbl").removeClass('name-label');
		isError=true;
	}else{
		if(!validateEmail($('sendMessageFormAjax')["tafBean.member.email"].value)){
			errorArray[errorIndex++]='Please check the format of your e-mail and re-enter (i.e. joe@gmail.com).';  								
			$("teacherEmailLbl").addClass('error-login-label');
			$("teacherEmailLbl").removeClass('name-label');
			isError=true;		
		}else{
			$("teacherEmailLbl").removeClass('error-login-label');
			$("teacherEmailLbl").addClass('name-label');
		}
	} 
	
	if(isError){
  		var errorStr='<span class="whoop">Whoops, We noticed something...</span><ul style="padding-left:15px;">';
  		for(i=0;i<errorArray.length;i++){
  			errorStr=errorStr+'<li><span style="color:#000000;line-height:16px;">'+errorArray[i]+'</span></li>';
  		}
  		errorStr=errorStr+'</ul>';
  		$('errorInfoDiv').set('html',errorStr); 
  		$('errorMessagecontainer').setStyle('display','block');   				
  	}else{
  		$('errorMessagecontainer').setStyle('display','none');
  	}
  	
  	return isError;
};

var showMessageToTeacher=function()
{
	//MUI.closeWindow('sendMessageModal');
	var content='<div class="clear"><table cellpadding="5" cellspacing="5" border="0"><tr><td valign="top" style="font-size:13px;">Your Upgrade Request has been sent to the TenMarks curriculum experts and they will get in touch with you shortly.</td></tr></table>';
	
	var showMessageFinal=new MUI.Modal({
		id:'attachworkAjax',
		title:'Thanks For Your Interest!',			
		scrollbars:true,
		draggable:false,
		content:content,
		closable:true,
		width: 400,
		height:130
		});	
	
	
};

var toggleDiv=function()
{
	var divCounter=$('lessonSelect').get('value');
	var divLength=$('lessonSelect').length;
	for(i=1;i<=divLength;i++)
	{
		if(divCounter==i)
		{
			$('lessonContentDiv'+i).setStyle('display','block');
			
		}
		else
		{
			$('lessonContentDiv'+i).setStyle('display','none');
		}
	}
	
};

var sendUpgradeRequest=function()
{
	var req = new Request({url:''+webContext+'teacher/sendUpgadeRequest',
		onSuccess: function(transport){			    		
  		var response = transport;      			
		responseJson=JSON.decode(response);  				
		if(responseJson.status=='success')
		{
			
			
		}	
		else
		{
				new MUI.Window({
				id:'saveUserAnswerNotification',
				loadMethod: 'html',
				closeAfter: '2500',
				type: 'notification',
				addClass: 'notification',
				content:'Sorry - there seems to be some problem with the system. Please try again in a minute.',
				shadowBlur: 5	
				}); 
		}
	},
		onRequest:function()
		{
			showMessageToTeacher();
		},
		onFailure: function(){    
		new MUI.Window({
		id:'saveUserAnswerNotification',
		loadMethod: 'html',
		closeAfter: '2500',
		type: 'notification',
		addClass: 'notification',
		content:'Sorry - there seems to be some problem with the system. Please try again in a minute.',
		shadowBlur: 5	
		});   
    }});
	 
    req.send({
   		method:'post'
		//data:'id='+$('classRoomSelect').value
	});
};


var validateEmail=function(str){
	var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;	
	if(str.match(emailRegEx)){
		return true;	
	}else{		
		return false;
	}
};

var showMessageToTeacher=function()
{
	//MUI.closeWindow('sendMessageModal');
	var content='<div class="clear"><table cellpadding="5" cellspacing="5" border="0"><tr><td valign="top" style="font-size:13px;">'+
		'Your Upgrade Request has been sent to the TenMarks curriculum experts and they will get in touch with you shortly.</td></tr></table>';
	var showMessageFinal=new MUI.Modal({
		id:'attachworkAjax',
		title:'Thanks For Your Interest!',			
		scrollbars:true,
		draggable:false,
		content:content,
		closable:true,
		width: 400,
		height:130
		});		
};



window.addEvents({
	 'load': function(){
	registerLesson();
	 }
	 });