// JavaScript Document
var opened;
$(document).ready(function(){
	var arrOptions=new Array();
	arrOptions.push({display:"for the boys",value:"for_the_boys.php"},{display:"make-up",value:"makeup.php"},{display:"personal styling",value:"personal_styling.php"},{display:"weddings",value:"weddings.php"},{display:"parties",value:"parties.php"},{display:"pamper & groom",value:"pamper.php"});
	if(PB.page){
		for(x=0;x<arrOptions.length;x++){
			if(arrOptions[x].value==PB.page){
				$("#subject").val(arrOptions[x].display);	
			}	
		}
	}
	var ul=$("<ul id=\"subjectOptions\"></ul>");
	for (i=0;i<arrOptions.length;i++){
		ul.append("<li>"+arrOptions[i].display+"</li>");
	}
	ul.children("li").hover(function(){
		$(this).addClass("selected");							  
	},
	function(){
		$(this).removeClass("selected");
	}
	).click(function(){
		$(this).removeClass("selected");
		$("#subject").val($(this).text());	
	});
	
	$("body").append(ul);
	
	$("#subject").focus(function(){
		offset=$(this).offset();
		ul.slideToggle("slow",function(){ul.children("li").removeClass("selected");opened=true;});
		ul.css({top:(offset.top+$(this).height()+6)+"px",left:offset.left+"px",width:$(this).width()+"px"});
	//		$(this).val(arrOptions[0].display);						 
	}).blur(function(){
		ul.slideUp("fast",function(){
			ul.children("li").removeClass("selected");
			opened=false;
		});
	}).click(function(){
		//(opened)?$(this).blur():$(this).focus();
	});
	
})