/***********************************************

* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

//Contents for menu 1

var menu1=new Array()

menu1[0]='<a href="whatispc.htm">What is the Personnel Commission?</a>'

menu1[1]='<a href="whypcexist.htm">Why the Personnel Commission Exists – A Little History</a>'
menu1[2]='<a href="major_functions.htm">Major Functions and Responsibilities of the Personnel Commission</a>'
menu1[3]='<a href="merit_system.htm">The Merit System and Its Importance to Employees</a>'
menu1[4]='<a href="pc_vision.htm">Personnel Commission Vision</a>'

//Contents for menu 2

var menu2=new Array()

menu2[0]='<a href="meet_commissioners.htm">Meet the Personnel Commissioners</a>'
menu2[1]='<a href="contact_info.htm">Personnel Commission Staff and Contact Information</a>'

 //Contents for menu 3, and so on

var menu3=new Array()

menu3[0]='<a href="our_meetings.htm">About Our Meetings</a>'
menu3[1]='<a href="meeting_schedules.htm">Meeting Dates, Times, Location & Order of Business</a>'
menu3[2]='<a href="meeting_minutes.htm">Meeting Minutes</a>'
menu3[3]='<a href="adv_item_cal.htm">Advance Item Calendar</a>'
menu3[4]='<a href="colleges.htm">Colleges of the District/ Maps</a>'

var menu4=new Array()

menu4[0]='<a href="unavai.htm">Meet the Personnel Commissioners Colleges of the District/ Maps Meeting Dates, Times, Location & Order of Business</a>'

var menu5=new Array() // for Job Applicant Center

menu5[0]='<a href="https://employment.laccd.edu">Current Job Openings</a>'
menu5[1]='<a href="Fast_Track_Testing.htm">Fast Track Testing</a>'
menu5[2]='<a href="application_process.htm">Application Process</a>'
menu5[3]='<a href="exam_process.htm">Examination Process</a>'
menu5[4]='<a href="eligible_lists.htm">Eligibility Lists</a>'                 
menu5[5]='<a href="hiring_process.htm">Hiring Processs</a>'
menu5[6]='<a href="salary_benefits.htm">Salary &amp; Benefits</a>'
menu5[7]='<a href="agency_shop.htm">Agency Shop Requirement</a>'
menu5[8]='<a href="Exam_Schedule.htm">Anticipated Testing Dates</a>'
menu5[9]='<a href="colleges.htm">Colleges of the District/ Maps</a>'

var menu6=new Array() // for Outreach

menu6[0]='<a href="Meet_Your_Service_Rep.htm">PC Service Rep Program</a>'
menu6[1]='<a href="PC_Office_Hours.htm">PC Office Hours</a>'
menu6[2]='<a href="Available_Services.htm">Other Available Services</a>'
menu6[3]='<a href="Workshop_Schedule_soon.htm">Workshop Schedule</a>'
menu6[4]='<a href="Bright_Ideas/">Bright Ideas Program</a>'

var menu7=new Array() // for The Basics

menu7[0]='<a href="PC_Laws_and_Rules.htm">PC Laws &amp; Rules</a>'
menu7[1]='<a href="Job_Classification_Plan.htm">Job Classification Plan</a>'
menu7[2]='<a href="Job_Descriptions.htm">Job Descriptions</a>'
menu7[3]='<a href="Salary_Differentials.htm">Salary Differentials</a>'
menu7[4]='<a href="Salary_Schedules.htm">Salary Schedules</a>'

var menu8=new Array() // for Resource Information

menu8[0]='<a href="Classified_Facts.htm">Classified Facts</a>'
menu8[1]='<a href="documents/Upward_Mo_FINAL.pdf">Career Ladders Guide</a>'
menu8[2]='<a href="Reference_Checking.htm">Reference Checking Guide</a>'
menu8[3]='<a href="Employee_Bulletins.htm">Employee Bulletins</a>'                
menu8[4]='<a href="SupervisoryBulletins.htm">Supervisory Bulletins</a>'
menu8[5]='<a href="Newsletter.htm">Newsletters</a>'
menu8[6]='<a href="FAQ.htm">FAQS</a>'
                  
var menu9=new Array() // for Process Information

menu9[0]='<a href="Creating_Regular_Classified_Position.htm">Creating a Regular Classified Position</a>'
menu9[1]='<a href="Hiring_Documents.htm">Classified Hiring Procedures</a>'
menu9[2]='<a href="Disciplinary_Process.htm">Disciplinary Hearing Process</a>'
menu9[3]='<a href="Reclassification_Process.htm">Reclassification Process</a>'
menu9[4]='<a href="Class_Description_Revision_Process.htm">Class Description Revision Process</a>'

var menu10=new Array() // for feedback

menu10[0]='<a href="Survey_Our_Website/PC_Website_Survey_07_Web/Website_Survey_07.htm">Our Website</a>'
menu10[1]='<a href="Survey_Our_Service/PC_Cust_Svc_07_Web/Cust_Svc_Svy_07.htm">Our Service</a>'
                   
var menu11=new Array() // for Job Description

menu11[1]='<a href="Job_Descriptions.htm">Job Descriptions</a>'
menu11[2]='<a href="Job_Classification_Plan.htm">Job Classification Plan</a>'

var menu12=new Array() // for Salary Information

menu12[3]='<a href="Salary_Schedules.htm">Salary Schedules</a>'
menu12[4]='<a href="Salary_Differentials.htm">Salary Differentials</a>'


var menu13=new Array() // for Laws & Rules

menu13[0]='<a href="#">Laws & Rules 1</a>'
menu13[1]='<a href="#">Laws & Rules 2</a>'
menu13[2]='<a href="#">Laws & Rules 3</a>'

var menu14=new Array() // for Employee Handbook

menu14[0]='<a href="#">Employee Handbook 1</a>'
menu14[1]='<a href="#">Employee Handbook 2</a>'
menu14[2]='<a href="#">Employee Handbook 3</a>'

var menu15=new Array() // for Forms

menu15[0]='<a href="#">Forms 1</a>'
menu15[1]='<a href="#">Forms 2</a>'
menu15[2]='<a href="#">Forms 3</a>'

var menuwidth='165px' //default menu width

var menubgcolor='#cccc99'  //menu bgcolor #006699
//var menubgcolor='lightyellow'  //menu bgcolor
//var menubgcolor='#8595c9'  //menu bgcolor

//var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var disappeardelay=750  //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="yes" //hide menu when user clicks within menu?

 

/////No further editting needed

 

var ie4=document.all

var ns6=document.getElementById&&!document.all

 

if (ie4||ns6)

document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

 

function getposOffset(what, offsettype){

var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
//var totaloffset=(offsettype=="left")? what.offsetLeft + 642 : what.offsetTop + 18;
//var totaloffset=(offsettype=="left")? what.offsetLeft + 10 : what.offsetTop + 300;

var parentEl=what.offsetParent;

while (parentEl!=null){

totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

parentEl=parentEl.offsetParent;

}

return totaloffset;

}

 

 

function showhide(obj, e, visible, hidden, menuwidth){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top="-500px"

if (menuwidth!=""){

dropmenuobj.widthobj=dropmenuobj.style

dropmenuobj.widthobj.width=menuwidth

}


if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")

obj.visibility=visible

else if (e.type=="click")

obj.visibility=hidden

}

 

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

 

function clearbrowseredge(obj, whichedge){

var edgeoffset=0

if (whichedge=="rightedge"){

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?

edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge

}

}

return edgeoffset

}

 

function populatemenu(what){

if (ie4||ns6)

dropmenuobj.innerHTML=what.join("")

}

 

 

function dropdownmenu(obj, e, menucontents, menuwidth){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidemenu()

dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv

populatemenu(menucontents)

 

if (ie4||ns6){

showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)


// move menu to the left 115 px and up 15 px
dropmenuobj.x=getposOffset(obj, "left") + 155

dropmenuobj.y=getposOffset(obj, "top") - 15

// original codes
//dropmenuobj.x=getposOffset(obj, "left")

//dropmenuobj.y=getposOffset(obj, "top")

//dropmenuobj.x=552

//dropmenuobj.y=18

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

}

 

return clickreturnvalue()

}

 

function clickreturnvalue(){

if (ie4||ns6) return false

else return true

}

 

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

 

function dynamichide(e){

if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhidemenu()

}

 

function hidemenu(e){

if (typeof dropmenuobj!="undefined"){

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

}

 

function delayhidemenu(){

if (ie4||ns6)

delayhide=setTimeout("hidemenu()",disappeardelay)

}

 

function clearhidemenu(){

if (typeof delayhide!="undefined")

clearTimeout(delayhide)

}

 

if (hidemenu_onclick=="yes")

document.onclick=hidemenu