var Page = new Object();
Page.index;

Page.DisplayItem = function (){
	if(Ajax.CheckReadyState(Ajax.request)){
		document.getElementById('mainarea').innerHTML = "";
		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('post');
		var _id = response.getElementsByTagName('id')[0].firstChild.data;
		var _name = response.getElementsByTagName('name')[0].firstChild.data;
		var _code = response.getElementsByTagName('code')[0].firstChild.data;
		var _price = response.getElementsByTagName('price')[0].firstChild.data;
		var _description = response.getElementsByTagName('description')[0].firstChild.data;
		var _hot = response.getElementsByTagName('hot')[0].firstChild.data;
		var _image = response.getElementsByTagName('image')[0].firstChild.data;
		var _catoption = response.getElementsByTagName('catoption')[0].firstChild.data;
		var html="<table width=\"100%\" align=\"center\" cellpadding=\"2\" cellspacing=\"2\" valign=\"top\">"
						+"	<tr>"
						+"		<td width=\"450\" align=\"center\" valign=\"top\"><img src=\""+_image+"\"></td>"
			      +"		<td width=\"286\" align=\"center\" valign=\"top\">"
			      +"			<table width=\"270\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"2\">"
			      +"				<tr>"
			      +"					<td colspan=\"3\" align=\"left\" valign=\"top\" class=\"subtitle\">"+_name+" ("+_code+")</td>"
			      +"				</tr>"
			      +"				<tr>"
			      +"					<td colspan=\"2\" align=\"left\" valign=\"top\" class=\"subtitle\">Cost :"+_price+" </td>"
			      +"					<td align=\"left\" valign=\"top\" class=\"subtitle\">&nbsp;</td>"
			      +"				</tr>"
			      +"				<tr>"
			      +"					<td colspan=\"3\" align=\"left\" valign=\"top\">Description "+_description+"</td>"
			      +"				</tr>"
			      +"				<tr>"
			      +"					<td align=\"right\" valign=\"middle\">&nbsp;</td>"
			      +"					<td align=\"right\" valign=\"middle\">&nbsp;</td>"
			      +"					<td align=\"right\" valign=\"middle\"><a href=\"http://www.lebanesemall.com\" target=\"_blank\">Buy Item </a><a href=\"http://www.lebanesemall.com\" target=\"_blank\"><img src=\"images/next.gif\" width=\"55\" height=\"18\" border=\"0\" align=\"absmiddle\"></a></td>"
			      +"				</tr>"
			      +"				<tr>"
			      +"					<td colspan=\"3\" align=\"left\" valign=\"top\">&nbsp;</td>"
			      +"				</tr>"
			      +"				<tr align=\"left\">"
			      +"					<td colspan=\"3\" valign=\"top\">&nbsp;</td>"
			      +"				</tr>"
			      +"				<tr align=\"left\">"
			      +"					<td colspan=\"3\" valign=\"top\" class=\"subtitle\"><a href=\"products.php\" class=\"free\">Back to Products</a></td>"
			      +"				</tr>"
			      +"				<tr align=\"left\">"
			      +"					<td valign=\"top\">Go to Category </td>"
			      +"					<td colspan=\"2\" valign=\"top\">"
			      +"					<form method=\"get\" action=\"item.php\" name=\"category\" id=\"category\">"
			      +"						<input type=\"hidden\" name=\"hot\" value=\"0\">"
			      +"						<select name=\"cid\" onchange=\"onCatChange(category)\">"
			      +"							<option value=\"\">Select Category</option>"
			      +"							"+_catoption
			      +"						</select>"
			      +"					</form>"
			      +"					</td>"
			      +"				</tr>"
			      +"			</table>"
			      +"		</td>"
			      +"	</tr>"
			      +"</table>";
			      
		document.getElementById('mainarea').innerHTML = html;
	}
}


Page.DisplayAlbum = function (){
	if(Ajax.CheckReadyState(Ajax.request)){
		document.getElementById('albums').innerHTML = "";
		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('post');
		var html="<table width=\"120\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"2\" class=\"tdgray\">"
						+"	<tr>"
						+"		<td colspan=\"2\" align=\"left\" valign=\"top\" class=\brdbase\"><img src=\"images/album.gif\" width=\"120\" height=\"25\"></td>"
						+"	</tr>";
		for(var i=0;i<_post.length;i++){
			var _id = response.getElementsByTagName('aid')[i].firstChild.data;
			var _name = response.getElementsByTagName('name')[i].firstChild.data;
			var _image = response.getElementsByTagName('image')[i].firstChild.data;
			var _urlnext = response.getElementsByTagName('next')[i].firstChild.data;
			var _urlprevious = response.getElementsByTagName('previous')[i].firstChild.data;
			html=html+"	<tr>";
			html=html+"		<td colspan=\"2\" align=\"center\" valign=\"top\"><a href=\"album-detail.php?aid="+_id+"\"><img src=\""+_image+"\" width=\"90\" height=\"90\" border=\"0\"></a></td>";
			html=html+"	</tr>";
			html=html+"	<tr>";
			html=html+"		<td colspan=\"2\" align=\"center\" valign=\"top\"><a href=\"album-detail.php?aid="+_id+"\" class=\"white\">"+_name+"</a></td>";
			html=html+"	</tr>";
			html=html+"	<tr>";
			html=html+"		<td colspan=\"2\" align=\"center\" valign=\"top\" class=\"brdbase\">&nbsp;</td>";
			html=html+"	</tr>";
		}
		html=html+"	<tr>";
    html=html+"		<td width=\"56\" align=\"right\" valign=\"top\">";
    if(_urlprevious) html=html+"			<a style=\"cursor:pointer\" onclick=\"javascript:Ajax.Request('include/ajax-function.php"+_urlprevious+"',Page.DisplayAlbum)\"><img src=\"images/previous.gif\" width=\"55\" height=\"18\" border=\"0\"></a>";
    html=html+"		</td>";
    html=html+"		<td width=\"58\" align=\"left\" valign=\"top\">";
    if(_urlnext) html=html+"			<a style=\"cursor:pointer\" onclick=\"javascript:Ajax.Request('include/ajax-function.php"+_urlnext+"',Page.DisplayAlbum)\"><img src=\"images/next.gif\" width=\"55\" height=\"18\" border=\"0\"></a>";
    html=html+"		</td>";
    html=html+"	</tr>";
		html=html+"</table>";
		document.getElementById('albums').innerHTML = html;
	}
}

Page.DisplayPhotos = function (){
	if(Ajax.CheckReadyState(Ajax.request)){
		document.getElementById('photos').innerHTML = "";
		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('disp');
		alert(_post.length);
		var html="<table width=\"740\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"2\" class=\"bkgblack\">"
						+"	<tr align=\"left\" valign=\"top\">"
						+"		<td colspan=\"10\" class=\"subtitle\">Album Title Pics </td>"
						+"	</tr>"
						+"	<tr align=\"center\" valign=\"top\">";
		for(var i=0;i<_post.length;i++){
			var _id = response.getElementsByTagName('id')[i].firstChild.data;
			var _aid = response.getElementsByTagName('aid')[i].firstChild.data;
			var _image = response.getElementsByTagName('image')[i].firstChild.data;
			//var _display = response.getElementsByTagName('disp')[i].firstChild.data;
				html=html+"		<td><a style=\"cursor:pointer\" onclick=\"javascript:Ajax.Request('include/ajax-function.php?mode=photo&aid="+_aid+"&pid="+_id+"',Page.DisplayPhoto )\"><img src=\""+_image+"\" width=\"50\" height=\"50\" border=\"0\"></a></td>"
		}
		
				html=html+"	</tr>";
				html=html+"	<tr align=\"center\" valign=\"top\">";
				html=html+"		<td colspan=\"10\">"+_display+"</td>";
				html=html+"	</tr>";
				html=html+"</table>";
		document.getElementById('photos').innerHTML = html;
	}
}

Page.DisplayPhoto = function (){
	if(Ajax.CheckReadyState(Ajax.request)){
		
		document.getElementById('photodisplay').innerHTML = "";
		var	response = Ajax.request.responseXML.documentElement;
		var _post = response.getElementsByTagName('post');
		var _id = response.getElementsByTagName('id')[0].firstChild.data;
		var _name = response.getElementsByTagName('name')[0].firstChild.data;
		var _cat = response.getElementsByTagName('cat')[0].firstChild.data;
		var _description = response.getElementsByTagName('description')[0].firstChild.data;
		var _image = response.getElementsByTagName('image')[0].firstChild.data;
		var _options = response.getElementsByTagName('opt')[0].firstChild.data;
		var html="<table width=\"100%\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"2\">"
						+"	<tr>"
						+"		<td width=\"450\" align=\"center\" valign=\"top\"><img src=\""+_image+"\"></td>"
						+"		<td width=\"286\" align=\"center\" valign=\"top\">"
						+"			<table width=\"270\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\2\">"
						+"				<tr>"
						+"					<td colspan=\"3\" align=\"left\" valign=\"top\" class=\"subtitle\">"+_cat+" - "+_name+" </td>"
						+"				</tr>"
						+"				<tr>"
						+"					<td colspan=\"3\" align=\"left\" valign=\"top\">&nbsp;</td>"
						+"				</tr>"
						+"				<tr>"
						+"					<td colspan=\"3\" align=\"left\" valign=\"top\">"+_description+"</td>"
						+"				</tr>"
						+"				<tr align=\"left\">"
						+"					<td colspan=\"3\" valign=\"top\">&nbsp;</td>"
						+"				</tr>"
						+"				<tr align=\"left\">"
						+"					<td width=\"100\" valign=\"top\" class=\"subtitle\">Albums</td>"
						+"					<td width=\"150\" colspan=\"2\" valign=\"top\" class=\"subtitle\">"
						+"						<form method=\"get\" action=\"album-detail.php\" name=\"al\" id=\"al\">"
						+"							<select name=\"aid\" onchange=\"onCatChange1(al)\">"
						+"								<option value=\"\">Select Album</option>"
						+"									"+_options
						+"							</select>"
						+"						</form>"
						+"					</td>"
						+"				</tr>"
						+"			</table>"
						+"		</td>"
						+"	</tr>"
						+"</table>";
		document.getElementById('photodisplay').innerHTML = html;
	}
}