<form action="addnews.jsp" method="post" accept-charset="utf-8" id="form-overlay">
	<fieldset>
		<label for="title">Title : </label>
		<input type="text" name="title" value="" id="title" class="all-rounded"/>
		<label for="formcategory">Category :</label>
		<select name="formcategory" id="formcategory" length="1">
			<% 						
			st = new StringTokenizer(categories,"-");
			query = "SELECT name FROM Categories WHERE id>0 ORDER BY name ASC";
			rs = statement.executeQuery(query);
			count = 0;
				while (rs.next()) 
				{
					count++;
					String name = rs.getString("name");
					if(count==1) { %> <option selected="selected" value="<%=name%>"><%=name%></option> <% }
					else { %> <option value="<%=name%>"><%=name%></option> <% }
				}
			if(count==0) { %> <option value="none">none</option> <% }
			%>
		</select>
		<label for="body">Body text :</label>
		<textarea name="body" rows="8" cols="40" class="all-rounded"></textarea>
		<input type="submit" name="submit" value="Add news" id="submit" class="submit all-rounded" />
	</fieldset>
</form>

<%@ page import="java.sql.*" import="java.util.*" session="true" import="Javax.servlet.http.*" import="java.security.*" %>
 
<%
 
	String database = "lab8";
	String user = "root";
	String pass = "thebeastlocal";
	String table = "News";
 
	String connectionURL = "jdbc:mysql://localhost:3306/"+database+"?user="+user+";password="+pass;
	Connection connection = null;
	Statement statement = null;
	Statement update = null;
	ResultSet rs = null;
 
	Class.forName("com.mysql.jdbc.Driver").newInstance();
	connection = DriverManager.getConnection(connectionURL,user,pass);
	statement = connection.createStatement();
 
	if(session.getAttribute("loggedin")!=null)
	{
		String title = "";
		String formcategory = "";
		String body = "";
		int error = 0;
 
		if(request.getParameter("title")!=null) title = request.getParameter("title");
		else error = 1;
		if(request.getParameter("formcategory")!=null) formcategory = request.getParameter("formcategory");
		else error = 1;
		if(request.getParameter("body")!=null) body = request.getParameter("body");
		else error = 1;
 
		if(error==1)
		{
			response.sendRedirect("index.jsp?error=Please input information in all fields");
		}
		else
		{
			String username = (String) session.getAttribute("username");
			try
			{
				String query = "INSERT // INTO News(title,body,owner,publishing_date,publishing_time,category) VALUES('"+title+"','"+body+"','"+username+"',NOW(),NOW(),'"+formcategory+"')";
				// remove // between INSERT and INTO in above line
				statement.executeUpdate(query);				
			}
			catch (Exception e)
			{
				%><%=e%><%
			}
			response.sendRedirect("index.jsp?msg=News added to the system.");
		}
	}
	else response.sendRedirect("index.jsp?error=You must be logged in to access this feature.");
%>

<%@ page import="java.sql.*" import="java.util.*" session="true" import="Javax.servlet.http.*" import="java.security.*" %>
 
<%
 
	String database = "lab8";
	String user = "user here";
	String pass = "pass here";
	String table = "Users";
 
	String connectionURL = "jdbc:mysql://localhost:3306/"+database+"?user="+user+";password="+pass;
	Connection connection = null;
	Statement statement = null;
	Statement update = null;
	ResultSet rs = null;
 
	Class.forName("com.mysql.jdbc.Driver").newInstance();
	connection = DriverManager.getConnection(connectionURL,user,pass);
	statement = connection.createStatement();
 
	String username = "";
	String password = "";
	int error = 0;
	if(request.getParameter("username")!=null) username = request.getParameter("username");
	else error = 1;
	if(request.getParameter("password")!=null) password = request.getParameter("password");
	else error = 1;
	if(error==1)
	{
		response.sendRedirect("index.jsp?error=Please input username and password");
	}
	else
	{
			MessageDigest mdAlgorithm = MessageDigest.getInstance("MD5");
			mdAlgorithm.update(password.getBytes());
 
			byte[] digest = mdAlgorithm.digest();
			StringBuffer hexString = new StringBuffer();
 
			for (int i = 0; i < digest.length; i++) 
			{
			    password = Integer.toHexString(0xFF & digest[i]);
 
			    if (password.length() < 2) 
				{
			        password = "0" + password;
			    }
 
			    hexString.append(password);
			}
 
			password = hexString.toString();
			String query = "SELECT * FROM Users WHERE username='"+username+"' AND password='"+password+"'";
			rs = statement.executeQuery(query);
			if(rs.next())
			{
				session.setAttribute("loggedin","1");
				session.setAttribute("username",username);
 
				response.sendRedirect("index.jsp?msg=Logged in succesfully.");
			}
			else 
			{
				response.sendRedirect("index.jsp?error=Invalid login data.");
			}
	}
%>

<%@ page import="java.sql.*" import="java.util.*" session="true" import="Javax.servlet.http.*" import="java.security.*" %>
 
<%
	session.removeAttribute("loggedin");
	response.sendRedirect("index.jsp?msg=Successfully logged out");
%>

<head>
	<title>Live News System</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
	<link rel="stylesheet" href="css/datepicker.css" type="text/css" media="screen" title="no title" charset="utf-8">
 
	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/date.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/datepicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/sprinkle.js" type="text/javascript" charset="utf-8"></script>	
</head>

<body>
 
	<? include("includes/functions.php");
	   initiateLastID(); 
	?>
 
	<header class="top-rounded">
		Live News System <!-- The title of our app -->         
	</header>

function initiateLastID()
{
	if(!session_is_registered('lastID'))
	{ 
		// no previous call
		session_register('lastID');
		$query = "SELECT id FROM News WHERE id>0 ORDER BY id DESC LIMIT 1";
		$data = mysql_query($query) or die(mysql_error());
		$_SESSION['lastID'] = $data['id'];
		$lastID = $data['id'];
	}
}

<?
$msg = $error = "";
$msg=$_REQUEST['msg'];
$error=$_REQUEST['error'];
if($msg!="")
{
	?>
	<article class="no-hover message display">
		<h1><?=$msg?></h1>
	</article>
	<?
}
if($error!="")
{
	?>
	<article class="no-hover error display">                      
		<h1><?=$error?></h1>
	</article>
	<?
}
list_news();
?>

<fieldset>
	<label for="start_date">Start date: </label>
	<input type="text" name="start_date" value="<?=$_SESSION['start']?>" id="start_date" class="date-pick">
	<label for="end_date">End date: </label>
	<input type="text" name="end_date" value="<?=$_SESSION['end']?>" id="end_date" class="date-pick">
</fieldset>

<ul><!-- This UL will hold our categories -->
	<li class="title">Browse by category</li>                     
	<? list_categories("") ?>
</ul>

function list_categories($mode)
{
	if(session_is_registered('categories')) $categories = $_SESSION['categories'];
 
	$rows = mysql_query("SELECT name FROM Categories WHERE id>0 ORDER BY name ASC") or die(mysql_error());
	if($mode=="")
	{
		if(mysql_num_rows($rows))
		{
			while($row = mysql_fetch_row($rows))
			{
				if(session_is_registered('categories')) 
					{
						if(sizeof($categories)>0)
						{
							if(array_key_exists($row[0],$categories)) echo "<li><a class=\"selected-aside\">".$row[0]."</a></li>";
								else echo "<li><a>".$row[0]."</a></li>";
						}
						else echo "<li><a>".$row[0]."</a></li>";
					}
				else echo "<li><a>".$row[0]."</a></li>";
			}
		}
		else echo "<li>no categories</li>";
	}
	else if($mode=="select-options")
	{
	// code in part three of the tutorial
	}
}

<footer>
	<? if(!session_is_registered('loggedin')) { ?><a rel="login" name="modal">Admin login</a> <? } else { ?>You are logged in. You can <A  href="#addnews" rel="addnews" name="modal">add news</a> or <a href="logout.php" target="_self">logout</a><? } ?>
</footer>

<article>	
	<h1>news title</h1>
	<details>Posted by <span>user</span> in <span class="cat">category</span> on <span>date</span> at <span>time</span>.</details>
	<p>content of news</p>
</article>

<article>
	<span class="controls"><a href="deletenews.php?id=ID" target="_self" class="delete"></a><a href="" name="modal" rel="editform" title="ID" target="_self" class="edit"></a></span>	
	<h1>news title</h1>
	<details>Posted by <span>user</span> in <span class="cat">category</span> on <span>date</span> at <span>time</span>.</details>
	<p>content of news</p>
</article>

function list_news()
{
	$categories_query = "";
	if(session_is_registered('categories'))
		{ // we have some registered categories, so our query will not select all news
			if(sizeof($_SESSION['categories'])>0)
			{
				$categorieskeys = array_keys($_SESSION['categories']);
				$count = 0;
				if(sizeof($categorieskeys)>0)
				{
					$categories_query = "AND (";
					while($categorieskeys[$count]!=null)
					{
						if($count>0) $categories_query = $categories_query." OR category = '".$categorieskeys[$count]."' ";
						else $categories_query = $categories_query." category = '".$categorieskeys[$count]."' ";
						$count++;
					}
					$categories_query = $categories_query . " ) ";				
				}
			}
		}
 
	$start = $_SESSION['start'];
	$end = $_SESSION['end'];	
 
	if($categories_query!='')
	{
		if((session_is_registered('start'))&&(session_is_registered('end'))&&(strlen($start)!=0)&&(strlen($end)!=0))
		{
			$query = "SELECT * FROM News WHERE id>0 ".$categories_query." AND  publishing_date >= '$start' AND publishing_date <='$end' ORDER BY publishing_date DESC, publishing_time DESC";
		}
		elseif (session_is_registered('start')&&(strlen($start)!=0))
		{
			$query = "SELECT * FROM News WHERE id>0 ".$categories_query." AND publishing_date >= '$start' ORDER BY publishing_date DESC, publishing_time DESC";
		}
		elseif (session_is_registered('end')&&(strlen($end)!=0))
		{
			$query = "SELECT * FROM News WHERE id>0 ".$categories_query." AND publishing_date <= '$end' ORDER BY publishing_date DESC, publishing_time DESC";
		}
		else $query = "SELECT * FROM News WHERE id>0 ".$categories_query." ORDER BY publishing_date DESC, publishing_time DESC";
	} 
	else 
	{
		if((session_is_registered('start'))&&(session_is_registered('end'))&&(strlen($start)!=0)&&(strlen($end)!=0))
		{
			$query = "SELECT * FROM News WHERE id>0 AND  publishing_date >= '$start' AND publishing_date <= '$end' ORDER BY publishing_date DESC, publishing_time DESC";
		}
		elseif (session_is_registered('start')&&(strlen($start)!=0))
		{
			$query = "SELECT * FROM News WHERE id>0 AND publishing_date >= '$start' ORDER BY publishing_date DESC, publishing_time DESC";
		}
		elseif (session_is_registered('end')&&(strlen($end)!=0))
		{
			$query = "SELECT * FROM News WHERE id>0 AND publishing_date <= '$end' ORDER BY publishing_date DESC, publishing_time DESC";
		}
		else $query = $query = "SELECT * FROM News WHERE id>0 ORDER BY publishing_date DESC, publishing_time DESC";
	}
 
	$newlastID = 0;
 
	$rows = mysql_query($query) or die(mysql_error());
	// row contains ID title body owner publishing_date publishing_time category
	if(mysql_num_rows($rows))
	{
		while($row = mysql_fetch_row($rows))
		{
			if($newlastID==0) 
			{
				$newlastID = $row[0];
				if(session_is_registered('lastID'))
				{ 
					$_SESSION['lastID'] = $newlastID;
					$lastID = $newlastID;
				}
				else
				{ 
					// no previous call
					session_register('lastID');
					$_SESSION['lastID'] = $lastID;
				}				
			}
			if(session_is_registered('loggedin')) $admincontrols = "<span class=\"controls\"><a href=\"deletenews.php?id=".$row[0]."\" target=\"_self\" class=\"delete\"></a><a href=\"\" name=\"modal\" rel=\"editform\" title=\"".$row[0]."\" target=\"_self\" class=\"edit\"></a></span>";
			echo "
				<article>
					".$admincontrols."
					<h1>".$row[1]."</h1>
					<details>Posted by <span>".$row[3]."</span> in <span class=\"cat\">".$row[6]."</span> on <span>".$row[4]."</span> at <span>".$row[5]."</span>.</details>
					<p>".$row[2]."</p>
				</article>
			";
		}
	}
	else echo "<article class=\"no-hover\"><h1>No news into the system</h1></article>";
}

function updateNews(){
	$.get('includes/check_new_items.php',function(newdata){
		if(newdata.length==3) 
		{
		$('#newdata').insertAfter('section > details');	
		// find out each new article, compute height, and set new heights for section and aside
		var sectionHeight = 75; // padding, margin, included elements
		$('section article').each(function(){
			sectionHeight = sectionHeight + $(this).height() + 10 + 25; // 10 comes from padding t b, 25 from margin top
		});
		asideHeight = 0;
		asideHeight = asideHeight + $('aside div').height();
		$('aside li').each(function(){
			asideHeight = asideHeight + $(this).height();
			if($(this).attr('class')=='title') asideHeight = asideHeight + 15;
		});
		if(asideHeight < sectionHeight) 
		{
		//	alert (sectionHeight);
			$('aside, section').animate({ height: sectionHeight },{queue:false}); // update height	
		}
		else
		{
		//	alert (asideHeight);
			$('aside, section').animate({ height: asideHeight },{queue:false}); // update height	
		}
		// done with column heights
		$('section article').fadeIn('slow');
		}
	});
}

$newLastID = 0;
$nothere = 0;
$rows = mysql_query($query) or die(mysql_error());
// row contains ID title body owner publishing_date publishing_time category
if(mysql_num_rows($rows))
{
	while($row = mysql_fetch_row($rows))
	{
		if($newLastID==0)
		{
			$newLastID = $row[0];
		}
		if(($oldLastID<$newLastID)&&($nothere==0))
		{
			echo "new";
			$nothere = 1;
		}
	}
}

// change style for aside category selector and filters above content + ajax requests for updating selected categories
$("aside ul li a").click(function (){
	var classAttr = $(this).attr('class');
	if (classAttr != 'selected-aside')
	{
		// update style class for category just clicked
		$(this).attr('class','selected-aside');
		var category = $(this).text();
		$(this).append('<span>X</span>');
		 // check filter legend status and update it if required
		var classAttr = $('.categories').attr('class');
		if(classAttr == 'categories not-selected') $('.categories').attr('class','categories selected');
		// now we need to make an ajax call to add our category to our selected categories session
		var jdata = "function=add&category="+category; 
		$.ajax({
			type: "POST",
			url: "includes/categories_sessions.php",
 				data: jdata 
		});
	}
	else
	{
		// update style class for category just clicked
		$(this).attr('class','');
		var span = $(this).children();
		$(span).remove();
		var category = $(this).text();
		// now we need to make an ajax call to remove our category to our selected categories session
		var jdata = "function=remove&category="+category; 
		$.ajax({
			type: "POST",
			url: "includes/categories_sessions.php",
 				data: jdata 
		});
		// check if there is any category selected
		// if not, update filter legend class
		var anyCatSelected = $('.selected-aside').size();
		if(anyCatSelected==0) 
		{	
			$('.categories').attr('class','categories not-selected');
		}
	}// from else

<?
	session_start(); 
	$err = 0;
	if(isset($_REQUEST['function'])) $function = $_REQUEST['function'];
	else $err = 1;
	if(isset($_REQUEST['category'])) $category = $_REQUEST['category'];
	else $err = 1;
 
	if(!$err)
	{ 
		if($function == 'add')
		{ 
			if(session_is_registered('categories'))
			{ 
				$categories = $_SESSION['categories'];
				$categories[$category] = 1;
				$_SESSION['categories'] = $categories;
			}
			else
			{ 
				// no previous call
				session_register('categories');
				$categories = array();
				$categories[$category] = 1;
				$_SESSION['categories'] = $categories;
			}
 
		}
		elseif($function  == 'remove')
		{
			$categories = $_SESSION['categories'];
			unset($categories[$category]);
			$_SESSION['categories'] = $categories;
		}
	}
 
?>

// ajax requests to reload content and resize section + aside
$('section article').fadeOut('slow', function(){ 
		// completion of fading current content out
		//$('section').animate({ height: sectionHeight });  // reset height of section to original value
		if($('section article').length>0) $('section article').remove();
		var oldcontent = $('section').html();
		$.get('includes/load_news.php', function(newdata){
			$('section').html(oldcontent+newdata);
			// find out each new article, compute height, and set new heights for section and aside
			var sectionHeight = 50; // padding, margin, included elements
			$('section article').each(function(){
				sectionHeight = sectionHeight + $(this).height() + 10 + 25; // 10 comes from padding t b, 25 from margin top
			});
			asideHeight = 0;
			asideHeight = asideHeight + $('aside div').height();
			$('aside li').each(function(){
				asideHeight = asideHeight + $(this).height();
				if($(this).attr('class')=='title') asideHeight = asideHeight + 15;
			});
			if(asideHeight < sectionHeight) 
			{
			//	alert (sectionHeight);
				$('aside, section').animate({ height: sectionHeight },{queue:false}); // update height	
			}
			else
			{
			//	alert (asideHeight);
				$('aside, section').animate({ height: asideHeight },{queue:false}); // update height	
			}
			// done with column heights
			$('section article').fadeIn('slow');
			overlay();
		});
	});
});

$('#start_date').change(function(){
	// the start date of date picker has been changed
	// ajax call to handle it
	var startdate = $(this).val();
	if(startdate!=null)
	{
		var classAttr = $('.daterange').attr('class');
		if(classAttr == 'daterange not-selected') $('.daterange').attr('class','daterange selected');	
 
			var jdata = "function=start&date="+startdate; 
			$.ajax({
				type: "POST",
				url: "includes/datepicker.php",
				data: jdata 
			});
 
			// load_news.php request as presented above in the tutorial
	}
 
});
 
$('#end_date').change(function(){
	// the start date of date picker has been changed
	// ajax call to handle it
	var enddate = $(this).val();
	if(enddate!=null)
	{
		var classAttr = $('.daterange').attr('class');
		if(classAttr == 'daterange not-selected') $('.daterange').attr('class','daterange selected');	
 
			var jdata = "function=end&date="+enddate; 
			$.ajax({
				type: "POST",
				url: "includes/datepicker.php",
				data: jdata 
			});
 
			// load_news.php request as presented above in the tutorial
	}	
});

<?
	session_start(); 
	$err = 0;
	if(isset($_REQUEST['function'])) $function = $_REQUEST['function'];
	else $err = 1;
	if(isset($_REQUEST['date'])) $date = $_REQUEST['date'];
	else $err = 1;
 
	if(!$err)
	{ 
		if($function == 'start')
		{ 
			if(session_is_registered('start'))
			{ 
				$start = $_SESSION['start'];
				$start = $date;
				$_SESSION['start'] = $start;
			}
			else
			{ 
				// no previous call
				session_register('start');
				$start = $_SESSION['start'];
				$start = $date;
				$_SESSION['start'] = $start;
			}
		}
		elseif($function  == 'end')
		{
			if(session_is_registered('end'))
			{ 
				$_SESSION['end'] = $date;
			}
			else
			{ 
				// no previous call
				session_register('end');
				$_SESSION['end'] = $date;
			}
		}
		elseif($function == 'clear')
		{
			$start = $_SESSION['start'];
			$start = "";
			$_SESSION['start'] = $start;
 
			$end = $_SESSION['end'];
			$end = "";
			$_SESSION['end'] = $end;
		}
	}	
?>

<article class="no-hover hidden" id="newdata">
	<h1>New articles in the system. Click here to view them</h1>  
</article>

$('#newdata').click(function(){
 
	$('#newdata').insertAfter('footer');	
	$('#newdata').removeAttr('style');
 
	// ajax requests to reload content and resize section + aside
		$('section article').fadeOut('slow', function(){ 
				// completion of fading current content out
				//$('section').animate({ height: sectionHeight });  // reset height of section to original value
				if($('section article').length>0) $('section article').remove();
				var oldcontent = $('section').html();
 
				$.get('includes/load_new_news.php', function(newdata){
					$('section').html(oldcontent+newdata);
 
					// find out each new article, compute height, and set new heights for section and aside
					var sectionHeight = 75; // padding, margin, included elements
					$('section article').each(function(){
						sectionHeight = sectionHeight + $(this).height() + 10 + 25; // 10 comes from padding t b, 25 from margin top
					});
					asideHeight = 0;
					asideHeight = asideHeight + $('aside div').height();
					$('aside li').each(function(){
						asideHeight = asideHeight + $(this).height();
						if($(this).attr('class')=='title') asideHeight = asideHeight + 15;
					});
 
					if(asideHeight < sectionHeight) 
					{
					//	alert (sectionHeight);
						$('aside, section').animate({ height: sectionHeight },{queue:false}); // update height	
					}
					else
					{
					//	alert (asideHeight);
						$('aside, section').animate({ height: asideHeight },{queue:false}); // update height	
					}
					// done with column heights
					$('section article').fadeIn('slow');
					overlay();
				});
			});
});

setInterval( "updateNews()", 10000 );

<div class="editform hidden">
	<form action="editnews.php" method="post" accept-charset="utf-8" id="form-overlay" class="insertcontent">
		<fieldset>
 
			<label for="edittitle">Title : </label>
			<input type="text" name="edittitle" value="" id="edittitle" class="edittitle all-rounded" />
			<label for="editformcategory">Category :</label>
			<select name="editformcategory" id="editformcategory" size="1" class="editcategory">
				<option selected="selected" value="Economics">Economics</option><option value="Education">Education</option><option value="Health">Health</option><option value="IT">IT</option><option value="Politics">Politics</option><option value="Weather">Weather</option>					</select>
 
			<label for="editbody">Body text :</label>
			<textarea name="editbody" rows="8" cols="40" class="editbody all-rounded"></textarea>
			<input type="hidden" name="editid" value="" id="editid" class="editid hidden" />
			<input type="submit" name="submit" value="Edit news" id="submit" class="submit all-rounded" />
		</fieldset>
	</form>
</div>

<div class="editform hidden">
	<form action="editnews.php" method="post" accept-charset="utf-8" id="form-overlay" class="insertcontent">
		<fieldset>
			<label for="edittitle">Title : </label>
			<input type="text" name="edittitle" value="" id="edittitle" class="edittitle all-rounded" />
			<label for="editformcategory">Category :</label>
			<select name="editformcategory" id="editformcategory" size="1" class="editcategory">
				<? list_categories("select-options") ?>
			</select>
			<label for="editbody">Body text :</label>
			<textarea name="editbody" rows="8" cols="40" class="editbody all-rounded"></textarea>
			<input type="hidden" name="editid" value="" id="editid" class="editid hidden" />
			<input type="submit" name="submit" value="Edit news" id="submit" class="submit all-rounded" />
		</fieldset>
	</form>
</div>

if(rel=='editform')
{
	var id = $(this).attr('title');
 
	var article = $(this).parent().parent();			
	var details = article.children('details');
	var category = details.children('span.cat').html();
	var body = article.children('p').html();
	var title = article.children('h1').text();
}
 
var modal_content = $('.'+rel).html();
$('#overlay-content div').html(modal_content);
 
$('input.editid').val(id);
$('input.edittitle').val(title);
$('textarea.editbody').text(body);

<?
session_start();
include("includes/functions.php");
if(session_is_registered('logged in key'))
{
	$er = 0;
	if (!isset($_POST['edittitle'])) $er='1';
		else $title = $_POST['edittitle'];
	if (!isset($_POST['editformcategory'])) $er='1';
		else $formcategory = $_POST['editformcategory'];
	if (!isset($_POST['editbody'])) $er='1';
		else $body = $_POST['editbody'];
	if (!isset($_POST['editid'])) $er='1';
		else $id = $_POST['editid'];
	if($er==1)
	{
		header("location: index.php?error=Please input username and password");
	}
	else
	{
		$title = strip_all($title);
		$formcategory = strip_all($formcategory);
		$body = strip_all($body);
		$username = $_SESSION['username'];
		$query = "UPDATE News SET `body` = '$body', `title` = '$title', `category` = '$formcategory' WHERE `id`='$id';";
		echo $query;
		@mysql_query($query) or die(mysql_query());
		header("location: index.php?msg=News edited successfully");
	}
}
else header("location: index.php?error=You must be logged in to access this feature.");
?>

<div class="restaurant-stars">
	<div class="restaurant-stars-rating" title="2.5">              
		&nbsp;
	</div>
</div>

.restaurant-stars { display:block; width:76px; height:20px; background:url('images/rating_default.jpg') no-repeat; }
.restaurant-stars-rating { display:block; width:38px; height:20px; background:url('images/rating_stared.jpg') no-repeat; }

   $('.restaurant-stars-rating').width(foundRestaurant.resrating*76/5);

<article>
	<span class="controls"><a href="deletenews.php?id=114" target="_self" class="delete"></a><a href="" name="modal" rel="editform" title="114" target="_self" class="edit"></a></span>
	<h1>Back to tutorial</h1>
	<details>Posted by <span>news</span> in <span class="cat">Economics</span> on <span>2010-04-12</span> at <span>07:34:13</span>.</details>
	<p><a href="http://www.webia.info/articles/tutorials/building-a-live-news-blogging-system-in-php-spiced-with-html5-css3-and-jquery-part-i/">start of tutorial</a></p>
</article>

article span.controls	{ display:none; width:32px; height:64px; }
article:hover span.controls { display:block; float:right; clear:right; }

<?
session_start();
include("includes/functions.php");
if(session_is_registered('logged in key'))
{
	$er = 0;
	if (!isset($_REQUEST['id'])) $er='1';
		else $id = $_REQUEST['id'];
	if($er==1)
	{
		header("location: index.php?error=Please input username and password");
	}
	else
	{
		if(is_numeric($id))
		{
			@mysql_query("DEL FROM News WHERE id='$id';") or die(mysql_query());
			header("location: index.php?msg=News deleted from the system.");	
		}
		else
		{
			header("location: index.php?error=Hacking attempt.");
		}
	}
}
else header("location: index.php?error=You must be logged in to access this feature.");
?>

<select name="formcategory" id="formcategory" size="1">                
    <? list_categories("select-options") ?>
</select>

function list_categories($mode)
{
 
	$rows = mysql_query("SELECT name FROM Categories WHERE id>0 ORDER BY name ASC") or die(mysql_error());
 
	if($mode=="select-options")
	{
		$count = 0;
		if(mysql_num_rows($rows))
		{
			while($row = mysql_fetch_row($rows))
			{
				if($count==0) { echo "<option selected=\"selected\" value=\"".$row[0]."\">".$row[0]."</option>"; $count++; }
				else echo "<option value=\"".$row[0]."\">".$row[0]."</option>";
			}
		}
		else echo "<option value=\"none\">none</option>";
	}
}

<?
session_start();
include("includes/functions.php");
if(session_is_registered('logged in key'))
{
	$er = 0;
	if (!isset($_POST['title'])) $er='1';
		else $title = $_POST['title'];
	if (!isset($_POST['formcategory'])) $er='1';
		else $formcategory = $_POST['formcategory'];
	if (!isset($_POST['body'])) $er='1';
		else $body = $_POST['body'];
	if($er==1)
	{
		header("location: index.php?error=Please input username and password");
	}
	else
	{
		$title = strip_all($title);
		$formcategory = strip_all($formcategory);
		$body = strip_all($body);
		$username = $_SESSION['username'];
		$query = "INSERT %20 INTO %20 News %20 VALUES ( '".$title."', '".$body."', '".$username."', NOW( ) , NOW( ) , '".$formcategory."' )";
		@mysql_query($query) or die(mysql_query());
		header("location: index.php?msg=News added to the system.");
	}
}
else header("location: index.php?error=You must be logged in to access this feature.");
?>

function strip_all($string)                                            
{
	$string = htmlentities($string);
	$string = strip_tags($string);
	$string = stripslashes($string);
	$string = addslashes($string);
	return $string;
}

<table cellspacing="0" cellpadding="0" >
	<tr>
 
		<th class="id">ID</th>
		<th class="avatar">Avatar</th>
		<th class="username">Username</th>
		<th class="email">Email</th>
		<th class="social" colspan="2">Social</th>
		<th class="controls">Controls</th>
	</tr>
	<tr>	
		<td>29</td>
		<td><img class="gravatar" alt="" width="45" height="45" src="http://www.gravatar.com/avatar/a9f8c8c99979f5ea2773715668f47109?rating=PG&amp;size=45" /></td>
		<td>Alex Flueras</td>
		<td>hidden-email@hidden-domain.com</td>
		<td>
			<a class="hastwitter" href="http://www.twitter.com/WebRaptor" target="_new">WebRaptor</a>
		</td>
		<td>
		</td>
		<td>
			<span>
				<a href="#/users/show/29" class="show">Show</a>
				<a href="#/users/edit/29" class="edit">Edit</a>
				<a href="#/users/destroy/29" class="destroy">Destroy</a>
			</span>
		</td>
	</tr>
	<tr>
		<td>2</td>
		<td><img class="gravatar" alt="" width="45" height="45" src="http://www.gravatar.com/avatar/b0fcab2a1048d65d9d0e4e65153484ac?rating=PG&amp;size=45" /></td>
		<td>bogdan</td>
		<td>hidden-email@hidden-domain.net</td>
		<td>
			<a class="hastwitter" href="http://www.twitter.com/WebRaptor" target="_new">WebRaptor</a>
		</td>
		<td>
		</td>
		<td>
			<span>
				<a href="#/users/show/29" class="show">Show</a>
				<a href="#/users/edit/29" class="edit">Edit</a>
				<a href="#/users/destroy/29" class="destroy">Destroy</a>
			</span>
		</td>
	</tr>
</table>

/* general resets and global classes */
* { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:inherit; }
body { font-family:Geneva, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, Verdana, sans-serif; font-size:62.5%; }
 
 
/* user management related styling */
table { border:1px solid #CECECE; border-top:none; border-left:none; margin:0px auto; margin-top:100px; }
table th,
table td { border:1px solid #CECECE; border-bottom:none; border-right:none; padding:3px; }
table th { height:40px; background:url('images/overlay_header.jpg') repeat-x; color:#FEFEFE; }
th { text-align:center; }
th.id { width:24px; }
th.avatar { width:45px; }
th.username { width:263px; }
th.email { width:354px; }
th.social { width:94px; }
th.controls { width:114px; }
tr.global { background-color:#B2FFB2; }
tr.admin { background-color:#FFFFB2; }
tr.banned { background-color:#FFB2B2; }
tr { color:#999; }
tr:hover { color:#333; }
 
 
a.hastwitter, a.hasfacebook,
a.notwitter, a.nofacebook { display:block; width:45px; height:45px; text-indent:-1000em; background:url('images/social_hover_user.png') no-repeat; }
a.hastwitter { background-position:bottom left; }
a.notwitter { background-position:top left; }
a.hasfacebook { background-position:bottom right; }
a.nofacebook { background-position:top right; }
td span a { display:block; float:left; width:37px; height:45px; background:url('images/user_list_controls.png') no-repeat; text-indent:-1000em; }
td span a.show { background-position:top left; }
td span a.edit { background-position:top center; }
td span a.destroy { background-position:top right; }
td span a.show:hover { background-position:bottom left; }
td span a.edit:hover { background-position:bottom center; }
td span a.destroy:hover { background-position:bottom right; }

function admin_controls_user_list_hover()
{
	$('td span').css('display','none');
	$('tr').hover(
		function(){ $(this).find('span').css('display','block'); },
		function(){ $(this).find('span').css('display','none'); }
	);
}
 
$(document).ready(function(){
	admin_controls_user_list_hover();
});