var HINTS_CFG = {
	'top'        : 5, // a vertical offset of a hint from mouse pointer
	'left'       : 20, // a horizontal offset of a hint from mouse pointer
	'css'        : 'body', // a style class name for all hints, TD object
	'show_delay' : 0, // a delay between object mouseover and hint appearing
	'hide_delay' : 5000, // a delay between hint appearing and hint hiding
	'wise'       : true,
	'follow'     : false,
	'z-index'    : 0 // a z-index for all hint layers
},

HINTS_ITEMS = {
	1:mywrap("Female", "loankth@calpoly.edu", "2nd Year", "Business", "Ye, Yeaaah."),
	2:mywrap("Male", "cobedzeghet00@yahoo.com", "4th", "Chemistry", "Yes, I Cook..."),
	3:mywrap("Male", "sngo@calpoly.edu", "Senior", "BioChemistry", "The Golden Rule = Do unto others as you would have others do unto you."),
	4:mywrap("Female", "tdtran@calpoly.edu", "Senior", "Business", "If u FAIL to PLAN, then u PLAN to FAIL."),
	5:mywrap("Female", "mnguyen@calpoly.edu", "Senior", "Business", "Mai Oh Mai..."),
	6:mywrap("Male", "jdinh@calpoly.edu", "Junior", "Graphics Communication", "Anyone want to support the  american cancer society?"),
	7:mywrap("Male", "bphan@calpoly.edu", "Junior", "Computer Engineering", "I'm le tired..."),
	8:mywrap("Female", "tttong@calpoly.edu", "Junior", "Chemistry", "Just do it damn it!!!")
};

var myHint = new THints (HINTS_CFG, HINTS_ITEMS);

function wrap (s_, b_ques) {
	//return "<table cellpadding='0' cellspacing='0' border='0' style='-moz-opacity:90%;filter:progid:DXImageTransform.Microsoft.dropShadow(Color=#777777,offX=4,offY=4)'><tr><td rowspan='2'><img src='img/1"+(b_ques?"q":"")+".gif'></td><td><img src='/img/pixel.gif' width='1' height='15'></td></tr><tr><td background='img/2.gif' height='28' nowrap>"+s_+"</td><td><img src='img/4.gif'></td></tr></table>"
	return "<table id=\"Table_02\" width=\"200\" height=\"73\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
            "<tr>"+
              "<td> <img src=\"images/sticky_02.gif\" width=\"16\" height=\"13\" alt=\"\"></td>"+
              "<td> <img src=\"images/sticky_03.gif\" width=\"32\" height=\"13\" alt=\"\"></td>"+
              "<td background=\"images/sticky_04.gif\" width=\"138\" height=\"13\"></td>"+
              "<td> <img src=\"images/sticky_05.gif\" width=\"14\" height=\"13\" alt=\"\"></td>"+
            "</tr>"+
            "<tr>"+
              "<td background=\"images/sticky_06.gif\" width=\"16\" height=\"48\"> </td>"+
              "<td background=\"images/sticky_07.gif\" width=\"32\" height=\"48\"> </td>"+
              "<td background=\"images/sticky_08.gif\" width=\"138\" height=\"48\" class='body' nowrap>"+ s_ +"</td>"+
              "<td background=\"images/sticky_09.gif\" width=\"14\" height=\"48\"></td>"+
            "</tr>"+
            "<tr>"+
              "<td> <img src=\"images/sticky_10.gif\" width=\"16\" height=\"12\" alt=\"\"></td>"+
              "<td> <img src=\"images/sticky_11.gif\" width=\"32\" height=\"12\" alt=\"\"></td>"+
              "<td background=\"images/sticky_12.gif\" width=\"138\" height=\"12\"> </td>"+
              "<td> <img src=\"images/sticky_13.gif\" width=\"14\" height=\"12\" alt=\"\"></td>"+
            "</tr>"+
          "</table>";
}
function mywrap(sex_, email_, year_, major_, comm_) {
	return "<table id=\"Table_02\" width=\"200\" height=\"73\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
            "<tr>"+
              "<td> <img src=\"images/sticky_02.gif\" width=\"16\" height=\"13\" alt=\"\"></td>"+
              "<td> <img src=\"images/sticky_03.gif\" width=\"32\" height=\"13\" alt=\"\"></td>"+
              "<td background=\"images/sticky_04.gif\" width=\"138\" height=\"13\"></td>"+
              "<td> <img src=\"images/sticky_05.gif\" width=\"14\" height=\"13\" alt=\"\"></td>"+
            "</tr>"+
            "<tr>"+
              "<td background=\"images/sticky_06.gif\" width=\"16\" height=\"48\"> </td>"+
              "<td background=\"images/sticky_07.gif\" width=\"32\" height=\"48\"> </td>"+
              "<td background=\"images/sticky_08.gif\" width=\"200\" height=\"48\" class='body' nowrap><strong>Sex: </strong>"+
			  sex_ + "<br><strong>Email: </strong>" + email_ + "<br><strong>Year: </strong>" + year_ + "<strong><br>Major: </strong>" +
			  major_ + "<strong><br>Comment: </strong>" + comm_ + "</td>" +
              "<td background=\"images/sticky_09.gif\" width=\"14\" height=\"48\"></td>"+
            "</tr>"+
            "<tr>"+
              "<td> <img src=\"images/sticky_10.gif\" width=\"16\" height=\"12\" alt=\"\"></td>"+
              "<td> <img src=\"images/sticky_11.gif\" width=\"32\" height=\"12\" alt=\"\"></td>"+
              "<td background=\"images/sticky_12.gif\" width=\"138\" height=\"12\"> </td>"+
              "<td> <img src=\"images/sticky_13.gif\" width=\"14\" height=\"12\" alt=\"\"></td>"+
            "</tr>"+
          "</table>";
}
function wrap_img (s_file, s_title) {
	return "<table cellpadding=5 bgcolor=white style='border:1px solid #777777'><tr><td><img src='img/k0"+s_file+".jpg' class='picI'></td></tr><tr><td align=center>"+s_title+"</td></tr></table>"
}