/**
* Thumbnail Hover Creator version 1.0
* @author: jupenzot
* @instructions:
*	Butang ni sa header val
*	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
*	<script type="text/javascript" src="plus63.js"></script>
*   <script type="text/javascript">
*		$(document).ready(function(){
*		   // initialize the friggin code :))
*			initPage();
*		 });
*	</script>
*	You're DIV must have a "thumb" and "link" attribute
*	remove the href and the onclick val para di mag conflict
*	e.g:  <div class="post" thumb="the/path/of/your/thumbnail/image.jpg" link="the/perma/link/">
*			
*		  </div>
*		
*/

function initPage(){
	$("div.post").mouseover(function(){
		// get the thumbnail
		// set it as background
		// drink some coffee
		var thumb = $(this).attr("thumb");
		$(this).css({
			background : 'transparent url('+thumb+') center center no-repeat'
		})
	}).mouseout(function(){
		$(this).css({
			background : 'none'
		})
	}).click(function(){
		// get the url attribute
		var url = $(this).attr("url");
		window.location.href = url;
	});
}