var subjectStr="";
dwr.engine.setAsync(false);

$(document).ready(function(){

	if(subjectStr == ""){
		getSubjects();		
	}
	
	$("#subject").mouseover(function(){
		var offset = $(this).offset();
		$('#subjectItem-div').html(subjectStr).addClass('subject-div')
			.css('top', (offset.top + 30) + 'px')
			.css('left', offset.left + 'px' )
			.slideDown("fast")
			.show();	
	});
	
	$("#subjectItem-div").hover(
  		function () {},
  		function () {
    		$(this).hide();
  		}
	);
	
	$("#subject li").mouseover(function(){
    	$(this).addClass("over");
    });
     
    $("#subject li").mouseout(function(){
      	$(this).removeClass("over");
    });

});

function getSubjects(){
	subjectDWR.getSubjects(function(data){
		subjectStr = "<ul>"
		$.each(data,function(i,n){
			subjectStr += "<li><a href='products.action?typeId="+ n.id +"'>"+ n.name +"</a></li>"
		});
		subjectStr += "</ul>";
	});
}