<?
//page header
        admin_header('Manage Site Layout');

//element output function
        function boxes_show_elements($sect) {
                global $layout, $boxes;
                foreach ((array)$layout[$sect] as $key => $value) {
                        echo '<br><img src="../'.$boxes[$value]['img'].'">'.'<Br><small>'.(++$index > 1 ? '<a href="index.php?req=layout&act=moveup&sec='.$sect.'&id='.$key.'">Move Up</a>'.($index < count($layout[$sect]) ? ' | ' : '') : '').($index < count($layout[$sect]) ? '<a href="index.php?req=layout&act=movedown&sec='.$sect.'&id='.$key.'">Move Down</a>' : '').'<Br><a href="index.php?req=templates&load=ON&templfile=../'.$boxes[$value]['src'].'">Edit Template</a> | <a href="index.php?req=layout&act=remove&sec='.$sect.'&id='.$key.'">Remove</a></small><br>';
                        }
                }

//sort boxes by name
        function sort_boxes_name($a, $b) {
                if ($a['name'] == $b['name']) return 0;
                return ($a['name'] < $b['name']) ? -1 : 1;
        }
        
//sort boxes by order
        function sort_boxes_order($a, $b) {
                print_r($a);
                if ($a['order'] == $b['order']) return 0;
                return ($a['order'] < $b['order']) ? -1 : 1;
        }

//remove element from layout
        if ($en['act'] == 'remove') {
                unset($layout[$en['sec']][$en['id']]);
                }

//add new element
        if ($en['act'] == 'add') {
                $layout[$en['sect']][] = $en['element'];
                }

//move element up
        if ($en['act'] == 'moveup') {
                unset($prev);
                foreach ($layout[$en['sec']] as $key => $value) {
                        if ($key == $en['id']) break;
                        $prev = $key;
                        }
                if (isset($prev)) {
                        $temp = $layout[$en['sec']][$prev];
                        $layout[$en['sec']][$prev] = $layout[$en['sec']][$en['id']];
                        $layout[$en['sec']][$en['id']] = $temp;
                        }
                }

//move element down
        if ($en['act'] == 'movedown') {
                unset($prev);
                foreach ($layout[$en['sec']] as $key => $value) {
                        if ($prev == $en['id']) break;
                        $prev = $key;
                        }
                if (isset($prev)) {
                        $en['id'] = $key;
                        $temp = $layout[$en['sec']][$prev];
                        $layout[$en['sec']][$prev] = $layout[$en['sec']][$en['id']];
                        $layout[$en['sec']][$en['id']] = $temp;
                        }
                }

//save layout
        if ($en['act'] == 'remove' || $en['act'] == 'moveup' || $en['act'] == 'movedown' || $en['act'] == 'add') {
                sql_query("UPDATE $configtable SET c_value='".base64_encode(serialize($layout))."' WHERE c_key='site_layout'");
                }

?>

<table><tr><td valign=top>
<br>
<b><u>Add Element To Layout</u></b><Br>
<form action=index.php method=post>
<input type=hidden name=req value=layout>
<input type=hidden name=act value=add>
<br>
<table>
 <tr><td class=key>Section:</td><td><select name=sect><option value='left'>Left Side</option><option value='right'>Right Side</option><option value='ctop'>Content Top</option><option value='cbot'>Content Bottom</option><option value='head'>Header</option><option value='foot'>Footer</option></select></td></tr>
 <tr><td class=key>Element:</td><td><select name=element size=10 onchange='javascript:set_element_info(this.value);'>

<?
uasort($boxes,'sort_boxes_name');
foreach ($boxes as $key => $value) echo '<option value="'.$key.'">'.$value['name'].'</option>';
uasort($boxes,'sort_boxes_order');
?>
</select></td></tr>

<script language=javascript>
var elements = new Array();
<? foreach ($boxes as $key => $value) echo 'elements["'.$key.'"] = ["'.addslashes($value['name']).'","'.addslashes($value['descr']).'","'.addslashes($value['img']).'"];'; ?>
function set_element_info(title) {
        document.getElementById('element_info').innerHTML = '<b>'+elements[title][0]+'</b><Br>'+elements[title][1]+'<br><br><img src="../'+elements[title][2]+'">';
        }
</script>


</table>
<br>
<input type=submit name=sm value='Add Element &gt;'>
</form>
<br>
<div id=element_info width=200px style='width:200px;'></div>

</td><td valign=top>
<table width=600px style='border:1px solid black;'>
<tr><Td colspan=3 style='border-bottom:1px solid black;' valign=top>HEADER<br><? boxes_show_elements('head'); ?></td></tr>

<tr>
<Td width=150px style='border-right:1px solid black;' valign=top>LEFT SIDE<br><center><? boxes_show_elements('left'); ?></center></td>
<Td width=300px valign=top><table width=100% height=100%><tr><Td style='border-bottom:1px solid black;' valign=top>CONTENT TOP<br><? boxes_show_elements('ctop'); ?></td></tr><tr><Td>CONTENT</td></tr><tr><Td style='border-top:1px solid black;' valign=top>CONTENT BOTTOM<br><? boxes_show_elements('cbot'); ?></td></tr></table></td>
<Td width=150px style='border-left:1px solid black;' valign=top>RIGHT SIDE<br><center><? boxes_show_elements('right'); ?></center></td>
</tr>
<tr><Td colspan=3 style='border-top:1px solid black;' valign=top>FOOTER<br><? boxes_show_elements('foot'); ?></td></tr>
</table>
</td></tr></table>