function clipWindow(contentID,contentType,targetTag)
{
/*	var empID = $F('lstEmployees');
	var y = $F('lstYears');
	var pars = 'empID=' + empID + '&year=' + y;
*/	

	var url = '/'+contentType+'List.xml';

	var myAjax = new Ajax.Request( url, 
		{
			method: 'get', 
			onComplete: 
			function(httpObj){
			 clipWindowResponse(contentID, contentType, targetTag, httpObj);
			 }
		});
	
}

function clipWindowResponse(contentID, contentType, targetTag, httpObj)
{
	var targetContentID = contentID;
	var targetContentType = contentType;
	var targetHTML="";

	var XML = httpObj.responseXML;
	var itemsTag = XML.getElementsByTagName("item");
	var contentPart;
	for(i=0;i<itemsTag.length;i++) {
		if(itemsTag[i].getElementsByTagName("contentID")[0].firstChild.nodeValue == targetContentID) {
			contentPart = itemsTag[i];
			break;
		}
	}
	
	var contentUrl = contentPart.getElementsByTagName("link")[0].firstChild.nodeValue;
	var imagePath_a = contentPart.getElementsByTagName("imagePath_a")[0].firstChild.nodeValue
	var imageAlt_a = contentPart.getElementsByTagName("imageAlt_a")[0].firstChild.nodeValue
	
	targetHTML += '<div class="highslidemenu" style="text-align:right;">';
	targetHTML += '	<a class="highslide-move control" href="#" onclick="return false">';
	targetHTML += '			<img src="../../img/base/buttonForClose.gif" onclick="return hs.close(this)" />';
	targetHTML += '		</a>';
	targetHTML += '	</div>	';
	targetHTML += '<img src="'+imagePath_a +'"  alt="'+imageAlt_a+'" />';
	targetHTML += '<h3>'+contentPart.getElementsByTagName("title")[0].firstChild.nodeValue+'</h3>';
	targetHTML += '<p class="catchCopy">'+contentPart.getElementsByTagName("bodyTitle")[0].firstChild.nodeValue+'</p>';
	targetHTML += '<p class="headline">'+contentPart.getElementsByTagName("description")[0].firstChild.nodeValue+'</p>';
	targetHTML += '<div class="actionmenu" id="action'+ targetContentID +'" >';
	targetHTML += '	<ul style="margin-left:200px;">';
	targetHTML += '	<li><a href="'+contentUrl+'" >[詳細ページへ]</a></li>';
	targetHTML += '	<li><a  onclick="JacaScript:clipWindowMail(\''+ targetContentID +'\',\''+targetTag+'\',\''+contentUrl+'\')">[メールで送る]</a></li>';
	targetHTML += '	<li><a href="http://gardenplace.jp/c2ms/cb/printout.do?contentID='+targetContentID+'&siteID=ebisu" target="_blank" >[プリントする]</a></li>';
	targetHTML += '	<li><a>[マイクリップに保存する]</a></li>';
	targetHTML += '	<li><a>[申し込む]</a></li>';
	targetHTML += '	<li><a>[予約する]</a></li>';
	targetHTML += '	<li><a>[問い合わせする]</a></li>';
	targetHTML += '	<li><a  onclick="JacaScript:clipWindowTel(\''+ targetContentID +'\',\''+targetTag+'\',\''+contentUrl+'\')" href="#">';
	targetHTML += '		<img src="../../img/clipWindow/denwa.gif" alt="WEB電話"/>[電話で話す]';
	targetHTML += ' </a></li>';
	targetHTML += ' </ul>';
	targetHTML += '</div>';

	$(targetTag).html(targetHTML);

}

function clipWindowMail(contentID,targetTag,contentUrl){
	var actionTag='action'+contentID;
	var targetContentID = contentID;
	var targetHTML="";
	var emailAddress="";
	
	alert( $.cookie('test') );

//alert( $.cookie('emailAddress') );
	// read email from cookie
	//var emailAddress = $.cookie('emailAddress');
	//var emailAddress = readCookie("emailAddress);
	if(emailAddress == null) {
		emailAddress = "";
	}
	
	targetHTML += '	<img src="../../img/clipWindow/cross.jpg" width="10" height="10" style="float:right" onclick="JacaScript:clipWindowActionmenuReset(\''+ targetContentID +'\',\''+targetTag+'\',\''+contentUrl+'\');">';
	targetHTML += '<table width="383" border="0" cellpadding="0" cellspacing="0">';
	targetHTML += '	<tr>';
	targetHTML += '		<td align="left" valign="top">お客様のメールアドレスを入力して「送信」ボタンを押して下さい。<br/>*メールアドレスのお間違いにご注意ください。</td>';
	targetHTML += '	</tr>';
	targetHTML += '	<tr>';
	targetHTML += '		<td align="left" valign="top"><img src="../../img/spacer.gif" width="1" height="6" alt=""></td>';
	targetHTML += '	</tr>';
	targetHTML += '	<tr>';
	targetHTML += '		<td align="center" valign="top">';
	targetHTML += '		<!-- CallBack Component -->';
	targetHTML += '			<table border="0" cellpadding="0" cellspacing="0">';
	targetHTML += '				<tr>';
	targetHTML += '					<td align="center" valign="bottom"><img src="../../img/clipWindow/component_01_top.gif" width="383" height="10" alt=""></td>';
	targetHTML += '				</tr>';
	targetHTML += '				<tr>';
	targetHTML += '					<td class="c01m" align="center" style="text-align:center">';
	targetHTML += '						<form name="WEBMail" method="POST" action="">';
	targetHTML += '						<table width="347" border="0" cellpadding="0" cellspacing="0">';
	targetHTML += '							<tr>';
	targetHTML += '								<td align="left" valing="top"><input name="mailaddress" type="text" id="mail" size="30" maxlength="100" value="' + emailAddress + '">&nbsp;<input name="save" id="save" type="checkbox" value="save">&nbsp;<label for="save">保存</label></td>';

	// added by marky
	targetHTML += '						<div id="sentResult"></div>';
	targetHTML += '						<input type=hidden name="contentID" value="' + contentID + '">';

	targetHTML += '								<td align="right"><a href="#" onClick="javascript:callOnSubmit(\'' + contentID + '\')"><img name="call" id="call" src="../../img/clipWindow/btn_transmit.gif" alt="送信" border="0"></a></td>';
	targetHTML += '							</tr>';
	targetHTML += '							<tr>';
	targetHTML += '								<td colspan="2"><img src="../../img/spacer.gif" alt="" width="1" height="5"></td>';
	targetHTML += '							</tr>';
	targetHTML += '							<tr>';
	targetHTML += '								<td align="left" colspan="2" class="notes">例）hello@clip.jp</td>';
	targetHTML += '							</tr>';
	targetHTML += '						</table>';
	targetHTML += '						</form>';
	
	
	targetHTML += '					</td>';
	targetHTML += '				</tr>';
	targetHTML += '				<tr>';
	targetHTML += '					<td align="center" valign="top"><img src="../../img/clipWindow/component_01_bottom.gif" width="383" height="10" alt=""></td>';
	targetHTML += '				</tr>';
	targetHTML += '			</table>';
	targetHTML += '		<!-- /CallBack Component -->';
	targetHTML += '		</td>';
	targetHTML += '	</tr>';
	targetHTML += '	<tr>';
	targetHTML += '		<td align="left" valign="top"><img src="../../img/spacer.gif" width="1" height="6" alt=""></td>';
	targetHTML += '	</tr>';
	targetHTML += '</table>';



	$(actionTag).html(targetHTML);



}


function clipWindowActionmenuReset(contentID,targetTag,contentUrl){
	var actionTag='action'+contentID;
	var targetContentID = contentID;
	targetHTML ="";
	targetHTML += '	<ul style="margin-left:200px;">';
	targetHTML += '	<li><a href="'+contentUrl+'" >[詳細ページへ]</a></li>';
	targetHTML += '	<li><a  onclick="JacaScript:clipWindowMail(\''+ targetContentID +'\',\''+targetTag+'\',\''+contentUrl+'\')">[メールで送る]</a></li>';
	targetHTML += '	<li><a href="http://gardenplace.jp/c2ms/cb/printout.do?contentID='+targetContentID+'&siteID=ebisu" target="_blank" >[プリントする]</a></li>';
	targetHTML += '	<li><a>[マイクリップに保存する]</a></li>';
	targetHTML += '	<li><a>[申し込む]</a></li>';
	targetHTML += '	<li><a>[予約する]</a></li>';
	targetHTML += '	<li><a>[問い合わせする]</a></li>';
	targetHTML += '	<li><a  onclick="JacaScript:clipWindowTel(\''+ targetContentID +'\',\''+targetTag+'\',\''+contentUrl+'\')" href="#">';
	targetHTML += '		<img src="../../img/clipWindow/denwa.gif" alt="WEB電話"/>[電話で話す]';
	targetHTML += ' </a></li>';
	targetHTML += ' </ul>';	
	$(actionTag).html(targetHTML);
}

function callOnSubmit(contentID) {
	// check whether email format is correct
	if(!echeck($('mail').value)) {
		$('sentResult').innerHTML = "please check email address";
		return;
	}
	// save email address to cookie if required
	if($('save').checked) {
		createCookie("emailAddress", $('mail').value, null);
	}
	//postData = "siteID=ebisu&contentID="+ contentID + "&toAddress=" + $('mail').value;
	// pass all data needed by ClipbookAction
	postData = "siteID=ebisu&contentID="+ contentID + "&clipType=" + "" + "&linkUrl=" + "" + "&mobileLinkUrl=" + "" + "&mailType=" + "pc" + "&toAddress=" + $('mail').value;

	var myAjax = new Ajax.Request( '/c2ms/cb/sendmail.do',
		{
			method: 'post', 
			postBody : postData,
			onSuccess: mailSent,
			onFailure: mailSentError
		});
}

function mailSent(httpObj) {
	// mail was sent. show success message
	var sentResult = $('sentResult');
	if (httpObj.responseText.match(/success/)) {
		sentResult.update('Mail sent.').setStyle({ background: '#dfd' });
	} else {
		sentResult.update('Error').setStyle({ background: '#fdd' });
	}
}

function mailSentError(httpObj) {
	// show error message or anything
	var sentResult = $('sentResult');
	sentResult.update('Error').setStyle({ background: '#fdd' });
}

//email format checking function
function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }

 		 return true					
	}