// JavaScript Document
function openDetails(eventid, whoshould, descript, image, fname, lname, phone, email, location, host){
	document.getElementById('eventDetails').innerHTML = '';
	
	var myPanel = new YAHOO.widget.Panel('eventStuff', { 
    fixedcenter: false,  
	modal:true,
    constraintoviewport: true,  
	visible:true,
	close:true,
    draggable:false,
	zIndex:100} ); 
	
	
	myPanel.setHeader("Event Details");
	myPanel.setBody('<b>Who Should Attend:</b> ' + whoshould + 
	'<br /><b>Description:</b> ' + descript + '<img src="/eventPics/' + image + '" />' + 
	'<br /><b>Location:</b> ' + location +
	'<br /><b>Host:</b> ' + host +
	'<br /><b>Contact Name:</b> ' + fname + ' ' + lname + 
	'<br /><b>Phone:</b> ' + phone + 
	'<br /><b>Email:</b> <a href="mailto:' + email + '">' + email + '</a>');
	
	var xy = YAHOO.util.Dom.getXY(eventid);
	YAHOO.util.Dom.setStyle('eventDetails','left',(xy[0]-300)+'px');
	YAHOO.util.Dom.setStyle('eventDetails','top',(xy[1]-10)+'px');

	myPanel.render('eventDetails');
	YAHOO.util.Dom.setStyle('eventDetails','display','block');
	
	myPanel.cfg.subscribeToConfigEvent("visible", function (p_sType, p_aArgs) { 
			var oValue = p_aArgs[0]; 
	     	if (oValue == false) closingMod();
	    }); 
}
function editEvent(id,rowid){
	document.getElementById('eventDetails').innerHTML = '';
	
	var myPanel = new YAHOO.widget.Panel('eventStuff', { 
    fixedcenter: false,  
	modal:true,
    constraintoviewport: true,  
	visible:true,
	close:true,
    draggable:false,
	zIndex:100} ); 

	titleCheck.getEditDetails(id, function(result){		
		try { 				
			var info = YAHOO.lang.JSON.parse(result);
		} catch (e) { 
			alert("Invalid data"); 
		}

		myPanel.setHeader("Event Details");
		var details = '<form name="eventform" id="eventform" action="editEvent.php" method="post">'
		+'<div class="formfields"><label for="edittitle">Title:</label> '
		+'<input class="field" type="text" name="edittitle" id="edittitle" value="'+info.title+'" /></div>'
		+'<div class="formfields"><label for="edittype">Type of Event:</label> '
		+'<select class="field" id="edittype" name="edittype">';
		var types = new Array('SBIA','Community');
		for (var n=0; n<types.length; n++){
			if (types[n]==info.type)
				details += '<option value="'+types[n]+'" selected="selected">'+types[n]+'</option>';
			else
				details += '<option value="'+types[n]+'">'+types[n]+'</option>';
		}	
		details +='</select></div>'
		+'<input type="hidden" value="'+id+'" id="editid" name="editid" />'		
		+'<div class="formfields"><label for="editwhoshould">Who Should Attend:</label> '
		+'<textarea class="field" id="editwhoshould" name="editwhoshould" cols="30" rows="3">'+info.whoshould+'</textarea></div>' 
		+'<div class="formfields"><label for="editdes">Description:</label> '
		+'<textarea class="field" id="editdes" name="editdes" cols="30" rows="3">' + info.description + '</textarea></div>'
		+'<div class="formfields"><label for="editlocation">Event Location:</label> '
		+'<input type="text" class="field" value="' + info.location + '" id="editlocation" name="editlocation" /></div>' 
		+'<div class="formfields"><label for="edithost">Host(Business/ Property):</label> '
		+'<input type="text" class="field" value="' + info.host + '" id="edithost" name="edithost" /></div>' 
		+'<div class="formfields"><label for="editstartyear">Start Time:</label> '
		+'<input type="text" class="field timefield" value="'+info.start.year+'" id="editstartyear" name="editstartyear" />'
		+'<input type="text" class="field timefield" value="'+info.start.month+'" id="editstartmonth" name="editstartmonth" />'
		+'<input type="text" class="field timefield" value="'+info.start.day+'" id="editstartday" name="editstartday" />'
		+'<input type="text" class="field timefield" value="'+info.start.hour+'" id="editstarthour" name="editstarthour" />'
		+'<input type="text" class="field timefield" value="'+info.start.minute+'" id="editstartminute" name="editstartminute" />'
		+'</div>'
		+'<div class="formfields"><label for="editendyear">End Time:</label> '
		+'<input type="text" class="field timefield" value="'+info.end.year+'" id="editendyear" name="editendyear" />'
		+'<input type="text" class="field timefield" value="'+info.end.month+'" id="editendmonth" name="editendmonth" />'
		+'<input type="text" class="field timefield" value="'+info.end.day+'" id="editendday" name="editendday" />'
		+'<input type="text" class="field timefield" value="'+info.end.hour+'" id="editendhour" name="editendhour" />'
		+'<input type="text" class="field timefield" value="'+info.end.minute+'" id="editendminute" name="editendminute" /></div>'
		+'<div class="formfields"><label for="editfirst">Contact First Name:</label> '		
		+'<input type="text" class="field" value="' + info.name.first + '" id="editfirst" name="editfirst" /></div>' 
		+'<div class="formfields"><label for="editlast">Contact Last Name:</label> '
		+'<input type="text" class="field" value="' + info.name.last + '" id="editlast" name="editlast" /></div>' 
		+'<div class="formfields"><label for="editphone">Phone:</label> '
		+'<input type="text" class="field" value="' + info.phone + '" id="editphone" name="editphone" /></div>' 
		+'<div class="formfields"><label for="editmail">Email:</label> '
		+'<input type="text" class="field" value="' + info.email + '" id="editemail" name="editemail" /></div>'
		+'<div class="formfields"><input type="button" class="button" value="Save" onclick="saveEdit()"></div>'		
		+'</form>';

		myPanel.setBody(details);
		
		var xy = YAHOO.util.Dom.getXY(rowid);
		YAHOO.util.Dom.setStyle('eventDetails','left',(xy[0]-300)+'px');
		YAHOO.util.Dom.setStyle('eventDetails','top',(xy[1]-10)+'px');
		
		myPanel.render('eventDetails');
		YAHOO.util.Dom.setStyle('eventDetails','display','block');
		
		myPanel.cfg.subscribeToConfigEvent("visible", function (p_sType, p_aArgs) { 
				var oValue = p_aArgs[0]; 
				if (oValue == false){
					closingMod(); 
				}
			}); 		
	
	});	
}
function saveEdit(){
	if (confirm('Do You Want To Save the Changes?')){
		document.eventform.submit();
	}
}
function closingMod(){
	YAHOO.util.Dom.setStyle('eventDetails','display','none');
}