// JavaScript Document
var etcontent = "";
var ecPluggedIn = true;
var pages = new Array();
pages[0] = "Source/et001_pgs01-02b.jpg";
pages[1] = "Source/et001_pgs03-04b.jpg";
pages[2] = "Source/et001_pgs05-06b.jpg";
pages[3] = "Source/et001_pgs07-08b.jpg";
pages[4] = "Source/et001_pgs09-10b.jpg";
pages[5] = "Source/et001_pgs11-12b.jpg";

var epage = 0;
var lpage = 5;
var respondpage = 4;
var respond = '<a href="javascript:showHTMLResponse();"><img src="../images/spacer.gif" alt="" width="250" height="25" border="0" style="cursor:hand;" /></a>';

function nextPage()
{
	if(epage < lpage)
	{
		epage = epage + 1;
	}
	else
	{
		epage = 0;	
	}	
	elm = document.getElementById("etract_image");	
	elm.style.backgroundImage = 'url('+pages[epage]+')';
	showRespond();
}

function prevPage()
{
	if(epage > 0)
	{
		epage = epage - 1;
		elm = document.getElementById("etract_image");	
		elm.style.backgroundImage = 'url('+pages[epage]+')';
	}
	showRespond();
	
}

function showRespond()
{
	elm = document.getElementById("etract_response_link");	
	if(epage == respondpage)
	{
		elm.innerHTML = respond;
	}
	else
	{
		elm.innerHTML = "";
	}
}

function getContent(contType)
{
	if(contType == "flash"){ getFlashVersion(); }	
	if(contType == "html"){ getHTMLVersion(); }		
	if(contType == "pps"){ getPPSVersion(); }		
	if(contType == "pdf"){ getPDFVersion(); }		
	if(contType == "word"){ getWordVersion(); }		
	if(contType == "email"){ getEmailForm(); }
	return true;
}

function getFlashVersion()
{
	ecPluggedIn = true;
	etcontent = '<div id="flashobj" style="z-index:5; left:2px; position:relative;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" \
	width="628" height="455" id="jcsboy_et001" align="middle">\
	<param name="allowScriptAccess" value="sameDomain" />\
	<param name="movie" value="jcsboy_et001.swf" />\
	<param name="quality" value="high" />\
	<param name="bgcolor" value="#000000" />\
    <param name="wmode" value="transparent" />\
	<embed src="jcsboy_et001.swf" quality="high" bgcolor="#000000" width="628" height="455" name="jcsboy_et001" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" \
	pluginspage="http://www.macromedia.com/go/getflashplayer" />\
	</object></div>';
}

function getHTMLVersion()
{
	ecPluggedIn = true;
	etcontent = '<div id="etract_image" style="background-image:url(Source/et001_pgs01-02b.jpg);\
				height:447px; width:628px;z-index:5;">\
				<div id="left_link" style="position:relative;top:400px; left:5px; width:50px;\
				height:35px; float:left;"><a \
					href="javascript:prevPage()"><img src="../images/spacer.gif" alt=""\
					width="50" height="35" border="0" /></a></div>\
					<div id="etract_response" align="right"></div>\
					<div id="right_link"  style="position:relative;top:400px; left:5px; width:50px; height:35px;\
					float:right;"><a href="javascript:nextPage()"><img src="../images/spacer.gif" alt="" width="50"\
					height="25" border="0" /></a></div>\
					<div id="music" style="position:absolute;top:427px;left:20px;float:left;">\
							<object type="audio/x-mpeg" \
							data="GiacomoFiore_Genteel.mp3" width="200" height="15"> \
							<param name="src" value="GiacomoFiore_Genteel.mp3" />\
							<param name="controller" value="true" />\
							<param name="autoplay" value="true" />\
							<param name="autostart" value="true" />\
							<param name="loop" value="true" />\
							</embed>\
							</object>\
					</div>\
					<div id="etract_response_link" style="width:250px; height:35px; position:absolute;\
					top:385px; left:310px; float:left;">\
					</div>\
				</div>';
				
	
}

function showHTMLResponse()
{
   
	ecPluggedIn = true;
        etcontent = '<div id="etract_image" style="background-image:url(Source/et001_responseb.jpg); height:450px; width:625px; left:50%; margin-left:-325px; position:absolute; top:8px;">\
			<form>\
			<div style="font-family:arial;font-size:18px;text-align:center;position:absolute;top:50px;left:350px;width:250px;">\
			Send Us Your Reponse</div>\
			<div style="font-family:arial;font-size:16px;position:absolute;top:100px;left:350px;float:left;">Name:</div>\
			<div style="font-family:arial;font-size:14px;position:absolute;top:100px;left:420px;float:left;"><input type="text" \
                id="cname" name="cname" size="25" /></div><br />\
			<div style="font-family:arial;font-size:16px;position:absolute;top:130px;left:350px;float:left;">Email:</div>\
			<div style="font-family:arial;font-size:14px;position:absolute;top:130px;left:420px;float:left;"><input type="text" \
                id="cemail" name="cemail"size="25" /></div>\
			<div style="font-family:arial;font-size:16px;position:absolute;top:160px;left:350px;float:left;">Subject:</div>\
			<div style="font-family:arial;font-size:14px;position:absolute;top:160px;left:420px;float:left;"><input type="text" \
                                  id="csubject" name="csubject" size="25" value="Response to Does anyone love me?" /></div>\
			<div style="font-family:arial;font-size:16px;position:absolute;top:190px;left:350px;float:left;">Message:</div>\
			<div style="font-family:arial;font-size:16px;position:absolute;top:210px;left:350px;float:left;">\
			<textarea id="cmessage" rows="7" cols="29"></textarea></div>\
			<div style="font-family:arial;font-size:16px;position:absolute;top:350px;left:355px;float:left;">\
			<img src="Source/btn001_send.jpg" onclick="postResponse();" />\
			<br /><center>\
			<div id="response_msg"></div>\
			</center>\
			<input type="hidden" name="cvalidator" value="jcsboy55"/>\
			<input type="hidden" name="cflashid" value="jcsboy_et001"/>\
			</div>\
			</form>\
			</div></div>\
			<div id="loading" style="visibility:hidden;display:none;background-color:#000000;width:630px;height:450px;">\
			<div style="position:absolute; top:200px; left:250px;">loading...</div>\
			</div>';
	updateContentSource();

}

function postResponse()
{
	dv = "response_msg";
	delm = document.getElementById(dv);
	delm.innerHTML = "";

    //alert("PostResponse");
    params = "";
    params += getParamFieldValue("cname");
    params += getParamFieldValue("cemail");
    params += getParamFieldValue("csubject");
    params += getParamFieldValue("cmessage");
    params += getParamFieldValue("cvalidator");
    params += "jcsboy55";
    params += getParamFieldValue("cflashid");
    params += "jcsboy_et001";
    //alert(params);    
    ajxUrl = getBaseURL() + "/jcsboy/commons/ajx_eml_proc.php";
    //alert(ajxUrl);
    postAjaxResults(ajxUrl,params,"response_msg");

}

function postEmailShare()
{
	dv = "response_msg";
	delm = document.getElementById(dv);
	delm.innerHTML = "";

    //alert("postEmailShare");
    params = "";
    params += getParamFieldReqValue("cfname","Your Name", 0);
	if(params.indexOf("cfname") < 0){ return false; }
    params += getParamFieldReqValue("cfemail","Youe Email",1);
	if(params.indexOf("cfemail") < 0){ return false; }
    params += getParamFieldReqValue("ctname","Friends Name",1);
	if(params.indexOf("ctname") < 0){ return false; }
    params += getParamFieldReqValue("ctemail","Friends Email",1);
	if(params.indexOf("ctemail") < 0){ return false; }
    params += getParamFieldReqValue("csubject","Subject",1);
	if(params.indexOf("csubject") < 0){ return false; }
    params += getParamFieldValue("cmessage");
    params += "&cvalidator=jcsboy55";
    params += "&cflashid=jcsboy_et001";
    //alert(params);    
	dv = "response_msg";
	delm = document.getElementById(dv);
	delm.innerHTML = "Sending Email...";
    ajxUrl = getBaseURL() + "/jcsboy/eTracts/001/Source/email_share.php";
    //alert(ajxUrl);
    postAjaxResults(ajxUrl,params,"response_msg");

}


function getPDFVersion()
{
	if(adobePlugin())
	{
		ecPluggedIn = true;
		etcontent = '<div id="etract_image"\
				style="position:relative; top:5px; background-image:url(../images/et001_pgs01-02b.jpg);\
				height:442px; width:627px;z-index:5;">\
				<iframe src="jcsboy_et001.pdf" style="height:442px; width:627px; \
				background-color:#000000;"></iframe>\
				</div>';	
	}
	else
	{
		ecPluggedIn = false;
		etcontent = 'jcsboy_et001.pdf';			
	}
}

function getPPSVersion()
{
	if(BrowserDetect.browser == 'Explorer')
	{
		ecPluggedIn = true;
		etcontent = '<div id="etract_image"\
			style="position:relative; top:5px; background-image:url(../images/et001_pgs01-02b.jpg);\
			height:442px; width:627px;z-index:5;">\
			<iframe src="jcsboy_et001.pps" style="height:442px; width:627px; \
			background-color:#000000;"></iframe>\
			</div>';
	}
	else
	{
		ecPluggedIn = false;
		etcontent = 'jcsboy_et001.pps';		
	}
}


function getWordVersion()
{
	if(BrowserDetect.browser == 'Explorer')
	{
		ecPluggedIn = true;
		etcontent = '<div id="etract_image"\
			style="position:relative; top:5px; background-image:url(../images/et001_pgs01-02b.jpg);\
			height:442px; width:627px;z-index:5;">\
			<iframe src="jcsboy_et001.doc" style="height:442px; width:627px; \
			background-color:#000000;"></iframe>\
			</div>';
	}
	else
	{
		ecPluggedIn = false;
		etcontent = 'jcsboy_et001.doc';
	}
}

function getEmailForm()
{
	ecPluggedIn = true;
	etcontent = '<div id="etract_image" style="background-image:url(Source/et001_responseb.jpg); \
		height:450px; width:625px; left:0px; position:absolute; top:5px;">\
		<form method="post" action="#">\
		<div style="font-family:arial;font-size:18px;text-align:center;position:absolute;\
		top:25px;left:350px;width:250px;">Email to a friend!</div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:70px;left:350px;float:left;">Your Name:</div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:70px;left:450px;float:left;"><input type="text" id="cfname" name="cfname" size="22" /></div><br />\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:100px;left:350px;float:left;">Your Email:</div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:100px;left:450px;float:left;"><input type="text" id="cfemail" name="cfemail"size="22" /></div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:130px;left:350px;float:left;">Friends Name:</div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:130px;left:450px;float:left;"><input type="text" id="ctname" name="ctname" size="22" /></div><br />\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:160px;left:350px;float:left;">Friends Email:</div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:160px;left:450px;float:left;"><input type="text" id="ctemail" name="ctemail"size="22" /></div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:190px;left:350px;float:left;">Subject:</div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:190px;left:450px;float:left;"><input type="text" id="csubject" name="csubject" size="22" value="A friend sent you a message from JCsBoy Ministries..." /></div>\
		<div style="font-family:arial;font-size:14px;position:absolute;\
		top:220px;left:350px;float:left;">Message:</div>\
		<div style="font-family:arial;font-size:16px;position:absolute;\
		top:220px;left:350px;float:left;">\
		<textarea id="cmessage" rows="7" cols="29"></textarea></div>\
		<div style="font-family:arial;font-size:16px;position:absolute;top:355px;left:355px;float:left;">\
			<img style="cursor:pointer;" src="Source/btn001_send.jpg" onclick="postEmailShare();" />\
			<br /><center>\
			<div id="response_msg"></div>\
			</center>\
			<input type="hidden" name="cvalidator" value="jcsboy55"/>\
			<input type="hidden" name="cflashid" value="jcsboy_et001"/>\
			</div>\
		</div>\
		</form>\
	</div>';

}