// left navigation panel JavaScript code
var url = document.location.href;
var dirArray = url.split("/");
//var domain = dirArray[2];
//var maindir = dirArray[3];
//var subdir = dirArray[4];
dirArray.reverse();
//var page = dirArray[2] + "/" + dirArray[1] + "/" + dirArray[0];
var page = dirArray[1] + "/" + dirArray[0];


// SECTION 1: Defining initial state of major items (collapsed panel items)
var navpanel = '<div style="width: 160px; padding-bottom: 20px; margin-top: 1px; margin-left: -3px;">'
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-gray-sm-right-reverse.gif" border="0" width="13" alt=" "><span class="nav-secondary-on">About Assurant</span></div>'
+"	<div class='secondary'><img src='/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif' border='0' width='13' alt=' '><a href='/inc/assurant/community/index.html' class='nav-secondary'>Social Responsibility</a></div>"
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif" border="0" width="13" alt=" "><a href="http://ir.assurant.com/about/directors.cfm" class="nav-secondary">Board of Directors</a></div>'
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif" border="0" width="13" alt=" "><a href="/inc/assurant/about/milestones.html" class="nav-secondary">Company Milestones</a></div>'
+'</div>';


// SECTION 2: Defining what happens when items are selected
switch(page) {

	// In the Community
	case "community/index.html":
	var navpanel = '<div style="width: 160px; padding-bottom: 20px; margin-top: 1px; margin-left: -3px;">'
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif" border="0" width="13" alt=" "><a href="/inc/assurant/about/index.html" class="nav-secondary">About Assurant</a></div>'
+"	<div class='secondary'><img src='/inc/common/images/arrows/arrow-gray-sm-right-reverse.gif' border='0' width='13' alt=' '><span class='nav-secondary-on'>Social Responsibility</span></div>"
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif" border="0" width="13" alt=" "><a href="http://ir.assurant.com/about/directors.cfm" class="nav-secondary">Board of Directors</a></div>'
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif" border="0" width="13" alt=" "><a href="/inc/assurant/about/milestones.html" class="nav-secondary">Company Milestones</a></div>'
+'</div>';
		break;

	// Company Milestones
	case "about/milestones.html":
	var navpanel = '<div style="width: 160px; padding-bottom: 20px; margin-top: 1px; margin-left: -3px;">'
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif" border="0" width="13" alt=" "><a href="/inc/assurant/about/index.html" class="nav-secondary">About Assurant</a></div>'
+"	<div class='secondary'><img src='/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif' border='0' width='13' alt=' '><a href='/inc/assurant/community/index.html' class='nav-secondary'>Social Responsibility</a></div>"
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-blue-sm-right-reverse.gif" border="0" width="13" alt=" "><a href="http://ir.assurant.com/about/directors.cfm" class="nav-secondary">Board of Directors</a></div>'
+'	<div class="secondary"><img src="/inc/common/images/arrows/arrow-gray-sm-right-reverse.gif" border="0" width="13" alt=" "><span class="nav-secondary-on">Company Milestones</span></div>'
+'</div>';
		break;

}


// SECTION 3: Displaying nav panel
document.write('<style type="text/css">'
+'	.secondary {margin-bottom: 5px;}'
+'	.secondary-multiline {margin-left: 14px; margin-bottom: 9px; text-indent: -14px; line-height: 12px;}'
+'	.tertiary {margin-top: -1px; margin-bottom: 5px;}'
+'	.tertiary-lastline {margin-top: -1px; margin-bottom: 8px;}'
+'	</style>');

document.write(navpanel);