Your IP : 216.73.216.89
<?PHP
/**
* swmenupro v4.5
* http://swonline.biz
* Copyright 2004 Sean White
**/
function popoutMenuConfig( $rows,$row2, $ordered, $lists,$orders3)
{
$absolute_path=JPATH_ROOT;
$live_site = JURI::root();
$menutype2="";
switch (@$rows->menustyle){
case "gosumenu":
$menutype2=_SW_MYGOSU_MENU;
break;
case "transmenu":
$menutype2=_SW_TRANS_MENU;
break;
case "accordian":
$menutype2=_SW_ACCORDIAN_MENU;
break;
case "superfishmenu":
$menutype2=_SW_SUPERFISH_MENU;
break;
default:
$menutype2="CSS3 Menu";
break;
}
require_once($absolute_path ."/modules/mod_swmenupro/helpers/css3_style.php");
require_once($absolute_path ."/modules/mod_swmenupro/helpers/css3.php");
require_once($absolute_path ."/modules/mod_swmenupro/helpers/preview_style.php");
require_once($absolute_path ."/modules/mod_swmenupro/helpers/functions.php");
$swmenu=get_object_vars($rows);
$swmenu['menu_id']="top_preview_outer";
if($swmenu['t_google_font']){
echo "<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=".$swmenu['t_google_font']."' />\n";
}
if($swmenu['s_google_font']){
echo "<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=".$swmenu['s_google_font']."' />\n";
}
?>
<script type="text/javascript" src="components/com_swmenupro/js/spin.js"></script>
<script src="../media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="../media/system/js/core.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo $live_site; ?>/modules/mod_swmenupro/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo $live_site; ?>/modules/mod_swmenupro/js/jquery.corner.js"></script>
<link rel="stylesheet" href="../media/system/css/modal.css" type="text/css" />
<script type="text/javascript" src="components/com_swmenupro/js/swmenupro_css3.js"></script>
<script src="../media/system/js/modal-uncompressed.js" type="text/javascript"></script>
<script type="text/javascript" src="components/com_swmenupro/js/jquery-ui.js"></script>
<script type="text/javascript" src="<?php echo $live_site; ?>/modules/mod_swmenupro/js/ddaccordion.js"></script>
<script type="text/javascript" src="<?php echo $live_site; ?>/modules/mod_swmenupro/js/jquery.jec-1.3.4.js"></script>
<link rel="stylesheet" href="components/com_swmenupro/js/gradX.css" type="text/css" />
<link rel="stylesheet" href="components/com_swmenupro/js/colorpicker/css/colorpicker.css" type="text/css" />
<script type="text/javascript" src="components/com_swmenupro/js/colorpicker/js/colorpicker.js"></script>
<script type="text/javascript" src="components/com_swmenupro/js/gradX.js"></script>
<script type="text/javascript" src="components/com_swmenupro/js/jscolor/jscolor.js"></script>
<link rel="stylesheet" href="components/com_swmenupro/css/swmenupro.css" type="text/css" />
<link rel="stylesheet" href="components/com_swmenupro/css/jquery-ui.css" type="text/css" />
<script type="text/javascript" language="javascript" src="components/com_swmenupro/js/dhtml.js"></script>
<script type="text/javascript" language="javascript">
<!--
function submitbutton(pressbutton) {
doMainBorder();
doSubBorder();
document.sw_admin_form.target="_self";
document.sw_admin_form.action="index2.php";
submitform( pressbutton );
}
function doImagesWindow() {
if(document.sw_admin_form.menutype.value != document.sw_admin_form.menuname.value){
document.getElementById('images_window').style.display="none";
document.getElementById('images_message').innerHTML="<?php echo _SW_MENU_CHANGE_NOTICE; ?>";
}else{
document.getElementById('images_window').style.display="block";
document.getElementById('images_message').innerHTML="";
}
}
function changeOrientation(){
menusystem=document.getElementById('menustyle').value;
orientation=document.getElementById('orientation');
if(menusystem=='transmenu'){
orientation.options[0].text="horizontal/down";
orientation.options[0].value="horizontal/down";
orientation.options[1].text="vertical/right";
orientation.options[1].value="vertical/right";
orientation.options[2]= new Option("horizontal/up","horizontal/up");
orientation.options[3]= new Option("vertical/left","vertical/left");
}else{
orientation.options[0].text="horizontal";
orientation.options[0].value="horizontal";
orientation.options[1].text="vertical";
orientation.options[1].value="vertical";
orientation.options[3]= null;
orientation.options[2]= null;
}
}
function changeLanguage(lang){
document.adminForm.submit();
}
var originalOrder2='<?php echo @$rows->parentid;?>';
var originalPos2='<?php echo @$rows->menutype;?>';
var orders2=new Array(); // array in the format [key,value,text]
<?php $i=0;
foreach ($orders3 as $k=>$items) {
foreach ($items as $v) {
echo "\n orders2[".$i++."]=new Array( '$k','$v->value','$v->text' );";
}
}
?>
//-->
</script>
<style type='text/css'>
<!--
<?php
if($swmenu['cmenu_grad']){
echo "#c_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['cmenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['cmenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['cmenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['cmenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['cmenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['tmenu_grad']){
echo "#t_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['tmenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['tmenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['tmenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['tmenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['tmenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['tomenu_grad']){
echo "#to_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['tomenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['tomenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['tomenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['tomenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['tomenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['smenu_grad']){
echo "#s_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['smenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['smenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['smenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['smenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['smenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['somenu_grad']){
echo "#so_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['somenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['somenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['somenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['somenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['somenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['samenu_grad']){
echo "#sa_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['samenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['samenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['samenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['samenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['samenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['scmenu_grad']){
echo "#sc_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['scmenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['scmenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['scmenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['scmenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['scmenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['amenu_grad']){
echo "#a_menu_box{\n";
echo " background-image:-webkit-linear-" . $swmenu['amenu_grad'] . " ;\n";
echo " background-image:-moz-linear-" . $swmenu['amenu_grad'] . " ;\n";
echo " background-image:-ms-linear-" . $swmenu['amenu_grad'] . " ;\n";
echo " background-image:-o-linear-" . $swmenu['amenu_grad'] . " ;\n";
echo " background-image:linear-" . $swmenu['amenu_grad'] . " ;\n";
echo "}\n";
}
if($swmenu['complete_background_image']){
echo "#complete_background_image_box{\n";
echo " background-image:url(../" . $swmenu['complete_background_image'] . ") ;\n";
echo " background-repeat:" . $swmenu['complete_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['complete_background_position'] . " ;\n";
echo "}\n";
}
if($swmenu['active_background_image']){
echo "#active_background_image_box{\n";
echo " background-image:url(../" . $swmenu['active_background_image'] . ") ;\n";
echo " background-repeat:" . $swmenu['active_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['active_background_position'] . " ;\n";
echo "}\n";
}
if($swmenu['main_back_image']){
echo "#main_back_image_box{\n";
echo " background-image:url(../" . $swmenu['main_back_image'] . ") ;\n";
echo " background-repeat:" . $swmenu['top_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['top_background_position'] . " ;\n";
echo "}\n";
}
if($swmenu['main_back_image_over']){
echo "#main_back_image_over_box{\n";
echo " background-image:url(../" . $swmenu['main_back_image_over'] . ") ;\n";
echo " background-repeat:" . $swmenu['top_hover_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['top_hover_background_position'] . " ;\n";
echo "}\n";
}
if($swmenu['sub_back_image']){
echo "#sub_back_image_box{\n";
echo " background-image:url(../" . $swmenu['sub_back_image'] . ") ;\n";
echo " background-repeat:" . $swmenu['sub_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['sub_background_position'] . " ;\n";
echo "}\n";
}
if($swmenu['sub_back_image_over']){
echo "#sub_back_image_over_box{\n";
echo " background-image:url(../" . $swmenu['sub_back_image_over'] . ") ;\n";
echo " background-repeat:" . $swmenu['sub_hover_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['sub_hover_background_position'] . " ;\n";
echo "}\n";
}
if($swmenu['sub_back_image_active']){
echo "#sub_back_image_active_box{\n";
echo " background-image:url(../" . $swmenu['sub_back_image_active'] . ") ;\n";
echo " background-repeat:" . $swmenu['sub_active_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['sub_active_background_position'] . " ;\n";
echo "}\n";
}
if($swmenu['sub_out_back_image']){
echo "#sub_out_back_image_box{\n";
echo " background-image:url(../" . $swmenu['sub_out_back_image'] . ") ;\n";
echo " background-repeat:" . $swmenu['sub_out_background_repeat'] . " ;\n";
echo " background-position:" . $swmenu['sub_out_background_position'] . " ;\n";
echo "}\n";
}
echo "#t_menu_box{\n";
echo "background-color:" . $swmenu['main_back'] . ";\n";
echo "color:" . $swmenu['main_font_color'] . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo "#to_menu_box{\n";
echo "background-color:" . $swmenu['main_over'] . ";\n";
echo "color:" . $swmenu['main_font_color_over'] . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo "#a_menu_box{\n";
echo "background-color:" . $swmenu['active_background'] . ";\n";
echo "color:" . $swmenu['active_font'] . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo "#c_menu_box{\n";
echo "background-color:" . $swmenu['complete_background'] . ";\n";
// echo "color:" . $swmenu['active_font'] . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo "#s_menu_box{\n";
echo "background-color:" . $swmenu['sub_back'] . ";\n";
echo "color:" . $swmenu['sub_font_color'] . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo "#so_menu_box{\n";
echo "background-color:" . $swmenu['sub_over'] . ";\n";
echo "color:" . @$rows->sub_font_color_over . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo "#sa_menu_box{\n";
echo "background-color:" . $swmenu['sub_active'] . ";\n";
echo "color:" . @$rows->sub_font_color_active . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo "#open_icon_box{\n";
echo " background-image:url(../" . $swmenu['open_icon'] . ") ;\n";
echo " background-repeat:no-repeat ;\n";
echo " background-position:center center ;\n";
echo " float:left ;\n";
echo " width:40px;\n";
echo " height:20px;\n";
echo "}\n";
echo "#closed_icon_box{\n";
echo " background-image:url(../" . $swmenu['closed_icon'] . ") ;\n";
echo " background-repeat:no-repeat ;\n";
echo " background-position:center center ;\n";
echo " float:left ;\n";
echo " width:40px;\n";
echo " height:20px;\n";
echo "}\n";
echo "#sc_menu_box{\n";
echo "background-color:" . $swmenu['sub_out_back'] . ";\n";
// echo "color:" . $swmenu['active_font'] . ";\n";
echo "font-size:13px;\n";
echo "font-weight:bold;\n";
echo "text-align:center;\n";
echo "}\n";
echo previewStyle($swmenu);
?>
#preview_div{
padding-bottom:40px;
}
-->
</style>
<div id="swmenu_main_container" class="swmenu_container" align="center">
<table class="sw_inner_container_header" border="0" >
<tr>
<td align="left"><span class="swmenu_sectionname"><?php echo $menutype2." "._SW_MODULE_EDITOR; ?></span> </td>
<td align="center" class="swmenu_name"> <?php echo _SW_MODULE_NAME.": ". $row2->title; ?>
</td>
<td align="left" nowrap>
<?php if (file_exists($absolute_path . "/modules/mod_swmenupro/styles/menu".@$rows->id.".css") && @$rows->id) { ?>
<a class="sw_manual_button" href="index.php?option=com_swmenupro&task=editCSS&id=<?php echo @$rows->id."&limit=".@$rows->limit."&limitstart=".@$rows->limitstart; ?>" ><img src="components/com_swmenupro/images/paper_content_pencil.png" align="absmiddle" ><?php echo _SW_CSS_LINK; ?></a>
<?php } else { ?>
<a class="sw_manual_button" href="javascript:void(0);" onClick="doSave('export');" ><img src="components/com_swmenupro/images/export_to_file.png" align="absmiddle" ><?php echo _SW_EXPORT_LINK; ?></a>
<?php } ?>
</td>
</tr>
</table>
<form action="index.php" method="post" name="sw_admin_form" id="sw_admin_form">
<table class="sw_inner_container" cellpadding="0" cellspacing="0" border="0" >
<tr>
<td>
<a id="tab6" class="swmenu_offtab" onclick="dhtml.cycleTab(this.id);"><?php echo _SW_MODULE_SETTINGS_TAB; ?></a></td>
<td>
<a id="tab2" class="swmenu_offtab" onclick="dhtml.cycleTab(this.id);"><?php echo "Top Menu Box"; ?></a></td>
<td><a id="tab1" class="swmenu_offtab" onclick="dhtml.cycleTab(this.id);"><?php echo "Top Menu Items" ; ?></a></td>
<td><a id="tab5" class="swmenu_offtab" onclick="dhtml.cycleTab(this.id);"><?php echo "Sub Menu Box"; ?></a></td>
<td> <a id="tab3" class="swmenu_offtab" onclick="dhtml.cycleTab(this.id);"><?php echo "Sub Menu Items"; ?></a></td>
<td> <a id="tab7" class="swmenu_offtab" onclick="dhtml.cycleTab(this.id);doImagesWindow();"><?php echo _SW_IMAGES_CSS_TAB; ?></a></td>
</tr>
</table>
<table class="swmenu_tabheading" style="margin-top:-2px;">
<tr>
<td align="left" width="120"><a class="swmenu_expand" onclick="ddaccordion.expandall('top-accord');"><img src='components/com_swmenupro/images/plus.gif' hspace='6' border='0' />Expand All</a></td>
<td align="left" width="380"><a class="swmenu_collapse" onclick="ddaccordion.collapseall('top-accord');"><img src='components/com_swmenupro/images/minus.gif' hspace='6' border='0' />Collaspe All</a></td>
<td><a href="javascript:void(0);" class="swmenu_button_save" onClick="doSave('save');" onmouseover="this.T_ABOVE=true;return escape('<?php echo _SW_SAVE_TIP; ?>')" ><?php echo _SW_SAVE_BUTTON; ?></a>
</td><td><a href="javascript:void(0);" class="swmenu_button_apply" onClick="doSave('apply');" onmouseover="this.T_ABOVE=true;return escape('<?php echo _SW_APPLY_TIP; ?>')" ><?php echo _SW_APPLY_BUTTON; ?></a>
</td><td><a href="javascript:void(0);" class="swmenu_button_export" onClick="doSave('export');" onmouseover="this.T_ABOVE=true;return escape('<?php echo _SW_EXPORT_TIP; ?>')" ><?php echo _SW_EXPORT_BUTTON; ?></a>
</td><td><a href="javascript:void(0);" class="swmenu_button_preview" onClick="doPreviewWindow();" onmouseover="this.T_ABOVE=true;return escape('<?php echo _SW_PREVIEW_TIP; ?>')" ><?php echo _SW_PREVIEW_BUTTON; ?></a>
</td><td><a href="index.php?option=com_swmenupro&limit=<?php echo @$rows->limit."&limitstart=".@$rows->limitstart; ?>" class="swmenu_button_cancel" onmouseover="this.T_ABOVE=true;return escape('<?php echo _SW_CANCEL_TIP; ?>')"><?php echo _SW_CANCEL_BUTTON; ?></a>
</td>
</tr>
</table>
<div id="page1" class="pagetext" >
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" valign="top" align="center">
<table class="sw_table_left" >
<tr >
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Item - Images & Colors"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" id="t_menu_box" width="50%" align="right">
<table align="left" id="main_back_image_box" style="width:100%;margin-right:2px;" align="left">
<tr><td valign="top" width="100%" style="" height="36">Normal - Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['top_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['top_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
<div id='tmenu'></div>
Background Image:</td><td colspan="3" align="right">
<a onClick="getGradient('tmenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('main_back_image');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('main_back_image_box').style.background='none';document.getElementById('tmenu_grad').value='';document.getElementById('main_back_image').value='';jQuery('.top_preview.normal').css('background-image','none');jQuery('#t_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="main_back_image" name="main_back_image" value="<?php echo @$rows->main_back_image;?>"/>
<input type="hidden" id="tmenu_grad" name="tmenu_grad" value="<?php echo @$rows->tmenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'main_back',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="main_back" name="main_back" value="<?php echo @$rows->main_back; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('main_back').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#main_back').css('background-color','transparent');jQuery('#t_menu_box').css('background-color','transparent');jQuery('.top_preview.normal').css('background-color','transparent');document.getElementById('main_back').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Font Color:
</td><td align="right">
<input type="text" size="8" onchange="doFontColor(this);" class="color {styleElement:'main_font_color',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="main_font_color" name="main_font_color" value="<?php echo @$rows->main_font_color; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('main_font_color').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Opacity"; ?>:</td>
<td colspan="3"> <div align="right">
<input type="text" size="4" id="t_opacity" name="t_opacity" value="<?php echo @$rows->t_opacity; ?>"/>%</div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Hover - Images & Colors"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" width="50%" id="to_menu_box" align="right">
<table align="left" id="main_back_image_over_box" style="width:100%;margin-right:2px;" align="left">
<tr><td valign="top" width="100%" style="" height="36">Hover - Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['top_hover_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['top_hover_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">Background Image:
<div id='tomenu'></div> </td> <td colspan="3" align="right">
<a onClick="getGradient('tomenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('main_back_image_over');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('main_back_image_over_box').style.background='none';document.getElementById('tomenu_grad').value='';document.getElementById('main_back_image_over').value='';jQuery('#top_preview_hover').css('background-image','none');jQuery('#to_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="main_back_image_over" name="main_back_image_over" value="<?php echo @$rows->main_back_image_over;?>"/>
<input type="hidden" id="tomenu_grad" name="tomenu_grad" value="<?php echo @$rows->tomenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'main_over',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="main_over" name="main_over" value="<?php echo @$rows->main_over; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('main_over').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#main_over').css('background-color','transparent');jQuery('#to_menu_box').css('background-color','transparent');jQuery('#top_preview_hover').css('background-color','transparent');document.getElementById('main_over').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Font Color:
</td><td align="right">
<input type="text" size="8" onchange="doFontColor(this);" class="color {styleElement:'main_font_color_over',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="main_font_color_over" name="main_font_color_over" value="<?php echo @$rows->main_font_color_over; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('main_font_color_over').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Active - Images & Colors"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" width="50%" id="a_menu_box" align="right">
<table align="left" id="active_background_image_box" style="width:100%;margin-right:2px;" align="left">
<tr><td valign="top" width="100%" style="" height="36">Active - Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['active_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['active_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">Background Image:
<div id='amenu'></div></td><td colspan="3" align="right">
<a onClick="getGradient('amenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('active_background_image');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('active_background_image_box').style.background='none';document.getElementById('amenu_grad').value='';document.getElementById('active_background_image').value='';jQuery('#top_preview_active').css('background-image','none');jQuery('#a_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="active_background_image" name="active_background_image" value="<?php echo @$rows->active_background_image;?>"/>
<input type="hidden" id="amenu_grad" name="amenu_grad" value="<?php echo @$rows->amenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'active_background',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="active_background" name="active_background" value="<?php echo @$rows->active_background; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('active_background').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#active_background').css('background-color','transparent');jQuery('#a_menu_box').css('background-color','transparent');jQuery('#top_preview_active').css('background-color','transparent');document.getElementById('active_background').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Font Color:
</td><td align="right">
<input type="text" size="8" onchange="doFontColor(this);" class="color {styleElement:'active_font',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="active_font" name="active_font" value="<?php echo @$rows->active_font; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('active_font').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Fonts & Text"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Font Family"; ?>:</td>
<td colspan="3" align="right"><?php echo $lists['font_family']; ?></td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Google Font"; ?>:</td>
<td colspan="3" align="right">
<input id="t_google_font" name="t_google_font" onchange="jInsertFont(this.value)" class="inputbox" style="width:150px" value="<?php echo @$rows->t_google_font; ?>" />
<a onclick="getGoogleFont('t_google_font')" class='gradx_btn'><i class='icon icon-font'></i>Get Font</a>
<div id="font_iframe" style="display:none;"></div>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Font Size:"; ?></td>
<td colspan="3">
<div align="right">
<input id="main_font_size" onchange="jQuery('.top_preview').css('font-size',this.value+'px');" name="main_font_size" type="text" value="<?php echo @$rows->main_font_size; ?>" size="3" /> px
</div>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Weight"; ?>:</td><td><div align="right"><?php echo $lists['font_weight']; ?></div></td>
<td >
<?php echo "Align"; ?>:</td><td><div align="right"><?php echo $lists['main_align']; ?></div></td>
</tr><tr class="swmenu_menubackgr">
<td><?php echo "Word Wrap"; ?>:</td><td><div align="right"><?php echo $lists['top_wrap']; ?></div></td>
<td ><?php echo "Extra"; ?>:</td><td><div align="right"><?php echo $lists['top_font_extra']; ?></div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2" align="left"><div class="top-accord" >Text Shadow</div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>Shadow:</td><td align="right"> <?php echo $lists['tt_shadow_type']; ?>
</td>
<td>
<?php echo "Top"; ?>:</td><td><div align="right">
<input type="text" size="3" style="width:30px" id="tt_shadow_top" name="tt_shadow_top" value="<?php echo @$rows->tt_shadow_top; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>
<?php echo "Blur"; ?>:
</td><td> <div align="right">
<input type="text" size="3" style="width:30px" id="tt_shadow_blur" name="tt_shadow_blur" value="<?php echo @$rows->tt_shadow_blur; ?>"/>px</div></td>
<td>
<?php echo "Left"; ?>: </td><td><div align="right">
<input type="text" size="3" style="width:30px" id="tt_shadow_left" name="tt_shadow_left" value="<?php echo @$rows->tt_shadow_left; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Color:
</td><td align="right">
<input type="text" size="8" onchange="do_tt_shadow();" class="color {styleElement:'tt_shadow',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="tt_shadow" name="tt_shadow" value="<?php echo @$rows->tt_shadow; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('tt_shadow').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#tt_shadow').css('background-color','transparent');document.getElementById('tt_shadow').value='';do_c_shadow();" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2" align="left"><div class="top-accord" >Item Shadow</div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>Type:</td><td align="right" > <?php echo $lists['t_shadow_type']; ?>
</td>
<td>
<?php echo "Top"; ?>:</td><td><div align="right">
<input type="text" size="3" style="width:30px" id="t_shadow_top" name="t_shadow_top" value="<?php echo @$rows->t_shadow_top; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>
<?php echo "Blur"; ?>:
</td><td> <div align="right">
<input type="text" size="3" style="width:30px" id="t_shadow_blur" name="t_shadow_blur" value="<?php echo @$rows->t_shadow_blur; ?>"/>px</div></td>
<td>
<?php echo "Left"; ?>: </td><td><div align="right">
<input type="text" size="3" style="width:30px" id="t_shadow_left" name="t_shadow_left" value="<?php echo @$rows->t_shadow_left; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Color:
</td><td align="right">
<input type="text" size="8" onchange="do_t_shadow();" class="color {styleElement:'t_shadow',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="t_shadow" name="t_shadow" value="<?php echo @$rows->t_shadow; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('t_shadow').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#t_shadow').css('background-color','transparent');document.getElementById('t_shadow').value='';do_t_shadow();" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
</table></div></td></tr>
</table>
</td>
<td width="50%" valign="top" align="center">
<table class="sw_table_right" >
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Dimensions"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>
<?php echo "Width:"; ?>
</td><td align="right">
<input type="text" size="4" id="main_width" name="main_width" value="<?php echo @$rows->main_width; ?>" />px <input type="checkbox" value="1" id="t_width_auto" onchange="do_t_width_auto()" />Auto</td>
</tr><tr class="swmenu_menubackgr"><td>
<?php echo "Height:"; ?></td><td align="right">
<input id="main_height" name="main_height" type="text" value="<?php echo @$rows->main_height; ?>" size="4"/>px <input type="checkbox" value="1" id="t_height_auto" onchange="do_t_width_auto()" />Auto</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Margin"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr>
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="1" width="100%">
<tr class="swmenu_menubackgr">
<td width="90" align="center"><?php echo _SW_TOP; ?></td>
<td width="90" align="center"><?php echo _SW_RIGHT; ?></td>
<td width="90" align="center"><?php echo _SW_BOTTOM; ?></td>
<td width="90" align="center"><?php echo _SW_LEFT; ?></td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><input type="text" onchange="doTopMargin();" size="3" id="top_margin_top" name="top_margin_top" value="<?php echo @$rows->top_margin_top; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doTopMargin();" size="3" id="top_margin_right" name="top_margin_right" value="<?php echo @$rows->top_margin_right; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doTopMargin();" size="3" id="top_margin_bottom" name="top_margin_bottom" value="<?php echo @$rows->top_margin_bottom; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doTopMargin();" size="3" id="top_margin_left" name="top_margin_left" value="<?php echo @$rows->top_margin_left; ?>" maxlength="3" />px</td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><div style='width:70px;' id='slider14'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider15'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider16'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider17'></div></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord">Padding</div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr>
<td colspan="4" align="center">
<table width="100%" cellpadding="0" cellspacing="1">
<tr class="swmenu_menubackgr">
<td width="90" align="center"><?php echo _SW_TOP; ?></td>
<td width="90" align="center"><?php echo _SW_RIGHT; ?></td>
<td width="90" align="center"><?php echo _SW_BOTTOM; ?></td>
<td width="90" align="center"><?php echo _SW_LEFT; ?></td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><input type="text" onchange="doMainPadding();" size="3" id="main_pad_top" name="main_pad_top" value="<?php echo @$rows->main_pad_top; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doMainPadding();" size="3" id="main_pad_right" name="main_pad_right" value="<?php echo @$rows->main_pad_right; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doMainPadding();" size="3" id="main_pad_bottom" name="main_pad_bottom" value="<?php echo @$rows->main_pad_bottom; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doMainPadding();" size="3" id="main_pad_left" name="main_pad_left" value="<?php echo @$rows->main_pad_left; ?>" maxlength="3" />px</td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><div style='width:70px;' id='slider22'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider23'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider24'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider25'></div></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Border"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td ><?php echo "Style"; ?>:</td><td align="right" ><?php echo $lists['main_border_over_style']; ?></td>
<td>
<?php echo "Width"; ?>:</td>
<td align="right">
<input id="main_border_over_width" style="width:30px;" onchange="doMainBorder();" name="main_border_over_width" type="text" value="<?php echo @$rows->main_border_over_width; ?>" size="3" /> px
</td></tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="2" width="100%">
<tr>
<td style="border:none;" align="center">Top <?php echo $lists['tit_border']; ?></td>
<td style="border:none;" align="center">Right <?php echo $lists['tir_border']; ?></td>
<td style="border:none;" align="center">Bottom <?php echo $lists['tib_border']; ?></td>
<td style="border:none;" align="center">Left <?php echo $lists['til_border']; ?></td>
<td style="border:none;" align="center"><?php echo "Auto ".$lists['t_auto_border']; ?></td>
</tr>
</table>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>
Color:
</div>
</td><td align="right">
<input name="main_border_color_over" onChange="doMainBorder();" type="text" id="main_border_color_over" value="<?php echo @$rows->main_border_color_over; ?>" size="7" class="color {styleElement:'main_border_color_over',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('main_border_color_over').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Corner"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Style"; ?>:</td><td align="right" >
<?php echo $lists['t_corner_style']; ?>
</td>
<td><?php echo "Size"; ?>:</td>
<td align="right" >
<?php echo $lists['t_corner_size']; ?> px
</td>
</tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="2" width="100%">
<tr>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_LEFT. " ".$lists['ttl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_RIGHT. " ".$lists['ttr_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_LEFT. " ".$lists['tbl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_RIGHT. " ".$lists['tbr_corner']; ?></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo _SW_SUB_INDICATOR; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>Normal Image:</td><td align="right">
<img id="top_sub" src="<?php echo (@$rows->top_sub_indicator ? "../".@$rows->top_sub_indicator : '../modules/mod_swmenupro/images/empty.gif'); ?>" style="float:left" align='middle' /><input type='hidden' id='top_sub_indicator' name='top_sub_indicator' value='<?php echo @$rows->top_sub_indicator; ?>' />
<a onclick="get_background_image('top_sub');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('top_sub').src='../modules/mod_swmenupro/images/empty.gif';document.getElementById('top_sub_indicator').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td></tr>
<tr class="swmenu_menubackgr">
<td>Hover Image:</td><td align="right">
<img id="top_sub_hover" src="<?php echo (@$rows->top_sub_hover_indicator ? "../".@$rows->top_sub_hover_indicator : '../modules/mod_swmenupro/images/empty.gif'); ?>" style="float:left" align='middle' /><input type='hidden' id='top_sub_hover_indicator' name='top_sub_hover_indicator' value='<?php echo @$rows->top_sub_hover_indicator; ?>' />
<a onclick="get_background_image('top_sub_hover');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('top_sub_hover').src='../modules/mod_swmenupro/images/empty.gif';document.getElementById('top_sub_hover_indicator').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>Indicator Alignment:</td>
<td> <div align="right"><?php echo $lists['top_sub_indicator_align']; ?></div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>Top Offset:</td>
<td> <div align="right">
<?php echo $lists['top_sub_indicator_top']; ?>px</div></td>
</tr><tr class="swmenu_menubackgr">
<td>Left Offset:</td>
<td> <div align="right">
<?php echo $lists['top_sub_indicator_left']; ?>px</div></td>
</tr>
</table></div></td></tr>
</table>
</td>
</tr>
</table>
</div>
<div id="page2" class="pagetext">
<table cellpadding="0" cellspacing="0" border="0" >
<tr>
<td width="50%" valign="top" align="center">
<table class="sw_table_left" >
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Orientation"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%">
<tr>
<td align="center" width="50%"><a id="vertical_button" class='swmenu_btn' href="javascript:void(0);" onclick="change_orientation('vertical');" >Vertical<br />
<img id="vertical_image" src="components/com_swmenupro/images/<?php echo @$rows->orientation=='vertical'?"vertical_tick.png":"vertical.png"; ?>" /></a></td>
<td align="center"><a id="horizontal_button" class='swmenu_btn' href="javascript:void(0);" onclick="change_orientation('horizontal');" >Horizontal<br />
<img id="horizontal_image" src="components/com_swmenupro/images/<?php echo @$rows->orientation=='horizontal'?"horizontal_tick.png":"horizontal.png"; ?>" /></a>
<input type="hidden" id="orientation" name="orientation" value="<?php echo @$rows->orientation; ?>" />
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Width & Alignment"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Width"; ?>:</td>
<td> <div align="right"> <input type="text" size="4" id="c_width" name="c_width" value="<?php echo @$rows->c_width; ?>"/>
<input <?php echo @$rows->c_width_opt=='px'?"checked":""; ?> type="radio" id="c_width_px" value="px" name="c_width_opt" onchange="do_c_width();" />px
<input <?php echo @$rows->c_width_opt=='%'?"checked":""; ?> type="radio" id="c_width_percent" value="%" name="c_width_opt" onchange="do_c_width();" />%
<input <?php echo @$rows->c_width_opt=='auto'?"checked":""; ?> type="radio" id="c_width_auto" value="auto" name="c_width_opt" onchange="do_c_width();" />Auto
</div></td>
</tr><tr class="swmenu_menubackgr"> <td><?php echo "Alignment"; ?>:</td>
<td> <div align="right"><?php echo $lists['position']; ?></div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"> <?php echo "Image & Color"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td id="c_menu_box" colspan="2" width="50%" align="left">
<table align="left" id="complete_background_image_box" style="width:100%;margin-right:2px;" align="left">
<tr><td valign="top" width="100%" style="" height="36">Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['complete_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['complete_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">Background Image:
<div id='cmenu'></div></td> <td colspan="3" align="right">
<a onClick="getGradient('cmenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('complete_background_image');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('complete_background_image_box').style.background='none';document.getElementById('cmenu_grad').value='';document.getElementById('complete_background_image').value='';jQuery('#top_preview_outer').css('background-image','none');jQuery('#c_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="complete_background_image" name="complete_background_image" value="<?php echo @$rows->complete_background_image;?>"/>
<input type="hidden" id="cmenu_grad" name="cmenu_grad" value="<?php echo @$rows->cmenu_grad; ?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'complete_background',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="complete_background" name="complete_background" value="<?php echo @$rows->complete_background; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('complete_background').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#complete_background').css('background-color','transparent');jQuery('#c_menu_box').css('background-color','transparent');jQuery('#top_preview_outer').css('background-color','transparent');document.getElementById('complete_background').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Opacity"; ?>:</td>
<td colspan="3"> <div align="right">
<input type="text" size="4" id="c_opacity" name="c_opacity" value="<?php echo @$rows->c_opacity; ?>"/>%</div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2" align="left"><div class="top-accord">Shadow</div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td >Type:</td><td align="right"><?php echo $lists['c_shadow_type']; ?>
</td>
<td >
<?php echo "Top"; ?>:</td><td><div align="right">
<input style="width:30px;" type="text" size="3" id="c_shadow_top" name="c_shadow_top" value="<?php echo @$rows->c_shadow_top; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td >
<?php echo "Blur"; ?>:
</td><td> <div align="right">
<input type="text" style="width:30px;" size="3" id="c_shadow_blur" name="c_shadow_blur" value="<?php echo @$rows->c_shadow_blur; ?>"/>px</div></td>
<td>
<?php echo "Left"; ?>: </td><td><div align="right">
<input type="text" size="3" style="width:30px;" id="c_shadow_left" name="c_shadow_left" value="<?php echo @$rows->c_shadow_left; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Color:
</td><td align="right">
<input type="text" size="8" onchange="do_c_shadow();" class="color {styleElement:'complete_shadow',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="complete_shadow" name="complete_shadow" value="<?php echo @$rows->complete_shadow; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('complete_shadow').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#complete_shadow').css('background-color','transparent');document.getElementById('complete_shadow').value='';do_c_shadow();" class='gradx_btn'><i class='icon icon-cancel'></i>Clear Color</a>
</td>
</tr>
</table></div></td></tr>
</table>
</td>
<td width="50%" valign="top" align="center">
<table class="sw_table_right" >
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Offsets"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr"><td>
<?php echo "Top"; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="main_top" name="main_top" value="<?php echo @$rows->main_top; ?>"/>px</div></td>
</tr><tr class="swmenu_menubackgr"><td>
<?php echo "Left"; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="main_left" name="main_left" value="<?php echo @$rows->main_left; ?>"/>px</div></td>
</tr>
</table>
</td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Padding"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr>
<td colspan="4" width="100%" align="center">
<table width="100%" cellspacing="1" cellpadding="0">
<tr class="swmenu_menubackgr">
<td width="90" align="center"><?php echo _SW_TOP; ?></td>
<td width="90" align="center"><?php echo _SW_RIGHT; ?></td>
<td width="90" align="center"><?php echo _SW_BOTTOM; ?></td>
<td width="90" align="center"><?php echo _SW_LEFT; ?></td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><input type="text" onchange="doCompletePadding();" size="3" id="complete_margin_top" name="complete_margin_top" value="<?php echo @$rows->complete_margin_top; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doCompletePadding();" size="3" id="complete_margin_right" name="complete_margin_right" value="<?php echo @$rows->complete_margin_right; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doCompletePadding();" size="3" id="complete_margin_bottom" name="complete_margin_bottom" value="<?php echo @$rows->complete_margin_bottom; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" onchange="doCompletePadding();" size="3" id="complete_margin_left" name="complete_margin_left" value="<?php echo @$rows->complete_margin_left; ?>" maxlength="3" />px</td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><div style='width:70px;' id='slider18'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider19'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider20'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider21'></div></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Border"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Style"; ?>:</td><td align="right"><?php echo $lists['main_border_style']; ?></td>
<td>
<?php echo "Width"; ?>:</td>
<td align="right">
<input id="main_border_width" style="width:30px;" onchange="doMainBorder();" name="main_border_width" type="text" value="<?php echo @$rows->main_border_width; ?>" size="3" /> px
</td></tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="2" width="100%" style="border:none;">
<tr>
<td style="border:none;" align="center"><?php echo _SW_TOP." ".$lists['tot_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_RIGHT." ".$lists['tor_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_BOTTOM." ".$lists['tob_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_LEFT." ".$lists['tol_border']; ?></td>
</tr>
</table>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>
Color:
</td><td align="right">
<input name="main_border_color" onChange="doMainBorder();" type="text" id="main_border_color" value="<?php echo @$rows->main_border_color; ?>" size="7" class="color {styleElement:'main_border_color',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('main_border_color').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Corner"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Style"; ?>:</td><td align="right">
<?php echo $lists['c_corner_style']; ?>
</td>
<td><?php echo "Size"; ?>:</td>
<td align="right" >
<?php echo $lists['c_corner_size']; ?> px
</td>
</tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="2" width="100%" style="border:none;">
<tr>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_LEFT. " ".$lists['ctl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_RIGHT. " ".$lists['ctr_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_LEFT. " ".$lists['cbl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_RIGHT. " ".$lists['cbr_corner']; ?></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
</table>
</td>
</tr>
</table>
</div>
<div id="page3" class="pagetext">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" valign="top" align="center">
<table class="sw_table_left" >
<tr >
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Item - Images & Colors"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" id="s_menu_box" width="50%" align="right">
<table align="left" id="sub_back_image_box" style="width:100%;margin-right:2px;" align="left">
<tr><td valign="top" width="100%" style="" height="36">Normal - Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['sub_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['sub_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>Background Image:
<div id='smenu'></div></td><td colspan="3" align="right">
<a onClick="getGradient('smenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('sub_back_image');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('sub_back_image_box').style.background='none';document.getElementById('smenu_grad').value='';document.getElementById('sub_back_image').value='';jQuery('.sub_preview.normal').css('background-image','none');jQuery('#s_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="sub_back_image" name="sub_back_image" value="<?php echo @$rows->sub_back_image;?>"/>
<input type="hidden" id="smenu_grad" name="smenu_grad" value="<?php echo @$rows->smenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'sub_back',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="sub_back" name="sub_back" value="<?php echo @$rows->sub_back; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_back').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#sub_back').css('background-color','transparent');jQuery('#s_menu_box').css('background-color','transparent');jQuery('.sub_preview.normal').css('background-color','transparent');document.getElementById('sub_back').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Font Color:
</td><td align="right">
<input type="text" size="8" onchange="doFontColor(this);" class="color {styleElement:'sub_font_color',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="sub_font_color" name="sub_font_color" value="<?php echo @$rows->sub_font_color; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_font_color').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Opacity"; ?>:</td>
<td colspan="3"> <div align="right">
<input type="text" size="4" id="s_opacity" name="s_opacity" value="<?php echo @$rows->s_opacity; ?>"/>%</div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Hover - Images & Colors"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" id="so_menu_box" width="50%" align="right">
<table align="left" id="sub_back_image_over_box" style="width:100%;margin-right:2px;" align="left">
<tr><td valign="top" width="100%" style="" height="36">Hover - Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['sub_hover_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['sub_hover_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td > Background Image:
<div id='somenu'></div> </td><td colspan="3" align="right">
<a onClick="getGradient('somenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('sub_back_image_over');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('sub_back_image_over_box').style.background='none';document.getElementById('somenu_grad').value='';document.getElementById('sub_back_image_over').value='';jQuery('#sub_preview_hover').css('background-image','none');jQuery('#so_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="sub_back_image_over" name="sub_back_image_over" value="<?php echo @$rows->sub_back_image_over;?>"/>
<input type="hidden" id="somenu_grad" name="somenu_grad" value="<?php echo @$rows->somenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'sub_over',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="sub_over" name="sub_over" value="<?php echo @$rows->sub_over; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_over').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#sub_over').css('background-color','transparent');jQuery('#so_menu_box').css('background-color','transparent');jQuery('#sub_preview_hover').css('background-color','transparent');document.getElementById('sub_over').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Font Color:
</td><td align="right">
<input type="text" size="8" onchange="doFontColor(this);" class="color {styleElement:'sub_font_color_over',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="sub_font_color_over" name="sub_font_color_over" value="<?php echo @$rows->sub_font_color_over; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_font_color_over').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Active - Images & Colors"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" id="sa_menu_box" width="50%" align="right">
<table align="left" id="sub_back_image_active_box" style="width:100%;margin-right:2px;" align="left">
<tr><td valign="top" width="100%" style="" height="36">Active - Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['sub_active_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['sub_active_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td > Background Image:
<div id='samenu'></div> </td><td colspan="3" align="right">
<a onClick="getGradient('samenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('sub_back_image_active');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('sub_back_image_active_box').style.background='none';document.getElementById('samenu_grad').value='';document.getElementById('sub_back_image_active').value='';jQuery('#sub_preview_active').css('background-image','none');jQuery('#sa_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="sub_back_image_active" name="sub_back_image_active" value="<?php echo @$rows->sub_back_image_active;?>"/>
<input type="hidden" id="samenu_grad" name="samenu_grad" value="<?php echo @$rows->samenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'sub_active',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="sub_active" name="sub_active" value="<?php echo @$rows->sub_active; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_active').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#sub_active').css('background-color','transparent');jQuery('#sa_menu_box').css('background-color','transparent');jQuery('.sub_preview.active').css('background-color','transparent');document.getElementById('sub_active').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Font Color:
</td><td align="right">
<input type="text" size="8" onchange="doFontColor(this);" class="color {styleElement:'sub_font_color_active',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="sub_font_color_active" name="sub_font_color_active" value="<?php echo @$rows->sub_font_color_active; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_font_color_active').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Fonts & Text"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Font Family"; ?>:</td>
<td colspan="3" align="right"><?php echo $lists['sub_font_family']; ?></td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Google Font"; ?>:</td>
<td colspan="3" align="right">
<input id="s_google_font" name="s_google_font" onchange="jInsertFont(this.value)" class="inputbox" style="width:150px" value="<?php echo @$rows->s_google_font; ?>" />
<a onclick="getGoogleFont('s_google_font')" class='gradx_btn'><i class='icon icon-font'></i>Get Font</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Font Size:"; ?></td>
<td colspan="3">
<div align="right">
<input id="sub_font_size" onchange="jQuery('.sub_preview').css('font-size',this.value+'px');" name="sub_font_size" type="text" value="<?php echo @$rows->sub_font_size; ?>" size="3" /> px
</div>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Weight"; ?>:</td><td><div align="right"><?php echo $lists['font_weight_over']; ?></div></td>
<td >
<?php echo "Align"; ?>:</td><td><div align="right"><?php echo $lists['sub_align']; ?></div></td>
</tr><tr class="swmenu_menubackgr">
<td><?php echo "Word Wrap"; ?>:</td><td><div align="right"><?php echo $lists['sub_wrap']; ?></div></td>
<td ><?php echo "Extra"; ?>:</td><td><div align="right"><?php echo $lists['sub_font_extra']; ?></div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2" align="left"><div class="top-accord" >Text Shadow</div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>Shadow:</td><td align="right" ><?php echo $lists['st_shadow_type']; ?>
</td>
<td >
<?php echo "Top"; ?>:</td><td><div align="right">
<input style="width:30px;" type="text" size="3" id="st_shadow_top" name="st_shadow_top" value="<?php echo @$rows->st_shadow_top; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>
<?php echo "Blur"; ?>:
</td><td> <div align="right">
<input type="text" style="width:30px;" size="3" id="st_shadow_blur" name="st_shadow_blur" value="<?php echo @$rows->st_shadow_blur; ?>"/>px</div></td>
<td>
<?php echo "Left"; ?>: </td><td><div align="right">
<input type="text" size="3" style="width:30px;" id="st_shadow_left" name="st_shadow_left" value="<?php echo @$rows->st_shadow_left; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Color:
</td><td align="right">
<input type="text" size="8" onchange="do_st_shadow();" class="color {styleElement:'st_shadow',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="st_shadow" name="st_shadow" value="<?php echo @$rows->st_shadow; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('st_shadow').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#st_shadow').css('background-color','transparent');document.getElementById('st_shadow').value='';do_st_shadow();" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2" align="left"><div class="top-accord" >Item Shadow</div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>Type:</td><td align="right"><?php echo $lists['s_shadow_type']; ?>
</td>
<td>
<?php echo "Top"; ?>:</td><td><div align="right">
<input type="text" size="3" style="width:30px;" id="s_shadow_top" name="s_shadow_top" value="<?php echo @$rows->s_shadow_top; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>
<?php echo "Blur"; ?>:
</td><td> <div align="right">
<input type="text" size="3" style="width:30px;" id="s_shadow_blur" name="s_shadow_blur" value="<?php echo @$rows->s_shadow_blur; ?>"/>px</div></td>
<td>
<?php echo "Left"; ?>: </td><td><div align="right">
<input type="text" size="3" style="width:30px;" id="s_shadow_left" name="s_shadow_left" value="<?php echo @$rows->s_shadow_left; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Color:
</td><td align="right">
<input type="text" size="8" onchange="do_s_shadow();" class="color {styleElement:'s_shadow',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="s_shadow" name="s_shadow" value="<?php echo @$rows->s_shadow; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('s_shadow').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#s_shadow').css('background-color','transparent');document.getElementById('s_shadow').value='';do_s_shadow();" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
</table></div></td></tr>
</table>
</td>
<td width="50%" valign="top" align="center">
<table class="sw_table_right" >
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Dimensions"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>
<?php echo "Width:"; ?>
</td><td align="right">
<input type="text" size="4" id="sub_width" name="sub_width" value="<?php echo @$rows->sub_width; ?>" />px <input type="checkbox" value="1" id="s_width_auto" onchange="do_s_width_auto()" />Auto</td>
</tr><tr class="swmenu_menubackgr"><td>
<?php echo "Height:"; ?></td><td align="right">
<input id="sub_height" name="sub_height" type="text" value="<?php echo @$rows->sub_height; ?>" size="4"/>px <input type="checkbox" value="1" id="s_height_auto" onchange="do_s_width_auto()" />Auto</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Margin"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr>
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="1" width="100%">
<tr class="swmenu_menubackgr">
<td width="90" align="center"><?php echo _SW_TOP; ?></td>
<td width="90" align="center"><?php echo _SW_RIGHT; ?></td>
<td width="90" align="center"><?php echo _SW_BOTTOM; ?></td>
<td width="90" align="center"><?php echo _SW_LEFT; ?></td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><input type="text" size="3" id="sub_margin_top" name="sub_margin_top" value="<?php echo @$rows->sub_margin_top; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_margin_right" name="sub_margin_right" value="<?php echo @$rows->sub_margin_right; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_margin_bottom" name="sub_margin_bottom" value="<?php echo @$rows->sub_margin_bottom; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_margin_left" name="sub_margin_left" value="<?php echo @$rows->sub_margin_left; ?>" maxlength="3" />px</td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><div style='width:70px;' id='slider60'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider61'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider62'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider63'></div></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord">Padding</div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr>
<td colspan="4" align="center">
<table width="100%" cellpadding="0" cellspacing="1">
<tr class="swmenu_menubackgr">
<td width="90" align="center"><?php echo _SW_TOP; ?></td>
<td width="90" align="center"><?php echo _SW_RIGHT; ?></td>
<td width="90" align="center"><?php echo _SW_BOTTOM; ?></td>
<td width="90" align="center"><?php echo _SW_LEFT; ?></td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><input type="text" size="3" id="sub_pad_top" name="sub_pad_top" value="<?php echo @$rows->sub_pad_top; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_pad_right" name="sub_pad_right" value="<?php echo @$rows->sub_pad_right; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_pad_bottom" name="sub_pad_bottom" value="<?php echo @$rows->sub_pad_bottom; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_pad_left" name="sub_pad_left" value="<?php echo @$rows->sub_pad_left; ?>" maxlength="3" />px</td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><div style='width:70px;' id='slider26'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider27'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider28'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider29'></div></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Border"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%">
<tr class="swmenu_menubackgr">
<td><?php echo "Style"; ?>:</td><td align="right" ><?php echo $lists['sub_border_over_style']; ?></td>
<td>
<?php echo "Width"; ?>:</td>
<td align="right">
<input id="sub_border_over_width" onchange="dosubBorder();" name="sub_border_over_width" type="text" value="<?php echo @$rows->sub_border_over_width; ?>" size="3" /> px
</td></tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="0" borer="0" width="100%">
<tr>
<td style="border:none;" align="center"><?php echo _SW_TOP." ".$lists['sit_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_RIGHT." ".$lists['sir_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_BOTTOM." ".$lists['sib_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_LEFT." ".$lists['sil_border']; ?></td>
<td style="border:none;" align="center"><?php echo "Auto ".$lists['s_auto_border']; ?></td>
</tr>
</table>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>
Color:
</td><td align="right">
<input name="sub_border_color_over" onChange="doSubBorder();" type="text" id="sub_border_color_over" value="<?php echo @$rows->sub_border_color_over; ?>" size="7" class="color {styleElement:'sub_border_color_over',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_border_color_over').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Corner"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%">
<tr class="swmenu_menubackgr">
<td><?php echo "Style"; ?>:</td><td align="right">
<?php echo $lists['si_corner_style']; ?>
</td>
<td><?php echo "Size"; ?>:</td>
<td align="right" >
<?php echo $lists['si_corner_size']; ?> px
</td>
</tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="0" borer="0" width="100%">
<tr>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_LEFT. " ".$lists['sitl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_RIGHT. " ".$lists['sitr_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_LEFT. " ".$lists['sibl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_RIGHT. " ".$lists['sibr_corner']; ?></td>
</tr>
</table>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td colspan="2" align="left">
Apply Corners To:</td> <td colspan="2" align="right">
<?php echo $lists['sfl_corner']; ?>
</td></tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo _SW_SUB_INDICATOR; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>Normal Image:</td><td align="right">
<img id="sub_sub" src="<?php echo (@$rows->sub_sub_indicator ? "../".@$rows->sub_sub_indicator : '../modules/mod_swmenupro/images/empty.gif'); ?>" style="float:left" align='middle' /><input type='hidden' id='sub_sub_indicator' name='sub_sub_indicator' value='<?php echo @$rows->sub_sub_indicator; ?>' />
<a onclick="get_background_image('sub_sub');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('sub_sub').src='../modules/mod_swmenupro/images/empty.gif';document.getElementById('sub_sub_indicator').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td></tr>
<tr class="swmenu_menubackgr">
<td>Hover Image:</td><td align="right">
<img id="sub_sub_hover" src="<?php echo (@$rows->sub_sub_hover_indicator ? "../".@$rows->sub_sub_hover_indicator : '../modules/mod_swmenupro/images/empty.gif'); ?>" style="float:left" align='middle' /><input type='hidden' id='sub_sub_hover_indicator' name='sub_sub_hover_indicator' value='<?php echo @$rows->sub_sub_hover_indicator; ?>' />
<a onclick="get_background_image('sub_sub_hover');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('sub_sub_hover').src='../modules/mod_swmenupro/images/empty.gif';document.getElementById('sub_sub_hover_indicator').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>Indicator Alignment:</td>
<td> <div align="right"><?php echo $lists['sub_sub_indicator_align']; ?></div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>Top Offset:</td>
<td> <div align="right">
<?php echo $lists['sub_sub_indicator_top']; ?>px</div></td>
</tr><tr class="swmenu_menubackgr">
<td>Left Offset:</td>
<td> <div align="right">
<?php echo $lists['sub_sub_indicator_left']; ?>px</div></td>
</tr>
</table></div></td></tr>
</table>
</td>
</tr>
</table>
</div>
<div id="page5" class="pagetext">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" valign="top" align="center">
<table class="sw_table_left" >
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Orientation"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Sub Menu:"; ?></td>
<td> <div align="right"><?php echo $lists['sub_orientation']; ?></div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Images & Colors"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" id="sc_menu_box" width="50%" align="right">
<table align="left" id="sub_out_back_image_box" style="width:100%;margin-right:2px;" background="../<?php echo @$rows->sub_out_back_image;?>" align="left">
<tr><td valign="top" width="100%" style="" height="36">Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['sub_out_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['sub_out_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>Background Image:
<div id='scmenu'></div></td> <td colspan="3" align="right">
<a onClick="getGradient('scmenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('sub_out_back_image');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('sub_out_back_image_box').style.background='none';document.getElementById('scmenu_grad').value='';document.getElementById('sub_out_back_image').value='';jQuery('#sub_preview_outer').css('background-image','none');jQuery('#sc_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="sub_out_back_image" name="sub_out_back_image" value="<?php echo @$rows->sub_out_back_image;?>"/>
<input type="hidden" id="scmenu_grad" name="scmenu_grad" value="<?php echo @$rows->scmenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Background Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'sub_out_back',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="sub_out_back" name="sub_out_back" value="<?php echo @$rows->sub_out_back; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_out_back').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#sub_out_back').css('background-color','transparent');jQuery('#sc_menu_box').css('background-color','transparent');jQuery('#sub_preview_outer').css('background-color','transparent');document.getElementById('sub_out_back').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Opacity"; ?>:</td>
<td colspan="3"> <div align="right">
<input type="text" size="4" id="so_opacity" name="so_opacity" value="<?php echo @$rows->so_opacity; ?>"/>%</div></td>
</tr>
</table></div></td></tr>
<tr >
<td colspan="4" class="swmenu_tabheading2" align="left"><div class="top-accord" >Shadow</div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td>Type:</td><td align="right" ><?php echo $lists['so_shadow_type']; ?>
</td>
<td>
<?php echo "Top"; ?>:</td><td><div align="right">
<input style="width:30px;" type="text" size="3" id="so_shadow_top" name="so_shadow_top" value="<?php echo @$rows->so_shadow_top; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>
<?php echo "Blur"; ?>:
</td><td> <div align="right">
<input type="text" style="width:30px;" size="3" id="so_shadow_blur" name="so_shadow_blur" value="<?php echo @$rows->so_shadow_blur; ?>"/>px</div></td>
<td>
<?php echo "Left"; ?>: </td><td><div align="right">
<input type="text" style="width:30px;" size="3" id="so_shadow_left" name="so_shadow_left" value="<?php echo @$rows->so_shadow_left; ?>"/>px</div></td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Color:
</td><td align="right">
<input type="text" size="8" onchange="do_so_shadow();" class="color {styleElement:'so_shadow',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="so_shadow" name="so_shadow" value="<?php echo @$rows->so_shadow; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('so_shadow').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#so_shadow').css('background-color','transparent');document.getElementById('so_shadow').value='';do_so_shadow();" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Special Effects"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Transition"; ?>:</td>
<td> <div align="right">
<?php echo $lists['transition']; ?></div></td>
</tr><tr class="swmenu_menubackgr">
<td><?php echo "Distance"; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="slide_distance" name="slide_distance" value="<?php echo @$rows->slide_distance; ?>"/>px</div></td>
</tr><tr class="swmenu_menubackgr">
<td><?php echo "Duration"; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="duration" name="duration" value="<?php echo @$rows->duration; ?>"/>ms</div></td>
</tr>
</table></div></td></tr>
</table>
</td>
<td width="50%" valign="top" align="center">
<table class="sw_table_right" >
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo "Offsets"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo _SW_LEVEL . " 1 " . _SW_TOP_OFFSET; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="level1_sub_top" name="level1_sub_top" value="<?php echo @$rows->level1_sub_top; ?>"/>px</div></td>
</tr><tr class="swmenu_menubackgr">
<td><?php echo _SW_LEVEL . " 1 " . _SW_LEFT_OFFSET; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="level1_sub_left" name="level1_sub_left" value="<?php echo @$rows->level1_sub_left; ?>"/>px</div></td>
</tr><tr class="swmenu_menubackgr">
<td><?php echo _SW_LEVELX . " " . _SW_TOP_OFFSET; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="level2_sub_top" name="level2_sub_top" value="<?php echo @$rows->level2_sub_top; ?>"/>px</div></td>
</tr><tr class="swmenu_menubackgr">
<td><?php echo _SW_LEVELX . " " . _SW_LEFT_OFFSET; ?>:</td>
<td> <div align="right">
<input type="text" size="4" id="level2_sub_left" name="level2_sub_left" value="<?php echo @$rows->level2_sub_left; ?>"/>px</div></td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord">Padding</div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr>
<td colspan="4" align="center">
<table width="100%" cellpadding="0" cellspacing="1">
<tr class="swmenu_menubackgr">
<td width="90" align="center"><?php echo _SW_TOP; ?></td>
<td width="90" align="center"><?php echo _SW_RIGHT; ?></td>
<td width="90" align="center"><?php echo _SW_BOTTOM; ?></td>
<td width="90" align="center"><?php echo _SW_LEFT; ?></td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><input type="text" size="3" id="sub_out_pad_top" name="sub_out_pad_top" value="<?php echo @$rows->sub_out_pad_top; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_out_pad_right" name="sub_out_pad_right" value="<?php echo @$rows->sub_out_pad_right; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_out_pad_bottom" name="sub_out_pad_bottom" value="<?php echo @$rows->sub_out_pad_bottom; ?>" maxlength="3" />px</td>
<td width="90" align="center"><input type="text" size="3" id="sub_out_pad_left" name="sub_out_pad_left" value="<?php echo @$rows->sub_out_pad_left; ?>" maxlength="3" />px</td>
</tr><tr class="swmenu_menubackgr">
<td width="90" align="center"><div style='width:70px;' id='slider67'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider68'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider69'></div></td>
<td width="90" align="center"><div style='width:70px;' id='slider70'></div></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Border"; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%">
<tr class="swmenu_menubackgr">
<td><?php echo "Style"; ?>:</td><td align="right" ><?php echo $lists['sub_border_style']; ?></td>
<td>
<?php echo "Width"; ?>:</td>
<td align="right">
<input id="sub_border_width" onchange="dosubBorder();" name="sub_border_width" type="text" value="<?php echo @$rows->sub_border_width; ?>" size="3" /> px
</td></tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td style="border:none;" align="center"><?php echo _SW_TOP." ".$lists['sot_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_RIGHT." ".$lists['sor_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_BOTTOM." ".$lists['sob_border']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_LEFT." ".$lists['sol_border']; ?></td>
</tr>
</table>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>
Color:
</td><td align="right">
<input name="sub_border_color" onChange="doSubBorder();" type="text" id="sub_border_color" value="<?php echo @$rows->sub_border_color; ?>" size="7" class="color {styleElement:'sub_border_color',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('sub_border_color').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"> <div class="top-accord"><?php echo "Corner"; ?></div></td>
</tr>
<tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td><?php echo "Style"; ?>:</td><td align="right">
<?php echo $lists['s_corner_style']; ?>
</td>
<td><?php echo "Size"; ?>:</td>
<td align="right" >
<?php echo $lists['s_corner_size']; ?> px
</td>
</tr>
<tr class="swmenu_menubackgr">
<td colspan="4" align="center">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_LEFT. " ".$lists['stl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_TOP_RIGHT. " ".$lists['str_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_LEFT. " ".$lists['sbl_corner']; ?></td>
<td style="border:none;" align="center"><?php echo _SW_CORNER_BOTTOM_RIGHT. " ".$lists['sbr_corner']; ?></td>
</tr>
</table>
</td>
</tr>
</table></div></td></tr>
</table>
</td>
</tr>
</table>
</div>
<div id="page6" class="pagetext">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" valign="top" align="center">
<table class="sw_table_left" >
<tr>
<td class="joomla_btn" colspan="4" > <div align="center"><a href="javascript:void(0);" onclick='get_module();'/> <?php echo _SW_EDIT_JOOMLA_PROPERTIES; ?></a></div></td>
</tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo _SW_MENU_SOURCE_LABEL; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td align="left"><?php echo _SW_MENU_SOURCE; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_MENU_SOURCE_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['menutype']; ?> </td>
</tr><tr class="swmenu_menubackgr">
<td align="left" ><?php echo _SW_PARENT; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_PARENT_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<script language="javascript" type="text/javascript">
<!--
writeDynaList( 'class="inputbox" name="parentid" size="1" style="width:220px"', orders2, originalPos2, originalPos2, originalOrder2 );
//-->
</script> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_ACTIVE_MENU; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_ACTIVE_MENU_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['active_menu']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo _SW_MAX_LEVELS; ?>:</td><td>
<a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_MAX_LEVELS_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['levels']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo _SW_PARENT_LEVEL; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_PARENT_LEVEL_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['parent_level']; ?> </td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo _SW_AUTO_ITEM_LABEL; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%"><tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_HYBRID_MENU; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_HYBRID_MENU_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['hybrid']; ?> </td>
</tr><tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_TABLES_BLOGS; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_TABLES_BLOGS_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['tables']; ?> </td>
</tr>
</table></div></td></tr>
</table>
</td>
<td width="50%" valign="top" align="center">
<table class="sw_table_right" >
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord"><?php echo _SW_MENU_HACKS; ?></div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%">
<tr class="swmenu_menubackgr">
<td width="40%" valign="top"><?php echo "IE Pie.htc CSS3 Hack"; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo "Apply the pie.htc file and classes to allow CSS3 in IE6-9"; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" border="0" /></a>
<?php echo $lists['pie_hack']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td width="40%" valign="top"><?php echo _SW_OVERLAY_HACK; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_OVERLAY_HACK_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" border="0" /></a>
<?php echo $lists['overlay_hack']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_FLASH_HACK; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_FLASH_HACK_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['flash_hack']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_TABLET_HACK; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_TABLET_HACK_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['tablet_hack']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_DISABLE_JQUERY; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_DISABLE_JQUERY_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['disable_jquery']; ?> </td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div class="top-accord">Style Sheet Settings</div></td>
</tr><tr><td colspan="4"><div class="top-accord-content"><table cellpadding="0" cellspacing="2" width="100%">
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_STYLE_SHEET; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo _SW_STYLE_SHEET_TIP; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<?php echo $lists['cssload']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Menu Classname"; ?>:</td>
<td><a href="javascript:void(0);" onmouseover="return escape('<?php echo "Set a class name to be used by the menu. You can have multiple menu modules use the same class, or use different names to styles modules independently."; ?>')" >
<img src="components/com_swmenupro/images/info.png" alt="info" align="middle" name="info" border="0" /></a>
<input type="text" id="menu_id" name="menu_id" value="<?php echo @$rows->menu_id?@$rows->menu_id:'swmenu'; ?>" style="width:120px" />
</td>
</tr>
</table></div></td></tr>
<tr>
<td colspan="4" class="swmenu_tabheading2"><div onclick="open_responsive();" class="top-accord">Responsive Menu</a></div></td>
</tr><tr><td colspan="4" id="responsive_td">
<div id="responsive_div">
<table cellpadding="0" cellspacing="2" width="100%">
<tr><td valign="top" align="center" width="50%">
<table cellpadding="0" cellspacing="0" width="98%" border="0">
<tr>
<td colspan="2" class="swmenu_tabheading2"><div class="top-accord_opened"><?php echo "Responsive Menu Settings"; ?></div></td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Responsive Menu Type"; ?>:</td>
<td align="right">
<?php echo $lists['responsive']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Minimum Screen Width"; ?>:</td>
<td align="right">
<input type="text" size="4" id="responsive_width" name="responsive_width" value="<?php echo @$rows->responsive_width; ?>"/>px</td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Submenu Indent"; ?>:</td>
<td align="right">
<input type="text" size="4" id="submenu_indent" name="submenu_indent" value="<?php echo @$rows->submenu_indent; ?>"/>px</td>
</tr>
<tr>
<td colspan="2" class="swmenu_tabheading2"><div class="top-accord_opened"><?php echo "Show/Hide Button"; ?></div></td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Create Open/Close Menu Button"; ?>:</td>
<td>
<?php echo $lists['open_close_button']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td><?php echo "Open/Close Button Text"; ?>:</td>
<td>
<input style="float:right;" type="text" size="23" id="open_close_text" name="open_close_text" value="<?php echo @$rows->open_close_text?@$rows->open_close_text:"Open/Close Menu"; ?>"/></td>
</tr>
<!--
<tr><td colspan="2" style="border:none !important;">
<table cellpadding="0" cellspacing="0" border="0" style="border:none !important;" width="100%"><tr class="swmenu_menubackgr">
<td colspan="2" id="r_menu_box" width="50%" align="right">
<table align="left" id="responsive_back_image_box" cellpadding="0" cellspacing="0" style="width:100%;margin-right:2px;border:none !important;" align="left">
<tr><td valign="top" width="100%" style="border:none !important;" height="36">Preview</td></tr>
</table>
</td><td width="50%" colspan="2" align="right">
<?php echo _SW_BACKGROUND_REPEAT; ?>:
<?php echo $lists['responsive_background_repeat']; ?><br />
<?php echo _SW_BACKGROUND_POSITION; ?>:
<?php echo $lists['responsive_background_position']; ?>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td>Image:
<div id='rmenu'></div></td> <td colspan="3" align="right">
<a onClick="getGradient('rmenu');" class='gradx_btn'><i class='icon icon-gradient'></i>Get Gradient</a>
<a onclick="get_background_image('responsive_back_image');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('responsive_back_image_box').style.background='none';document.getElementById('scmenu_grad').value='';document.getElementById('responsive_back_image').value='';jQuery('#sub_preview_outer').css('background-image','none');jQuery('#sc_menu_box').css('background-image','none');" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
<input type="hidden" id="responsive_back_image" name="responsive_back_image" value="<?php echo @$rows->responsive_back_image;?>"/>
<input type="hidden" id="rmenu_grad" name="rmenu_grad" value="<?php echo @$rows->rmenu_grad;?>"/>
</td>
</tr>
<tr class="swmenu_menubackgr">
<td align="left">
Color:
</td><td align="right">
<input type="text" size="8" onchange="doColorChange(this);" class="color {styleElement:'responsive_back',hash:true,required:false,pickerOnfocus:false,pickerClosable:true}" id="responsive_back" name="responsive_back" value="<?php echo @$rows->responsive_back; ?>"/>
</td><td colspan="2" align="right">
<a onClick="document.getElementById('responsive_back').color.showPicker()" class='gradx_btn'><i class='icon icon-color'></i>Get Color</a>
<a onClick="jQuery('#responsive_back').css('background-color','transparent');jQuery('#r_menu_box').css('background-color','transparent');document.getElementById('responsive_back').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
</table></td></tr>
-->
<tr class="swmenu_menubackgr">
<td>Closed Icon:</td><td align="right">
<img id="closed_icon_indicator" src="<?php echo (@$rows->closed_icon ? "../".@$rows->closed_icon : '../modules/mod_swmenupro/images/empty.gif'); ?>" style="float:left" align='middle' /><input type='hidden' id='closed_icon' name='closed_icon' value='<?php echo @$rows->closed_icon; ?>' />
<a onclick="get_background_image('closed_icon');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('closed_icon_indicator').src='../modules/mod_swmenupro/images/empty.gif';document.getElementById('closed_icon').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td></tr>
<tr class="swmenu_menubackgr">
<td>Open Icon:</td><td align="right">
<img id="open_icon_indicator" src="<?php echo (@$rows->open_icon ? "../".@$rows->open_icon : '../modules/mod_swmenupro/images/empty.gif'); ?>" style="float:left" align='middle' /><input type='hidden' id='open_icon' name='open_icon' value='<?php echo @$rows->open_icon; ?>' />
<a onclick="get_background_image('open_icon');" class='gradx_btn'><i class='icon icon-paint'></i>Get Image</a>
<a onclick="document.getElementById('open_icon_indicator').src='../modules/mod_swmenupro/images/empty.gif';document.getElementById('open_icon').value='';" class='gradx_btn'><i class='icon icon-cancel'></i>Clear</a>
</td>
</tr>
</tr><tr class="swmenu_menubackgr">
<td>Icon Alignment:</td>
<td> <div align="right"><?php echo $lists['icon_align']; ?></div></td>
</tr>
<tr class="swmenu_menubackgr">
<td>Top Offset:</td>
<td> <div align="right">
<?php echo $lists['icon_top']; ?>px</div></td>
</tr><tr class="swmenu_menubackgr">
<td>Left Offset:</td>
<td> <div align="right">
<?php echo $lists['icon_left']; ?>px</div></td>
</tr>
<tr>
<td colspan="2" class="swmenu_tabheading2"><div class="top-accord_opened"><?php echo "Accordion Menu Settings"; ?></div></td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_EXPAND_ALL; ?>:</td>
<td>
<?php echo $lists['expand_all']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo _SW_DISABLE_PARENT_LINKS; ?>:</td>
<td>
<?php echo $lists['disable_parent']; ?> </td>
</tr>
</table></td><td valign="top" align="center"><table cellpadding="0" cellspacing="0" width="98%" border="0">
<tr>
<td colspan="2" class="swmenu_tabheading2"><div class="top-accord_opened"><?php echo "Remove Styles"; ?></div></td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Sub Indicators"; ?>:</td>
<td>
<?php echo $lists['disable_top_sub_indicator']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Sub Indicators"; ?>:</td>
<td>
<?php echo $lists['disable_sub_sub_indicator']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Hover Background"; ?>:</td>
<td>
<?php echo $lists['disable_top_hover_background']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Hover Background"; ?>:</td>
<td>
<?php echo $lists['disable_sub_hover_background']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Box Shadow"; ?>:</td>
<td>
<?php echo $lists['disable_top_box_shadow']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Box Shadow"; ?>:</td>
<td>
<?php echo $lists['disable_sub_box_shadow']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Item Shadow"; ?>:</td>
<td>
<?php echo $lists['disable_top_item_shadow']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Item Shadow"; ?>:</td>
<td>
<?php echo $lists['disable_sub_item_shadow']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Box Corner"; ?>:</td>
<td>
<?php echo $lists['disable_top_box_corner']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Box Corner"; ?>:</td>
<td>
<?php echo $lists['disable_sub_box_corner']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Item Corner"; ?>:</td>
<td>
<?php echo $lists['disable_top_item_corner']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Item Corner"; ?>:</td>
<td>
<?php echo $lists['disable_sub_item_corner']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Box Border"; ?>:</td>
<td>
<?php echo $lists['disable_top_box_border']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Box Border"; ?>:</td>
<td>
<?php echo $lists['disable_sub_box_border']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Item Border"; ?>:</td>
<td>
<?php echo $lists['disable_top_item_border']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Item Border"; ?>:</td>
<td>
<?php echo $lists['disable_sub_item_border']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Item Margin"; ?>:</td>
<td>
<?php echo $lists['disable_top_item_margin']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Item Margin"; ?>:</td>
<td>
<?php echo $lists['disable_sub_item_margin']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Box Padding"; ?>:</td>
<td>
<?php echo $lists['disable_top_box_padding']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Box Padding"; ?>:</td>
<td>
<?php echo $lists['disable_sub_box_padding']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Top Menu Item Padding"; ?>:</td>
<td>
<?php echo $lists['disable_top_item_padding']; ?> </td>
</tr>
<tr class="swmenu_menubackgr">
<td valign="top"><?php echo "Sub Menu Item Padding"; ?>:</td>
<td>
<?php echo $lists['disable_sub_item_padding']; ?> </td>
</tr>
</table></td></tr>
<tr><td colspan="2" class="joomla_btn" align="right">
<a style="font-size:16px;margin-top:20px;" href="javascript:void(0)" onclick="do_responsive_preview();" >Preview Responsive Menu</a>
</td></tr>
</table></div></td></tr>
</table></td>
</tr>
</table>
</div>
<div id="page7" class="pagetext">
<div id="images_message"></div>
<div id="images_window">
<?php
HTML_swmenupro::imageConfig3( $ordered,$row2,$lists,$rows);
?>
</div>
</div>
<input type="hidden" name="title" id="title" value="<?php echo $row2->title; ?>" />
<input type="hidden" id="border_hack" name="border_hack" value="0" />
<input type="hidden" name="option" value="com_swmenupro" />
<input type="hidden" name="tmpl" id="tmpl" value="index" />
<input type="hidden" name="no_html" id="no_html" value="0" />
<input type="hidden" name="menustyle" id="menustyle" value="css3menu" />
<input type="hidden" name="task" value="editdhtmlMenu" />
<input type="hidden" name="id" id="id" value="<?php echo $row2->id; ?>">
<input type="hidden" name="top_font_face" id="top_font_face" value="<?php echo @$rows->top_font_face; ?>">
<input type="hidden" name="sub_font_face" id="sub_font_face" value="<?php echo @$rows->sub_font_face; ?>">
<input type="hidden" name="limit" id="limit" value="<?php echo @$rows->limit; ?>">
<input type="hidden" name="limitstart" id="limitstart" value="<?php echo @$rows->limitstart; ?>">
<input type="hidden" name="preview" value="1" />
<input type="hidden" name="returntask" value="save" />
<input type="hidden" id="defaultfolder" name="defaultfolder" value="<?php echo @$rows->defaultfolder?@$rows->defaultfolder:"swmenupro"; ?>" />
</form>
<div id="preview_pane" >
<div id="preview_div" align="center" >
<div align="<?php echo @$rows->position; ?>" id="top_outer_preview" ><span class="swmenu_name" id="top_drag" style="font-size:12px;margin-bottom:4px;display:block" >
<img style="float:left" src="components/com_swmenupro/images/drag_icon.png" hspace="5"/>Top Menu Preview
<span style="float:right;"><input name="top_preview_background" onChange="jQuery('#top_outer_preview').css('background-color',this.value);" type="text" id="top_preview_background" value="" size="8" class="color {hash:true,required:false,pickerOnfocus:false,pickerClosable:true}"/>
<a onMouseOver="this.style.cursor='pointer'" onClick="document.getElementById('top_preview_background').color.showPicker()"><img src="components/com_swmenupro/images/sel.gif"/><?php echo _SW_GET; ?></a>
<a onMouseOver="this.style.cursor='pointer'" onClick="jQuery('#top_outer_preview').css('background-color','transparent');jQuery('#top_preview_background').css('background-color','transparent');jQuery('#top_preview_background').val('')"><img src="components/com_swmenupro/images/clear.png"/><?php echo _SW_CLEAR; ?></a>
</span></span><br />
<ul id="top_preview_outer">
<li class="top_preview_item"><a class="top_preview normal first" id="top_preview_normal"><?php echo "Top Item"; ?></a></li>
<li class="top_preview_item"><a class="top_preview" id="top_preview_hover"><?php echo "Top Item :Hover"; ?></a>
</li>
<li class="top_preview_item"><a class="top_preview" id="top_preview_active"><?php echo "Top Item :Active"; ?></a></li>
<li class="top_preview_item"><a class="top_preview last normal" id="top_preview_normal2"><?php echo "Top Item"; ?></a></li>
</ul>
</div>
<div align="center" id="sub_outer_preview" ><span class="swmenu_name" id="sub_drag" style="font-size:12px;margin-bottom:4px;display:block">
<img style="float:left" src="components/com_swmenupro/images/drag_icon.png" hspace="5"/>Sub Menu Preview
<span style="float:right" >
<input name="sub_preview_background" onChange="jQuery('#sub_outer_preview').css('background-color',this.value);" type="text" id="sub_preview_background" value="" size="8" class="color {hash:true,required:false,pickerOnfocus:false,pickerClosable:true}"/>
<a onMouseOver="this.style.cursor='pointer'" onClick="document.getElementById('sub_preview_background').color.showPicker()"><img src="components/com_swmenupro/images/sel.gif"/><?php echo _SW_GET; ?></a>
<a onMouseOver="this.style.cursor='pointer'" onClick="jQuery('#sub_outer_preview').css('background-color','transparent');jQuery('#sub_preview_background').css('background-color','transparent');jQuery('#sub_preview_background').val('')"><img src="components/com_swmenupro/images/clear.png"/><?php echo _SW_CLEAR; ?></a>
</span></span><br />
<ul id="sub_preview_outer">
<li> <a class="sub_preview level1 first normal" id="sub_preview_normal"><?php echo "Sub Item"; ?></a></li>
<li> <a class="sub_preview level1 hover" id="sub_preview_hover"><?php echo "Sub Item Hover"; ?></a></li>
<li><a class="sub_preview level1 active" id="sub_preview_active"><?php echo "Sub Item Active"; ?></a></li>
<li><a class="sub_preview level1 last normal" id="sub_preview_normal3"><?php echo "Sub Item"; ?></a></li>
</ul>
</div>
<br clear="all">
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript" src="components/com_swmenupro/js/wz_tooltip.js"></script>
<script language="javascript" type="text/javascript">
<!--
dhtml.onTabStyle='swmenu_ontab';
dhtml.offTabStyle='swmenu_offtab';
dhtml.cycleTab('tab6');
-->
</script>
<script type="text/javascript">
<!--
function change_orientation(orientation){
// var str = document.getElementById('orientation').value;
// var orientation = str.substring(0,10);
//doTopMargin;
if(orientation=="horizontal"){
jQuery('#horizontal_image').attr("src","components/com_swmenupro/images/horizontal_tick.png");
jQuery('#vertical_image').attr("src","components/com_swmenupro/images/vertical.png");
jQuery('#horizontal_button').addClass('selected');
jQuery('#vertical_button').removeClass('selected');
jQuery('#top_outer_preview').css('float','none');
jQuery('#top_outer_preview').css('width','790px');
jQuery('#sub_outer_preview').css('width','395px');
jQuery('#sub_outer_preview').css('float','none');
jQuery('.top_preview').css('float','left');
jQuery('.top_preview').css('display','inline-table');
jQuery('#top_preview_outer li').css('float','left');
jQuery('#top_preview_outer li').css('display','inline-table');
}else{
jQuery('#horizontal_image').attr("src","components/com_swmenupro/images/horizontal.png");
jQuery('#vertical_image').attr("src","components/com_swmenupro/images/vertical_tick.png");
jQuery('#horizontal_button').removeClass('selected');
jQuery('#vertical_button').addClass('selected');
// jQuery('#sub_preview_outer').prev().remove();
jQuery('#top_outer_preview').css('float','left');
jQuery('#top_outer_preview').css('width','395px');
jQuery('#sub_outer_preview').css('width','395px');
// jQuery('#top_outer_preview').css('margin-left','30px');
jQuery('#sub_outer_preview').css('float','right');
jQuery('.top_preview').css('float','none');
jQuery('.top_preview').css('display','block');
jQuery('#top_preview_outer li').css('float','none');
jQuery('#top_preview_outer li').css('display','block');
}
jQuery('#orientation').val(orientation);
do_top_corner();
doMainBorder();
}
jQuery("div#successful").corner();
setTimeout(function(){
jQuery("div#successful").fadeOut("slow", function () {
jQuery("div#successful").remove();
});
}, 3000);
// jQuery('#toolbar-box').remove();
jQuery('#font_family').jec();
jQuery('#sub_font_family').jec();
jQuery('#top_outer_preview').draggable({
stop: function( event, ui ) {
x=jQuery('#top_outer_preview').offset();
jQuery('#top_outer_preview').css('position','absolute');
jQuery('#top_outer_preview').css('top',x.top+'px');
jQuery('#top_outer_preview').css('left',x.left+'px');
//jQuery('#top_outer_preview').css('z-index','10000');
if(jQuery('#orientation').val()=="vertical"){
jQuery('#top_outer_preview').css('width','395px');
}
},
handle: '#top_drag'
// stack:'#swmenu_main_container';
});
jQuery('#sub_outer_preview').draggable({
stop: function( event, ui ) {
x=jQuery('#sub_outer_preview').offset();
jQuery('#sub_outer_preview').css('position','absolute');
jQuery('#sub_outer_preview').css('top',x.top+'px');
jQuery('#sub_outer_preview').css('left',x.left+'px');
jQuery('#sub_outer_preview').css('width','395px');
// jQuery('#sub_outer_preview').css('z-index','10000');
// alert(x.top);
},
handle: '#sub_drag'
// stack:'#swmenu_main_container';
});
jQuery('.sw_joomla_button').corner();
// jQuery('.sw_upgrade_button').corner();
jQuery('#swmenu_main_container').corner('tl tr');
jQuery('.swmenu_offtab').corner('tl tr');
// jQuery('.swmenu_tabheading2').corner('tl tr');
jQuery('.swmenu_ontab').corner('tl tr');
//doShadow();
doSliders();
change_orientation(jQuery('#orientation').val());
jQuery('#t_google_font').css('font-family',jQuery('#t_google_font').val());
jQuery('#s_google_font').css('font-family',jQuery('#s_google_font').val());
do_sub_corner();
do_top_corner();
do_complete_corner();
do_sub_inside_corner();
do_c_width();
main_width=jQuery('#main_width').val();
if(main_width==0){document.getElementById('t_width_auto').checked=true;do_t_width_auto();}
main_height=jQuery('#main_height').val();
if(main_height==0){document.getElementById('t_height_auto').checked=true;do_t_width_auto();}
sub_width=jQuery('#sub_width').val();
if(sub_width==0){document.getElementById('s_width_auto').checked=true;do_s_width_auto();}
sub_height=jQuery('#sub_height').val();
if(sub_height==0){document.getElementById('s_height_auto').checked=true;do_s_width_auto();}
-->
</script>
<script type="text/javascript">
<!--
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
ddaccordion.init({
headerclass: 'top-accord',
contentclass: 'top-accord-content',
revealtype:'click',
mouseoverdelay: 321,
collapseprev: false,
defaultexpanded: [],
onemustopen: false,
animatedefault: false,
persiststate: false,
toggleclass: ['','act'],
togglehtml: ["prefix", "<img src='components/com_swmenupro/images/ic_plus.png' hspace='6' border='0' />", "<img src='components/com_swmenupro/images/ic_minus.png' hspace='6' border='0' />"],
animatespeed:'normal',
oninit:function(headers, expandedindices){ },
onopenclose:function(header, index, state, isuseractivated){ }
})
jQuery(document).ready(function($){
//ddaccordion.expandall('top-accord');
});
//-->
</script>
<?php
}
?>