function AddImage() {
	//setup a parent object
	var strParent = "'myMainFrame'"
	//setup our frame for story telling
	var myInnerHTML = '<div id="myNewImage" class="FullScreenShader">';
	myInnerHTML = myInnerHTML + '<div id="myNewImageBorder" class="FullScreenShader" style="position: absolute; border: 2px solid #000; width:350px; height:275px; padding-left:50px; left: 200px; top:60px">';
	myInnerHTML = myInnerHTML + '<br>';
	myInnerHTML = myInnerHTML + '';
	myInnerHTML = myInnerHTML + 'Add a new Image<br>';
	myInnerHTML = myInnerHTML + '<FORM METHOD="POST" ID="SaveImage" ENCTYPE="multipart/form-data" ACTION="SaveImage.asp">';
	myInnerHTML = myInnerHTML + '<input type="hidden" name="PassedSRSGuid" id="PassedSRSGuid" value="' + document.getElementById("PassedSRSGuid").value + '"/>'
	myInnerHTML = myInnerHTML + '<input type="hidden" name="PassedFHID" id="PassedFHID"  value="' + document.getElementById("PassedFHID").value + '" />'
	myInnerHTML = myInnerHTML + '<input type="hidden" name="ClientID" id="ClientID"  value="' + document.getElementById("ClientID").value + '" />'
	myInnerHTML = myInnerHTML + '<input type="file" id="myFile" name="myFile" class="EntryBox" style="width: 300px;" value="test"><bR>';
	myInnerHTML = myInnerHTML + 'Caption: <br> <textarea name=txtCaption class="EntryBox" style="height: 100px; width: 300px"></textarea>';
	myInnerHTML = myInnerHTML + '';
	myInnerHTML = myInnerHTML + '<br>';
	myInnerHTML = myInnerHTML + '<input type="button" value="Cancel" onClick="CloseOverlay(' + strParent + ')">';
	myInnerHTML = myInnerHTML + '<input id="btnSubmitImage" name="btnSubmitImage" onClick="ValidateAndSubmitImage()" type="button" value="Submit" />';
	myInnerHTML = myInnerHTML + '</form>';
	myInnerHTML = myInnerHTML + '</div>';
	myInnerHTML = myInnerHTML + '</div>';
	//get the insert point tag, Body named mybody in this case	
	var ni = document.getElementById('myMainFrame');
	//setup a new div to be added to the screen
	var newdiv = document.createElement('div');
	//set the id of that div
	newdiv.setAttribute('id','myDiv');
	//set the HTML information given above
	newdiv.innerHTML= myInnerHTML;
	//add the info to page and display it
	ni.appendChild(newdiv);
	
}

function ChangeImage() {
	//setup a parent object
	var strParent = "'myMainFrame'"
	//setup our frame for story telling
	var myInnerHTML = '<div id="myChangeImage" class="FullScreenShader">';
	myInnerHTML = myInnerHTML + '<div id="myNewImageBorder" class="FullScreenShader" style="position: absolute; border: 2px solid #000; width:350px; height:150px; padding-left:50px; left: 200px; top:60px">';
	myInnerHTML = myInnerHTML + '<br>';
	myInnerHTML = myInnerHTML + '';
	myInnerHTML = myInnerHTML + 'Change Loved One Image<br>';
	myInnerHTML = myInnerHTML + '<FORM METHOD="POST" id="SaveImage" ENCTYPE="multipart/form-data" ACTION="ChangeImage.asp">';
	myInnerHTML = myInnerHTML + '<input type="hidden" name="PassedSRSGuid" id="PassedSRSGuid" value="' + document.getElementById("PassedSRSGuid").value + '"/>'
	myInnerHTML = myInnerHTML + '<input type="hidden" name="PassedFHID" id="PassedFHID"  value="' + document.getElementById("PassedFHID").value + '" />'
	myInnerHTML = myInnerHTML + '<input type="hidden" name="ClientID" id="ClientID"  value="' + document.getElementById("ClientID").value + '" />'
	myInnerHTML = myInnerHTML + '<input type="file" id="myFile" name="myFile" class="EntryBox" style="width: 300px;" value="test"><bR>';
	myInnerHTML = myInnerHTML + '';
	myInnerHTML = myInnerHTML + '<br>';
	myInnerHTML = myInnerHTML + '<input type="button" value="Cancel" onClick="CloseOverlay(' + strParent + ')">';
	myInnerHTML = myInnerHTML + '<input id="btnSubmitImage" name="btnSubmitImage" onClick="ValidateAndSubmitImage()" type="button" value="Submit" />';
	myInnerHTML = myInnerHTML + '</form>';
	myInnerHTML = myInnerHTML + '</div>';
	myInnerHTML = myInnerHTML + '</div>';
	//get the insert point tag, Body named mybody in this case	
	var ni = document.getElementById('myMainFrame');
	//setup a new div to be added to the screen
	var newdiv = document.createElement('div');
	//set the id of that div
	newdiv.setAttribute('id','myDiv');
	//set the HTML information given above
	newdiv.innerHTML= myInnerHTML;
	//add the info to page and display it
	ni.appendChild(newdiv);
	
}

function ValidateAndSubmitImage()
{
	var fleImage = document.getElementById('myFile').value;
	if (fleImage.lastIndexOf('.jpg')>0 || fleImage.lastIndexOf('.jpeg')>0 || fleImage.lastIndexOf('.gif')>0 || fleImage.lastIndexOf('.png')>0)
	{
		document.getElementById("SaveImage").submit();
	}
	else
	{
		alert("You have not selected an image");
	}

}





var OrigW;
var OrigH;
var bolAutoResize = 1;

function ShowImage(myImageSource, myCaption) 
{
	//set an image variable to get the image dimensions
	var img = new Image();
	
	
	//set the source to the passed path
	img.src = myImageSource;
	//set the original dimension of the image
	OrigW = img.width;
	OrigH = img.height;
	//setup a parent object
	var strParent = "'myBody'"
	//set a variable to hold all the information about the overlay to be added	
	var myInnerHTML = '<div id="myFullImageFrame" class="FullScreenShader" onResize="ScaleImage()" style="text-align: center">';
	
	myInnerHTML = myInnerHTML + '<br>';
	myInnerHTML = myInnerHTML + '<img id="myFullImage" class="FullScreenImageBorder" src="' + myImageSource + '" border="2px" onClick="ToggleAutoResize()" />';
	myInnerHTML = myInnerHTML + '<br><br>';
	myInnerHTML = myInnerHTML + '' + myCaption.replace("^^","'") +'';
	myInnerHTML = myInnerHTML + '<br><br>';
	myInnerHTML = myInnerHTML + '<input type=button value="Close" onClick="CloseOverlay(' + strParent + ')">';
	myInnerHTML = myInnerHTML + '</div>';
	//get the insert point tag, Body named mybody in this case	
	var ni = document.getElementById('myBody');
	//setup a new div to be added to the screen
	var newdiv = document.createElement('div');
	//set the id of that div
	newdiv.setAttribute('id','myDiv');
	//set the HTML information given above
	newdiv.innerHTML= myInnerHTML;
	//add the info to page and display it
	ni.appendChild(newdiv);
	//scale the image to the current size
	ScaleImage();
}

function ScaleImage() 
{
	//set temps to orig pic dims
	var tmpW = OrigW;
	var tmpH = OrigH;
	//check if we should autoresize, variable is declared and set elsewhere, if not use originals sizes
	if (bolAutoResize==1) 
	{
		
		//get window current dimensions
		var winW = document.getElementById('myFullImageFrame').offsetWidth;
		var winH = document.getElementById('myFullImageFrame').offsetHeight;
		//set a image h to w ratio
		var WidthToHeightRatio = OrigW / OrigH;	
		//If it's too high
		if (tmpH > winH - 95)
		{
			//set our new dimensions
			tmpH = winH - 95;
			tmpW = tmpH * WidthToHeightRatio;
		}
		//if it's too wide
		if (tmpW > winW - 65)
		{
			//set our new dimensions
			tmpW = winW - 65;
			tmpH = tmpW / WidthToHeightRatio;
		}
	}
	//apply our new dimensions
	document.getElementById('myFullImage').width = tmpW;
	document.getElementById('myFullImage').height = tmpH;
}

function ToggleAutoResize() 
{
	//if it's set to auto
	if (bolAutoResize == 1) 
	{
		//set to not auto
		bolAutoResize = 0
	}
	else
	{
		//set to auto
		bolAutoResize = 1
	}
	//scale the image
	ScaleImage()
}

function AddStory() {
	//setup a parent object
	var strParent = "'myMainForm'"
	//setup our frame for story telling
	var myInnerHTML = '<div id="myNewStory" class="FullScreenShader">';
	//myInnerHTML = myInnerHTML + '<form id="frmNewStory" name="frmNewStory" runat="server" method="post" Action="SaveStory.asp">';
	myInnerHTML = myInnerHTML + '<div id="myNewImageBorder" class="FullScreenShader" style="position: absolute; border: 2px solid #000; width:400px; height:400px; left: 175px; top:60px">';
	myInnerHTML = myInnerHTML + '<br>';
	myInnerHTML = myInnerHTML + '';
	myInnerHTML = myInnerHTML + '<Center>';
	myInnerHTML = myInnerHTML + 'Add a new Story';
	myInnerHTML = myInnerHTML + '<FORM METHOD="POST" id="SubmitStory" name="SubmitStory" ACTION="ProcessRequest.asp">';
	myInnerHTML = myInnerHTML + '<input type="hidden" name="PassedSRSGuid" id="PassedSRSGuid" value="' + document.getElementById("PassedSRSGuid").value + '"/>'
	myInnerHTML = myInnerHTML + '<input type="hidden" name="PassedFHID" id="PassedFHID"  value="' + document.getElementById("PassedFHID").value + '" />'
	myInnerHTML = myInnerHTML + '<input type="hidden" name="ClientID" id="ClientID"  value="' + document.getElementById("ClientID").value + '" />'

	myInnerHTML = myInnerHTML + '<table width="375px">';
	myInnerHTML = myInnerHTML + '';
	myInnerHTML = myInnerHTML + '';
	myInnerHTML = myInnerHTML + '<tr>';
	myInnerHTML = myInnerHTML + '<td width="25px" valign="top">Name: </td><td><input type="text" id="txtName" name="txtName" class="EntryBox" style="width:95%" value="'  + Get_Cookie('srsStoryName') +  '"></td>';
	myInnerHTML = myInnerHTML + '</tr>';
	myInnerHTML = myInnerHTML + '<tr>';
	myInnerHTML = myInnerHTML + '<td  valign="top">Email: </td><td> <input type="text" id="txtEmail" name="txtEmail" class="EntryBox" style="width:95%" value="'  + Get_Cookie('srsStoryEmail') +  '"></td>';
	myInnerHTML = myInnerHTML + '</tr>';
	myInnerHTML = myInnerHTML + '<tr>';
	myInnerHTML = myInnerHTML + '<td  valign="top">Story: </td><td> <textarea id="txtStory" name="txtStory" class="EntryBox" style="width:95%; height: 220px;"></textarea></td>';
	myInnerHTML = myInnerHTML + '</tr>';
	myInnerHTML = myInnerHTML + '</table>';
	myInnerHTML = myInnerHTML + '<br>';
	myInnerHTML = myInnerHTML + '<input type="button" value="Cancel" onClick="CloseOverlay(' + strParent + ')">';
	myInnerHTML = myInnerHTML + '<input id="btnSubmitStory" name="btnSubmitStory" onClick="ValidateAndInsertStory()" type="button" value="Submit" />';
	myInnerHTML = myInnerHTML + '</form>';
	myInnerHTML = myInnerHTML + '</Center>';
	myInnerHTML = myInnerHTML + '</div>';
	myInnerHTML = myInnerHTML + '</div>';
	//get the insert point tag, Body named mybody in this case	
	var ni = document.getElementById('myMainForm');
	//setup a new div to be added to the screen
	var newdiv = document.createElement('div');
	//set the id of that div
	newdiv.setAttribute('id','myDiv');
	//set the HTML information given above
	newdiv.innerHTML= myInnerHTML;
	//add the info to page and display it
	ni.appendChild(newdiv);

}

function ShowLoginout(inout,CID) {

	if (inout=='In')
	{
	
		//setup a parent object
		var strParent = "'myMainForm'"
		//setup our frame for story telling
		var myInnerHTML = '<div id="myLogin" class="FullScreenShader">';
		//myInnerHTML = myInnerHTML + '<form id="frmNewStory" name="frmNewStory" runat="server" method="post" Action="SaveStory.asp">';
		myInnerHTML = myInnerHTML + '<div id="myNewImageBorder" class="FullScreenShader" style="position: absolute; border: 2px solid #000; width:400px; height:200px; left: 175px; top:60px">';
		myInnerHTML = myInnerHTML + '<br>';
		myInnerHTML = myInnerHTML + '';
		myInnerHTML = myInnerHTML + '<Center>';
		myInnerHTML = myInnerHTML + 'Family Login';
		myInnerHTML = myInnerHTML + '<table width="375px">';
		myInnerHTML = myInnerHTML + '';
		myInnerHTML = myInnerHTML + '';
		myInnerHTML = myInnerHTML + '<tr>';
		myInnerHTML = myInnerHTML + '<td width="25px" valign="top">Email: </td><td><input type="text" id="txtUserName" name="txtUserName" class="EntryBox" style="width:95%"></td>';
		myInnerHTML = myInnerHTML + '</tr>';
		myInnerHTML = myInnerHTML + '<tr>';
		myInnerHTML = myInnerHTML + '<td width="25px" valign="top">Password: </td><td> <input type="password" id="txtPassword" name="txtPassword" class="EntryBox" style="width:95%"></td>';
		myInnerHTML = myInnerHTML + '</tr>';
		myInnerHTML = myInnerHTML + '</table>';
		myInnerHTML = myInnerHTML + '<a href="ForgotPassword.asp?cid=' + CID + '">Forgot My Password</a>';
		myInnerHTML = myInnerHTML + '<br>';
		myInnerHTML = myInnerHTML + '<input type="button" value="Cancel" onClick="CloseOverlay(' + strParent + ')">';
		myInnerHTML = myInnerHTML + '<input id="btnLogin" name="btnLogin" type="submit" value="Login" />';
		myInnerHTML = myInnerHTML + '</Center>';
		myInnerHTML = myInnerHTML + '</div>';
		myInnerHTML = myInnerHTML + '</div>';
		//get the insert point tag, Body named mybody in this case	
		var ni = document.getElementById('myMainForm');
		//setup a new div to be added to the screen
		var newdiv = document.createElement('div');
		//set the id of that div
		newdiv.setAttribute('id','myDiv');
		//set the HTML information given above
		newdiv.innerHTML= myInnerHTML;
		//add the info to page and display it
		ni.appendChild(newdiv);
		
	}
	else
	{
			//setup a parent object
		var strParent = "'myMainForm'"
		//setup our frame for story telling
		var myInnerHTML = '<div id="myLogin" class="FullScreenShader">';
		//myInnerHTML = myInnerHTML + '<form id="frmNewStory" name="frmNewStory" runat="server" method="post" Action="SaveStory.asp">';
		myInnerHTML = myInnerHTML + '<div id="myNewImageBorder" class="FullScreenShader" style="position: absolute; border: 2px solid #000; width:400px; height:150px; left: 175px; top:60px">';
		myInnerHTML = myInnerHTML + '<br>';
		myInnerHTML = myInnerHTML + '';
		myInnerHTML = myInnerHTML + '<Center>';
		myInnerHTML = myInnerHTML + 'Are you sure you want to Logout?';
		myInnerHTML = myInnerHTML + '<br>';
		myInnerHTML = myInnerHTML + '<br>';
		myInnerHTML = myInnerHTML + '<input type="button" value="Cancel" onClick="CloseOverlay(' + strParent + ')">';
		myInnerHTML = myInnerHTML + '<input id="btnLogout" name="btnLogout" type="submit" value="Logout" />';
		myInnerHTML = myInnerHTML + '</Center>';
		myInnerHTML = myInnerHTML + '</div>';
		myInnerHTML = myInnerHTML + '</div>';
		//get the insert point tag, Body named mybody in this case	
		var ni = document.getElementById('myMainForm');
		//setup a new div to be added to the screen
		var newdiv = document.createElement('div');
		//set the id of that div
		newdiv.setAttribute('id','myDiv');
		//set the HTML information given above
		newdiv.innerHTML= myInnerHTML;
		//add the info to page and display it
		ni.appendChild(newdiv);
	}
	
}




function CloseOverlay(ParentObject) 
{
	//get the myBody Div where my current Image div is held
	var d = document.getElementById(ParentObject);
	//get the new Image Div
	var olddiv = document.getElementById('myDiv');
	//remove the image div from the body div
	d.removeChild(olddiv);
}

function ValidateAndInsertStory()
{
	var strName = document.getElementById('txtName').value;
	var strEmail = document.getElementById('txtEmail').value;
	var strStory = document.getElementById('txtStory').value;
	
	Set_Cookie('srsStoryName',strName,30,'/','','');
	Set_Cookie('srsStoryEmail',strEmail,30,'/','','');
	
	if (strStory!='')
	{
		//document.getElementById("btnSubmitStory").type = "Submit"
		//document.getElementById("btnSubmitStory").submit();
		document.getElementById("SubmitStory").submit();
	}
	else
	{
		alert("You have not entered a story");
	}
	
}

function Set_Cookie( name, value, expires, path, domain, secure )
{
// set time, it's in milliseconds
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );

document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}

function Get_Cookie( check_name ) {
	// first we'll split this cookie up into name/value pairs
	// note: document.cookie only returns name=value, not the other components
	var a_all_cookies = document.cookie.split( ';' );
	var a_temp_cookie = '';
	var cookie_name = '';
	var cookie_value = '';
	var b_cookie_found = false; // set boolean t/f default f

	for ( i = 0; i < a_all_cookies.length; i++ )
	{
		// now we'll split apart each name=value pair
		a_temp_cookie = a_all_cookies[i].split( '=' );


		// and trim left/right whitespace while we're at it
		cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');

		// if the extracted name matches passed check_name
		if ( cookie_name == check_name )
		{
			b_cookie_found = true;
			// we need to handle case where cookie has no value but exists (no = sign, that is):
			if ( a_temp_cookie.length > 1 )
			{
				cookie_value = unescape( a_temp_cookie[1].replace(/^\s+|\s+$/g, '') );
			}
			// note that in cases where cookie is initialized but no value, null is returned
			return cookie_value;
			break;
		}
		a_temp_cookie = null;
		cookie_name = '';
	}
	if ( !b_cookie_found )
	{
		return '';
	}
}

