/*
You may wish to add your own CSS styles, but this code can be placed at the bottom of a page hidden away untill you require it for debugging

to conditionally show a special debug css page during debug mode you can also use:

<?php  if (Configure::read('debug') > 0) { echo "<link href=\"/css/debug.css\" rel=\"stylesheet\" type=\"text/css\" />"; }  ?>

*/




<!------------ DEBUG VARS/ARRAYS ------------>
<?php

if (Configure::read('debug') > 0)
{
    echo "<div id=\"admin_text2_small\" style=\"clear: both;\"><a href=\"javascript: toggleLayer('footerDebug'), toggleLayer('footerDebugBody'), toggleDebugText();\"><span id=\"toggleDebugText\">Toggle Debug [+]</span></a></div>";
	echo "<div id=\"footerDebug\" style=\"display: none; clear: both; text-align: center; color: #828282\"> Vars / Arrays </div>";
	echo "<div id=\"footerDebugBody\" style=\"display: none; clear: both;\">";

	print_r($cakeDebug);  // dump controller

    /* // output ALL vars/arrays
	$arrayObj = new ArrayObject(get_defined_vars());

	for($iterator = $arrayObj->getIterator(); $iterator->valid(); $iterator->next())
	{
		echo $iterator->key() . ' => ' . $iterator->current() . '<br />';
	}
	*/

	echo "</div>";
}

?>

<script type="text/javascript">
	function toggleDebugText() {
		if (document.getElementById('footerDebug').style.display == 'none')
		{
			document.getElementById('toggleDebugText').innerHTML = 'Toggle Debug [+]';
		} else {
			document.getElementById('toggleDebugText').innerHTML = 'Toggle Debug [-]';
		}
	}
</script>
<!------------ END DEBUG VARS/ARRAYS ------------>