<!-- here is where you set the specific functions up for the navigation on this page -->

<!-- 
// here is where you turn the place holders (divs) into objects so you can manipulate them
function init(){
	page=new duk_doc_size() //Making page object
	aDiv0=new duk_obj('div0')
	aDiv1=new duk_obj('div1') //Making aDiv1 object
	aDiv1bg=new duk_obj('div1bg')
	aDiv1a=new duk_obj('div1a')
	aDiv1b=new duk_obj('div1b')
	aDiv1c=new duk_obj('div1c')
	aDiv1d=new duk_obj('div1d')
	aDiv2=new duk_obj('div2') //Making aDiv2 object
	aDiv2bg=new duk_obj('div2bg')
	aDiv2a=new duk_obj('div2a')
	aDiv2b=new duk_obj('div2b')
	aDiv3=new duk_obj('div3') //Making aDiv2 object
	aDiv3bg=new duk_obj('div3bg')
	aDiv3a=new duk_obj('div3a')
	aDiv3b=new duk_obj('div3b')
	aDiv4=new duk_obj('div4') //Making aDiv2 object
	aDiv4bg=new duk_obj('div4bg')
	aDiv4a=new duk_obj('div4a')
	aDiv4b=new duk_obj('div4b')
	aDiv4c=new duk_obj('div4c')
	aDiv5=new duk_obj('div5') //Making aDiv2 object
	aDiv5bg=new duk_obj('div5bg')
	aDiv5a=new duk_obj('div5a')
	aDiv5b=new duk_obj('div5b')
	aDiv5c=new duk_obj('div5c')
}

onload=init;

// here is where you specify the text to go into the dropdowns: drop1_a1 means the first item in the first dropdown in the 'mouse off' state,
// drop1_a2 means the first item in the first dropdown in the 'mouse over' state, etc. etc.
var dop1_a1 = '<span class=txt1>&nbsp;Buy a Nearly New Car&nbsp;</span>'
var dop1_a2 = '<span class=txt2>&nbsp;Buy a Nearly New Car&nbsp;</span>'
var dop1_b1 = '<span class=txt1>&nbsp;Car Reviews&nbsp;</span>'
var dop1_b2 = '<span class=txt2>&nbsp;Car Reviews&nbsp;</span>'
var dop1_c1 = '<span class=txt1>&nbsp;RAC Inspected Cars&nbsp;</span>'
var dop1_c2 = '<span class=txt2>&nbsp;RAC Inspected Cars&nbsp;</span>'
var dop1_d1 = '<span class=txt1>&nbsp;Buying Advice&nbsp;</span>'
var dop1_d2 = '<span class=txt2>&nbsp;Buying Advice&nbsp;</span>'
var dop2_a1 = '<span class=txt1>&nbsp;HPI Check&nbsp;</span>'
var dop2_a2 = '<span class=txt2>&nbsp;HPI Check&nbsp;</span>'
var dop2_b1 = '<span class=txt1>&nbsp;Vehicle Examination&nbsp;</span>'
var dop2_b2 = '<span class=txt2>&nbsp;Vehicle Examination&nbsp;</span>'
var dop3_a1 = '<span class=txt1>&nbsp;RAC Motor Loans&nbsp;</span>'
var dop3_a2 = '<span class=txt2>&nbsp;RAC Motor Loans&nbsp;</span>'
var dop3_b1 = '<span class=txt1>&nbsp;Personal Leasing&nbsp;</span>'
var dop3_b2 = '<span class=txt2>&nbsp;Personal Leasing&nbsp;</span>'
var dop4_a1 = '<span class=txt1>&nbsp;Vehicle Insurance Guide&nbsp;</span>'
var dop4_a2 = '<span class=txt2>&nbsp;Vehicle Insurance Guide&nbsp;</span>'
var dop4_b1 = '<span class=txt1>&nbsp;Vehicle Insurance&nbsp;</span>'
var dop4_b2 = '<span class=txt2>&nbsp;Vehicle Insurance&nbsp;</span>'
var dop4_c1 = '<span class=txt1>&nbsp;Legal Expenses Insurance&nbsp;</span>'
var dop4_c2 = '<span class=txt2>&nbsp;Legal Expenses Insurance&nbsp;</span>'
var dop5_a1 = '<span class=txt1>&nbsp;Advice and Checklists&nbsp;</span>'
var dop5_a2 = '<span class=txt2>&nbsp;Advice and Checklists&nbsp;</span>'
var dop5_b1 = '<span class=txt1>&nbsp;Repair, Service and MOT&nbsp;</span>'
var dop5_b2 = '<span class=txt2>&nbsp;Repair, Service and MOT&nbsp;</span>'
var dop5_c1 = '<span class=txt1>&nbsp;RAC Membership&nbsp;</span>'
var dop5_c2 = '<span class=txt2>&nbsp;RAC Membership&nbsp;</span>'
// here is where you specify the background colours for the dropdowns
var color1 = '#ff6600' // rollover colour (orange)
var color2 = '#ffffff' // rollback colour (white)

// this function will 'pop up' the first dropdown menu
function showMen1() {
	aDiv0.showIt();
	aDiv1.showIt();
	aDiv1a.showIt();
	aDiv1b.showIt();
	aDiv1c.showIt();
	aDiv1d.showIt();
	aDiv1bg.showIt();
	return false;
}
// this function will hide the first dropdown menu
function hideMen1() {
	aDiv1a.hideIt();
	aDiv1b.hideIt();
	aDiv1c.hideIt();
	aDiv1d.hideIt();
	aDiv1bg.hideIt();
	aDiv1.hideIt();
	return false;
}

// this function will 'pop up' the 2nd dropdown menu
function showMen2() {
	aDiv0.showIt();
	aDiv2.showIt();
	aDiv2a.showIt();
	aDiv2b.showIt();
	aDiv2bg.showIt();
	return false;
}
// this function will hide the 2nd dropdown menu
function hideMen2() {
	aDiv2a.hideIt();
	aDiv2b.hideIt();
	aDiv2bg.hideIt();
	aDiv2.hideIt();
	return false;
}

// this function will 'pop up' the 3rd dropdown menu
function showMen3() {
	aDiv0.showIt();
	aDiv3.showIt();
	aDiv3a.showIt();
	aDiv3b.showIt();
	aDiv3bg.showIt();
	return false;
}
// this function will hide the 3rd dropdown menu
function hideMen3() {
	aDiv3a.hideIt();
	aDiv3b.hideIt();
	aDiv3bg.hideIt();
	aDiv3.hideIt();
	return false;
}

// this function will 'pop up' the 4th dropdown menu
function showMen4() {
	aDiv0.showIt();
	aDiv4.showIt();
	aDiv4a.showIt();
	aDiv4b.showIt();
	aDiv4c.showIt();
	aDiv4bg.showIt();
	return false;
}
// this function will hide the 4th dropdown menu
function hideMen4() {
	aDiv4a.hideIt();
	aDiv4b.hideIt();
	aDiv4c.hideIt();
	aDiv4bg.hideIt();
	aDiv4.hideIt();
	return false;
}

// this function will 'pop up' the 5th dropdown menu
function showMen5() {
	aDiv0.showIt();
	aDiv5.showIt();
	aDiv5a.showIt();
	aDiv5b.showIt();
	aDiv5c.showIt();
	aDiv5bg.showIt();
	return false;
}
// this function will hide the 5th dropdown menu
function hideMen5() {
	aDiv5a.hideIt();
	aDiv5b.hideIt();
	aDiv5c.hideIt();
	aDiv5bg.hideIt();
	aDiv5.hideIt();
	return false;
}

// this function will hide all the dropdown menu6
function hideAllmen() {
 aDiv0.hideIt();
 hideMen1();
 hideMen2();
 hideMen3();
 hideMen4();
 hideMen5();
}

// menu item rollover function
function menuIn(obj1,text) {
	obj1.writeIt(text); //obj1 is the div that contains the menu item to rollover, 'text' is the text in the menu item.
	obj1.bg(color1); //obj1 is the div that contains the rollover background colour
	return false;
}

// menu item rolloff function
function menuOut(obj1,text) {
 	obj1.writeIt(text); //obj1 is the div that contains the menu item to rollover, 'text' is the text in the menu item.
	obj1.bg(color2); //obj1 is the div that contains the rollover background colour
	return false;
}

// -->