<?php

include_once 'ressources/class.templates.inc';
include_once 'ressources/class.ldap.inc';
include_once 'ressources/class.users.menus.inc';
include_once 'ressources/class.main_cf.inc';
$usersmenus = new usersMenus();
if ($usersmenus->AsPostfixAdministrator == false) {
    header('location:users.index.php');
    exit;
}
if (isset($_GET["script"])) {
    ajax_js();
    exit;
}
if (isset($_GET["ajax-pop"])) {
    ajax_pop();
    exit;
}
if (isset($_GET["ajax-tabs"])) {
    ajax_tabs();
    exit;
}
if (isset($_GET["message_size_limit"])) {
    save();
    exit;
}
if (isset($_GET["PostfixNotifyMessagesRestrictions"])) {
    PostfixNotifyMessagesRestrictions_save();
    exit;
}
Ejemplo n.º 2
0
	}
	writelogs($_SERVER['QUERY_STRING'],null,__FILE__);
	if(isset($_GET["status"])){page_status();exit;}
	if(isset($_GET["section"])){main_page();exit;}
	if(isset($_GET["script"])){main_select_scripts();exit;}
	if(isset($_GET["popup"])){main_select_popups();exit;}
	if(isset($_GET["TrustLocalHost"])){trustlocal_save();exit;}
	if(isset($_GET["ip_from"])){localnetwork_save();exit;}
	if(isset($_GET["ip_delete"])){localnetwork_del();exit;}
	if(isset($_GET["D_EXPLAIN"])){filterbehavior_explain();exit;}
	if(isset($_GET["INI_SAVE"])){INI_SAVE();exit;}
	if(isset($_GET["saveToServer"])){apply_popup2();exit;}
	if(isset($_GET["add_exts"])){filterextension_add();exit;}
	if(isset($_GET["del_ext"])){filterextension_del();exit;}
	if(isset($_GET["EnableAmavisBackup"])){backup_save();exit;}
	if(isset($_GET["ajax"])){ajax_js();exit;}
	if(isset($_GET["ajax-pop"])){ajax_popup();exit;}
	if(isset($_GET["sanesecurity-js"])){sanesecurity_js();exit;}
	if(isset($_GET["sanesecurity-popup"])){sanesecurity_popup();exit;}
	if(isset($_GET["sanesecurity_enable"])){sanesecurity_enable();exit;}
	if(isset($_GET["altermime-js"])){altermime_js();exit;}
	if(isset($_GET["altermime-popup"])){altermime_popup();exit;}
	if(isset($_GET["altermime_enable"])){altermime_enable();exit;}
	if(isset($_GET["altermime-disclaimer"])){altermime_disclaimer();exit;}
	if(isset($_GET["altermime-tinymce"])){altermime_disclaimer();exit;}
	if(isset($_POST["AlterMimeHTMLDisclaimer"])){altermime_disclaimer();exit();}
	if(isset($_GET["log_level"])){log_level_save();exit;}
	
	if(isset($_GET["hooking-js"])){hooking_js();exit;}
	if(isset($_GET["hooking-popup"])){hooking_popup();exit;}
	if(isset($_GET["EnableAmavisInMasterCF"])){hooking_save();exit;}
<?php
	include_once('ressources/class.templates.inc');
	include_once('ressources/class.ldap.inc');
	include_once('ressources/class.users.menus.inc');
	include_once('ressources/class.main_cf.inc');
	$usersmenus=new usersMenus();
if($usersmenus->AsPostfixAdministrator==false){header('location:users.index.php');exit;}


		if(isset($_GET["script"])){ajax_js();exit;}
		if(isset($_GET["ajax-pop"])){ajax_pop();exit;}
		if(isset($_GET["message_size_limit"])){save();exit;}
		if(isset($_GET["PostfixNotifyMessagesRestrictions"])){PostfixNotifyMessagesRestrictions_save();exit;}
		if(isset($_GET["ArticaPolicyFilterMaxRCPTInternalDomainsOnly"])){ArticaPolicyFilterMaxRCPTInternalDomainsOnly_save();exit;}
		
		
		

function ajax_js(){
	$page=CurrentPageName();
	$tpl=new templates();
	$title=$tpl->_ENGINE_parse_body('{messages_restriction}');
	$html="
	var x='$x';
	$datas
	function LoadMain(){
		YahooWinS(550,'$page?ajax-pop=yes','$title');
	}
	
	
		
Ejemplo n.º 4
0
function edit_map()
{
    $path_site2 = plugins_url("../images", __FILE__);
    ?>
	<style>
		.free_version_banner {
			position:relative;
			display:block;
			background-image:url(<?php 
    echo $path_site2;
    ?>
/wp_banner_bg.jpg);
			background-position:top left;
			backround-repeat:repeat;
			overflow:hidden;
		}
		
		.free_version_banner .manual_icon {
			position:absolute;
			display:block;
			top:15px;
			left:15px;
		}
		
		.free_version_banner .usermanual_text {
                        font-weight: bold !important;
			display:block;
			float:left;
			width:270px;
			margin-left:75px;
			font-family:'Open Sans',sans-serif;
			font-size:12px;
			font-weight:300;
			font-style:italic;
			color:#ffffff;
			line-height:10px;
                        margin-top: 0;
                        padding-top: 15px;
		}
		
		.free_version_banner .usermanual_text a,
		.free_version_banner .usermanual_text a:link,
		.free_version_banner .usermanual_text a:visited {
			display:inline-block;
			font-family:'Open Sans',sans-serif;
			font-size:17px;
			font-weight:600;
			font-style:italic;
			color:#ffffff;
			line-height:30.5px;
			text-decoration:underline;
		}
		
		.free_version_banner .usermanual_text a:hover,
		.free_version_banner .usermanual_text a:focus,
		.free_version_banner .usermanual_text a:active {
			text-decoration:underline;
		}
		
		.free_version_banner .get_full_version,
		.free_version_banner .get_full_version:link,
		.free_version_banner .get_full_version:visited {
                        padding-left: 60px;
                        padding-right: 4px;
			display: inline-block;
                        position: absolute;
                        top: 15px;
                        right: calc(50% - 167px);
                        height: 38px;
                        width: 268px;
                        border: 1px solid rgba(255,255,255,.6);
                        font-family: 'Open Sans',sans-serif;
                        font-size: 23px;
                        color: #ffffff;
                        line-height: 43px;
                        text-decoration: none;
                        border-radius: 2px;
		}
		
		.free_version_banner .get_full_version:hover {
			background:#ffffff;
			color:#bf1e2e;
			text-decoration:none;
			outline:none;
		}
		
		.free_version_banner .get_full_version:focus,
		.free_version_banner .get_full_version:active {
			
		}
		
		.free_version_banner .get_full_version:before {
			content:'';
			display:block;
			position:absolute;
			width:33px;
			height:23px;
			left:25px;
			top:9px;
			background-image:url(<?php 
    echo $path_site2;
    ?>
/wp_shop.png);
			background-position:0px 0px;
			background-repeat;
		}
		
		.free_version_banner .get_full_version:hover:before {
			background-position:0px -27px;
		}
		
		.free_version_banner .huge_it_logo {
			float:right;
			margin:15px 15px;
		}
		
		.free_version_banner .description_text {
                        padding:0 0 13px 0;
			position:relative;
			display:block;
			width:100%;
			text-align:center;
			float:left;
			font-family:'Open Sans',sans-serif;
			color:#fffefe;
			line-height:inherit;
		}
                .free_version_banner .description_text p{
                        margin:0;
                        padding:0;
                        font-size: 14px;
                }
		</style>
	<div class="free_version_banner">
		<img class="manual_icon" src="<?php 
    echo $path_site2;
    ?>
/icon-user-manual.png" alt="user manual" />
		<p class="usermanual_text">If you have any difficulties in using the options, Follow the link to <a href="http://huge-it.com/wordpress-google-map-user-manual/" target="_blank">User Manual</a></p>
		<a class="get_full_version" href="http://huge-it.com/google-map" target="_blank">GET THE FULL VERSION</a>
                <a href="http://huge-it.com" target="_blank"><img class="huge_it_logo" src="<?php 
    echo $path_site2;
    ?>
/Huge-It-logo.png"/></a>
                <div style="clear: both;"></div>
		<div  class="description_text"><p>This is the free version of the plugin. Click "GET THE FULL VERSION" for more advanced options.   We appreciate every customer.</p></div>
	</div>
	<?php 
    require_once "marker_func.php";
    require_once "polygone_func.php";
    require_once "polyline_func.php";
    require_once "circle_func.php";
    maps_js($_GET['id']);
    marker_js($_GET['id']);
    polygone_js($_GET['id']);
    polyline_js($_GET['id']);
    circle_js($_GET['id']);
    ajax_js($_GET['id']);
    global $wpdb;
    $sql = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "g_maps WHERE id=%s", $_GET['id']);
    $getMap = $wpdb->get_results($sql);
    if (count($getMap) > 0) {
        $id = $_GET['id'];
        if (isset($_POST['map_submit'])) {
            global $wpdb;
            $map_name = $_POST['map_name'];
            $map_zoom = $_POST['map_zoom'];
            $map_center_lat = $_POST['map_center_lat'];
            $map_center_lng = $_POST['map_center_lng'];
            $map_center_addr = $_POST['map_center_addr'];
            $border_radius = $_POST['map_border_radius'];
            $width = $_POST['map_width'];
            $height = $_POST['map_height'];
            $align = $_POST['map_align'];
            if (isset($_POST['map_controller_pan'])) {
                $pan_controller = $_POST['map_controller_pan'];
            } else {
                $pan_controller = "false";
            }
            if (isset($_POST['map_controller_zoom'])) {
                $zoom_controller = $_POST['map_controller_zoom'];
            } else {
                $zoom_controller = "false";
            }
            if (isset($_POST['map_controller_type'])) {
                $type_controller = $_POST['map_controller_type'];
            } else {
                $type_controller = "false";
            }
            if (isset($_POST['map_controller_scale'])) {
                $scale_controller = $_POST['map_controller_scale'];
            } else {
                $scale_controller = "false";
            }
            if (isset($_POST['map_controller_street_view'])) {
                $street_view_controller = $_POST['map_controller_street_view'];
            } else {
                $street_view_controller = "false";
            }
            if (isset($_POST['map_controller_overview'])) {
                $overview_controller = $_POST['map_controller_overview'];
            } else {
                $overview_controller = "false";
            }
            $sql = $wpdb->prepare("UPDATE " . $wpdb->prefix . "g_maps SET pan_controller=%s,zoom_controller=%s,type_controller=%s,scale_controller=%s, street_view_controller=%s,overview_map_controller=%s,border_radius=%s,width=%s,height=%s,align=%s,name=%s,zoom=%s,center_lat=%s, center_lng=%s WHERE id=%s", $pan_controller, $zoom_controller, $type_controller, $scale_controller, $street_view_controller, $overview_controller, $border_radius, $width, $height, $align, $map_name, $map_zoom, $map_center_lat, $map_center_lng, $id);
            $updateMap = $wpdb->query($sql);
            if ($updateMap) {
                header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
            }
        }
        if (isset($_POST['marker_submit'])) {
            $lng = $_POST['marker_location_lng'];
            $lat = $_POST['marker_location_lat'];
            if (!empty($lat) && !empty($lng)) {
                $title = $_POST['marker_title'];
                $animation = $_POST['marker_animation'];
                $description = htmlspecialchars($_POST['marker_description']);
                $image_size = $_POST['marker_image_size'];
                if (!empty($_POST['marker_image_change']) && empty($_POST['marker_pic'])) {
                    $image_size = $_POST['marker_image_size'];
                    $image = $_POST['marker_image_change'];
                    $url = get_home_path();
                    $img = plugins_url("google-map-wp/images/icons/" . $image . "" . $image_size . ".png");
                }
                if (empty($_POST['marker_image_change']) && !empty($_POST['marker_pic'])) {
                    $img = $_POST['marker_pic_name'];
                }
                if (!empty($_POST['marker_image_change']) && !empty($_POST['marker_pic'])) {
                    $img = $_POST['marker_pic_name'];
                }
                $sql = $wpdb->prepare("INSERT INTO " . $wpdb->prefix . "g_markers (map,title, animation,lat, lng, description, img, size) VALUES (%s,%s,%s,%s,%s,%s,%s,%s)", $id, $title, $animation, $lat, $lng, $description, $img, $image_size);
                $insertMarker = $wpdb->query($sql);
                if ($insertMarker) {
                    header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
                }
            }
        }
        if (isset($_POST['marker_edit_submmit'])) {
            $lng = $_POST['marker_edit_location_lng'];
            $lat = $_POST['marker_edit_location_lat'];
            $title = $_POST['marker_edit_title'];
            $animation = $_POST['marker_edit_animation'];
            $id = $_POST['marker_get_id'];
            $description = $_POST['marker_edit_description'];
            $image_size = $_POST['marker_edit_image_size'];
            if (!empty($_POST['marker_edit_image_change']) && empty($_POST['marker_edit_pic'])) {
                $image_size = $_POST['marker_edit_image_size'];
                $image = $_POST['marker_edit_image_change'];
                $url = get_home_path();
                $img = plugins_url("google-map-wp/images/icons/" . $image . "" . $image_size . ".png");
            }
            if (empty($_POST['marker_edit_image_change']) && !empty($_POST['marker_edit_pic'])) {
                $img = $_POST['marker_edit_pic_name'];
            }
            if (!empty($_POST['marker_edit_image_change']) && !empty($_POST['marker_edit_pic'])) {
                $img = $_POST['marker_edit_pic_name'];
            }
            if (empty($_POST['marker_edit_image_change']) && empty($_POST['marker_edit_pic'])) {
                $getMarkerImg = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "g_markers WHERE id=%s", $id));
                foreach ($getMarkerImg as $markerImg) {
                    $img = $markerImg->img;
                }
            }
            $sql = $wpdb->prepare("UPDATE " . $wpdb->prefix . "g_markers SET title=%s,size=%s, lat=%s, lng=%s, animation=%s, img=%s WHERE id=%s", $title, $image_size, $lat, $lng, $animation, $img, $id);
            $updateMarker = $wpdb->query($sql);
            if ($updateMarker) {
                header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
            }
        }
        if (isset($_POST['polygone_submit'])) {
            if (!empty($_POST['polygone_coords'])) {
                global $wpdb;
                $id = $_GET['id'];
                $coords = $_POST['polygone_coords'];
                $line_opacity = $_POST['polygone_line_opacity'];
                $line_width = $_POST['polygone_line_width'];
                $line_color = $_POST['polygone_line_color'];
                $fill_opacity = $_POST['polygone_fill_opacity'];
                $fill_color = $_POST['polygone_fill_color'];
                $hover_line_opacity = $_POST['hover_polygone_line_opacity'];
                $hover_line_color = $_POST['hover_polygone_line_color'];
                $hover_fill_opacity = $_POST['hover_polygone_fill_opacity'];
                $hover_fill_color = $_POST['hover_polygone_fill_color'];
                $polygone_name = $_POST['polygone_name'];
                $sql = $wpdb->prepare("INSERT INTO " . $wpdb->prefix . "g_polygones (map , name, data ,hover_line_opacity ,hover_line_color,hover_fill_opacity ,hover_fill_color  , line_opacity , line_color , fill_opacity , fill_color, line_width) VALUES (%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s)", $id, $polygone_name, $coords, $hover_line_opacity, $hover_line_color, $hover_fill_opacity, $hover_fill_color, $line_opacity, $line_color, $fill_opacity, $fill_color, $line_width);
                $insertPolygone = $wpdb->query($sql);
                if ($insertPolygone) {
                    header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
                }
            }
        }
        if (isset($_POST['polygone_edit_submit'])) {
            $id = $_POST['polygone_get_id'];
            $url = $_POST['polygone_edit_url'];
            $coords = $_POST['polygone_edit_coords'];
            $line_opacity = $_POST['polygone_edit_line_opacity'];
            $line_width = $_POST['polygone_edit_line_width'];
            $line_color = $_POST['polygone_edit_line_color'];
            $fill_opacity = $_POST['polygone_edit_fill_opacity'];
            $fill_color = $_POST['polygone_edit_fill_color'];
            $hover_line_opacity = $_POST['hover_polygone_edit_line_opacity'];
            $hover_line_color = $_POST['hover_polygone_edit_line_color'];
            $hover_fill_opacity = $_POST['hover_polygone_edit_fill_opacity'];
            $hover_fill_color = $_POST['hover_polygone_edit_fill_color'];
            $polygone_name = $_POST['polygone_edit_name'];
            //echo $id.",".$coords.",".$line_color.",".$line_opacity.",".$line_width.",".$fill_opacity.",".$fill_color.",".$polygone_name;
            $sql = $wpdb->prepare("UPDATE " . $wpdb->prefix . "g_polygones SET hover_line_opacity=%s,hover_line_color=%s,hover_fill_opacity=%s,hover_fill_color=%s,  name=%s, data=%s, line_opacity=%s, line_color=%s, line_width=%s, fill_opacity=%s, fill_color=%s WHERE id=%s", $hover_line_opacity, $hover_line_color, $hover_fill_opacity, $hover_fill_color, $polygone_name, $coords, $line_opacity, $line_color, $line_width, $fill_opacity, $fill_color, $id);
            $updatePolygone = $wpdb->query($sql);
            if ($updatePolygone) {
                header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
            } else {
                echo "nope";
            }
        }
        if (isset($_POST['polyline_submit'])) {
            global $wpdb;
            $id = $_GET['id'];
            $coords = $_POST['polyline_coords'];
            $line_opacity = $_POST['polyline_line_opacity'];
            $line_color = $_POST['polyline_line_color'];
            $line_width = $_POST['polyline_line_width'];
            $hover_line_color = $_POST['hover_polyline_line_color'];
            $hover_line_opacity = $_POST['hover_polyline_line_opacity'];
            $polyline_name = $POST['polyline_name'];
            $sql = $wpdb->prepare("INSERT INTO " . $wpdb->prefix . "g_polylines (map , name , data ,hover_line_color ,hover_line_opacity , line_opacity , line_color , line_width) VALUES (%s,%s,%s,%s,%s,%s,%s,%s)", $id, $polyline_name, $coords, $hover_line_color, $hover_line_opacity, $line_opacity, $line_color, $line_width);
            $insertPolyline = $wpdb->query($sql);
            if ($insertPolyline) {
                header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
            }
        }
        if (isset($_POST['polyline_edit_submit'])) {
            $id = $_POST['polyline_get_id'];
            $coords = $_POST['polyline_edit_coords'];
            $line_opacity = $_POST['polyline_edit_line_opacity'];
            $line_width = $_POST['polyline_edit_line_width'];
            $line_color = $_POST['polyline_edit_line_color'];
            $hover_line_color = $_POST['hover_polyline_edit_line_color'];
            $hover_line_opacity = $_POST['hover_polyline_edit_line_opacity'];
            $name = $_POST['polyline_edit_name'];
            $sql = $wpdb->prepare("UPDATE " . $wpdb->prefix . "g_polylines SET name=%s, data=%s,hover_line_color=%s,hover_line_opacity=%s, line_opacity=%s, line_color=%s,line_width=%s WHERE id=%s", $name, $coords, $hover_line_color, $hover_line_opacity, $line_opacity, $line_color, $line_width, $id);
            $updatePolyline = $wpdb->query($sql);
            if ($updatePolyline) {
                header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
            }
        }
        if (isset($_POST['circle_submit'])) {
            global $wpdb;
            $id = $_GET['id'];
            $name = $_POST['circle_name'];
            $center_lat = $_POST['circle_center_lat'];
            $center_lng = $_POST['circle_center_lng'];
            $radius = $_POST['circle_radius'];
            $line_width = $_POST['circle_line_width'];
            $line_color = $_POST['circle_line_color'];
            $line_opacity = $_POST['circle_line_opacity'];
            $fill_color = $_POST['circle_fill_color'];
            $fill_opacity = $_POST['circle_fill_opacity'];
            $hover_line_color = $_POST['hover_circle_line_color'];
            $hover_line_opacity = $_POST['hover_circle_line_opacity'];
            $hover_fill_color = $_POST['hover_circle_fill_color'];
            $hover_fill_opacity = $_POST['hover_circle_fill_opacity'];
            $show_marker = $_POST['circle_marker_show'];
            $sql = $wpdb->prepare("INSERT INTO " . $wpdb->prefix . "g_circles (map, name, center_lat, center_lng, radius ,hover_line_color ,hover_line_opacity ,hover_fill_color ,hover_fill_opacity , line_width, line_color, line_opacity, fill_color, fill_opacity, show_marker) VALUES(%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s,%s)", $id, $name, $center_lat, $center_lng, $radius, $hover_line_color, $hover_line_opacity, $hover_fill_color, $hover_fill_opacity, $line_width, $line_color, $line_opacity, $fill_color, $fill_opacity, $show_marker);
            $insertCircle = $wpdb->query($sql);
            if ($insertCircle) {
                header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
            }
        }
        if (isset($_POST['circle_edit_submit'])) {
            $id = $_POST['circle_get_id'];
            $name = $_POST['circle_edit_name'];
            $center_lat = $_POST['circle_edit_center_lat'];
            $center_lng = $_POST['circle_edit_center_lng'];
            $radius = $_POST['circle_edit_radius'];
            $line_width = $_POST['circle_edit_line_width'];
            $line_color = $_POST['circle_edit_line_color'];
            $line_opacity = $_POST['circle_edit_line_opacity'];
            $fill_color = $_POST['circle_edit_fill_color'];
            $fill_opacity = $_POST['circle_edit_fill_opacity'];
            $hover_line_color = $_POST['hover_circle_edit_line_color'];
            $hover_line_opacity = $_POST['hover_circle_edit_line_opacity'];
            $hover_fill_color = $_POST['hover_circle_edit_fill_color'];
            $hover_fill_opacity = $_POST['hover_circle_edit_fill_opacity'];
            $show_marker = $_POST['circle_edit_marker_show'];
            $sql = $wpdb->prepare("UPDATE " . $wpdb->prefix . "g_circles SET hover_line_color=%s, hover_line_opacity=%s,hover_fill_color=%s,hover_fill_opacity=%s,name=%s, center_lat=%s, center_lng=%s, radius=%s,line_width=%s,line_color=%s,line_opacity=%s,fill_color=%s,fill_opacity=%s,show_marker=%s WHERE id=%s", $hover_line_color, $hover_line_opacity, $hover_fill_color, $hover_fill_opacity, $name, $center_lat, $center_lng, $radius, $line_width, $line_color, $line_opacity, $fill_color, $fill_opacity, $show_marker, $id);
            $updateCircle = $wpdb->query($sql);
            if ($updateCircle) {
                header('Location:admin.php?page=hugeitgooglemaps_main&id=' . $_GET['id'] . '&task=edit_cat&cat_edited=true');
            } else {
                echo "nope";
            }
        }
        ?>
		<script>
			jQuery(document).ready(function(){
				jQuery('input[data-slider="true"]').bind("slider:changed", function (event, data) {
					 jQuery(this).parent().find('span').html(data.value);
					 jQuery(this).val(data.value);
				});	
				jQuery('#map_zoom').bind("slider:changed", function(event, data) {
					 jQuery(this).parent().find('span').html(parseInt(data.value));
					 jQuery(this).val(parseInt(data.value));
					 map_admin_view.setZoom(parseInt(jQuery(this).val()))
				});
				jQuery('#map_width').bind("slider:changed", function(event, data) {
					 jQuery(this).parent().find('span').html(parseInt(data.value)+"%");
					 jQuery(this).val(parseInt(data.value));
				});	
			})
		</script>
			<?php 
        if (isset($_GET['cat_edited'])) {
            if ($_GET['cat_edited'] == "true") {
                ?>
							<div class="updated">
								Map saved succefully
							</div>
						<?php 
            }
        }
        ?>
			<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post" name="adminform" id="adminform">
				<input type="hidden" name="map_id" id="map_id" value="<?php 
        echo $_GET['id'];
        ?>
" />
				<div class="map_heading">
					<ul class="maps_list">
						<?php 
        $sql = "SELECT * FROM " . $wpdb->prefix . "g_maps ORDER BY id ASC";
        $getAll = $wpdb->get_results($sql);
        if (count($getAll) > 0) {
            foreach ($getAll as $mapname) {
                if ($mapname->id == $_GET['id']) {
                    ?>
										<li class="active">
											<input type="text" name="map_name_tab" maxlength="250" id="map_name_tab" value="<?php 
                    echo $mapname->name;
                    ?>
" />
											
										</li>
										<style>
											#adminform .map_heading ul .active input{
												background:url(<?php 
                    echo plugins_url("../images/edit1.png", __FILE__);
                    ?>
) right center no-repeat #fff !important;
											}
										</style>
									<?php 
                } else {
                    ?>
										<li>
											<a href="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
                    echo $mapname->id;
                    ?>
"><?php 
                    echo $mapname->name;
                    ?>
</a>
										</li>
									<?php 
                }
            }
        }
        $id = $_GET['id'];
        ?>
							<li>
								<a class="new_map_button" href="admin.php?page=hugeitgooglemaps_main&task=add_cat">+</a>
							</li>
					</ul>
				</div>
			</form>
				
					<?php 
        $id = $_GET['id'];
        $sql = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "g_maps WHERE id=%s", $id);
        $thisMap = $wpdb->get_row($sql);
        $type = $thisMap->type;
        ?>
					<div class="admin_edit_section_container" >
						
						<ul class="admin_edit_section">
							<li class="editing_section ">
								<div class="editing_heading">
									General Options
									<div class="help">?
										<div class="help-block">
											<span class="pnt"></span>
											<p>General Options of current map</p>
										</div>
									</div>
									<span class="heading_arrow">▼</span>
								</div>
								<div class="edit_content map_options hide">
									<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
										<ul>
											<li class="has_background">
												<label for="map_name">Map Name</label>
												<input type="text" name="map_name" id="map_name" value="<?php 
        echo $thisMap->name;
        ?>
" />
											</li>
											
											<li>
												<label for="map_controller_pan">Enable Pan-Controller</label>
												<input type="checkbox" class="map_controller_input" id="map_controller_pan" name="map_controller_pan" value="true" <?php 
        if ($thisMap->pan_controller == "true") {
            echo "checked='checked'";
        }
        ?>
 />
											</li>
											<li class="has_background">
												<label for="map_controller_zoom">Enable Zoom-Controller</label>
												<input type="checkbox" class="map_controller_input" id="map_controller_zoom" name="map_controller_zoom" value="true" <?php 
        if ($thisMap->zoom_controller == "true") {
            echo "checked='checked'";
        }
        ?>
 />
											</li>
											<li>
												<label for="map_controller_type">Enable Map-Type-Controller</label>
												<input type="checkbox" class="map_controller_input" id="map_controller_type" name="map_controller_type" value="true" <?php 
        if ($thisMap->type_controller == "true") {
            echo "checked='checked'";
        }
        ?>
 />
											</li>
											<li class="has_background">
												<label for="map_controller_scale">Enable Scale-Controller</label>
												<input type="checkbox" class="map_controller_input" id="map_controller_scale" name="map_controller_scale" value="true" <?php 
        if ($thisMap->scale_controller == "true") {
            echo "checked='checked'";
        }
        ?>
 />
											</li>
											<li>
												<label for="map_controller_street_view">Enable Street-View-Controller</label>
												<input type="checkbox" class="map_controller_input" id="map_controller_street_view" name="map_controller_street_view" value="true" <?php 
        if ($thisMap->street_view_controller == "true") {
            echo "checked='checked'";
        }
        ?>
 />
											</li>
											<li class="has_background">
												<label for="map_controller_overview">Enable Overview-Map-Controller</label>
												<input type="checkbox" class="map_controller_input" id="map_controller_overview" name="map_controller_overview" value="true" <?php 
        if ($thisMap->overview_map_controller == "true") {
            echo "checked='checked'";
        }
        ?>
 />
											</li>
											<li >
												<label for="map_zoom">Default Zoom</label>
												<div class="slider-container" style="float:left; width:55%; height:25px; ">
													<input name="map_zoom" id="map_zoom" data-slider-highlight="true"  data-slider-values="0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21" type="text" data-slider="true" value="<?php 
        echo $thisMap->zoom;
        ?>
" />
													<span style="position:absolute; top: 4px;left: 160px;"><?php 
        echo $thisMap->zoom;
        ?>
</span>
												</div>
											</li>
											<li class="has_background">
												<label for="min_zoom">Minimum Zoom</label>
												<div class="slider-container" style="float:left; width:55%; height:25px; ">
													<input name="min_zoom" id="min_zoom" data-slider-highlight="true"  data-slider-values="0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21" type="text" data-slider="true" value="<?php 
        echo $thisMap->min_zoom;
        ?>
" />
													<span style="position:absolute; top: 4px;left: 160px;"><?php 
        echo $thisMap->min_zoom;
        ?>
</span>
												</div>
											</li>
											<li>
												<label for="max_zoom">Maximum Zoom</label>
												<div class="slider-container" style="float:left; width:55%; height:25px; ">
													<input name="max_zoom" id="max_zoom" data-slider-highlight="true"  data-slider-values="0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21" type="text" data-slider="true" value="<?php 
        echo $thisMap->max_zoom;
        ?>
" />
													<span style="position:absolute; top: 4px;left: 160px;"><?php 
        echo $thisMap->max_zoom;
        ?>
</span>
												</div>
											</li>
											<li class="has_background">
												<label for="map_center_addr">Center Address</label>
												<input type="text" name="map_center_addr" id="map_center_addr" />
											</li>
											<li>
												<label for="map_center_lat">Center Latitude</label>
												<input type="text" name="map_center_lat" id="map_center_lat" value="<?php 
        echo $thisMap->center_lat;
        ?>
" />
											</li>
											<li class="has_background"> 
												<label for="map_center_lng">Center Longitude</label>
												<input type="text" name="map_center_lng" id="map_center_lng" value="<?php 
        echo $thisMap->center_lng;
        ?>
" />
											</li>
											<li>
												<label for="map_width">Map Width</label>
												<div class="slider-container" style="float:left; width:55%; height:25px; ">
													<input class="front_end_input_options" name="map_width" id="map_width" data-slider-highlight="true"  data-slider-values="0,10,20,30,40,50,60,70,80,90,100" type="text" data-slider="true" value="<?php 
        echo $thisMap->width;
        ?>
" />
													<span style="position:absolute; top: 4px;left: 160px;"><?php 
        echo $thisMap->width;
        ?>
%</span>
												</div>
											</li>
											<li class="has_background">
												<label for="map_height" >Map Height</label>
												<input class="front_end_input_options" type="number" name="map_height" id="map_height" value="<?php 
        echo $thisMap->height;
        ?>
" />
											</li>
											<li>
												<label for="map_align">Map Align</label>
												<select class="front_end_input_options" name="map_align" id="map_align">
													<option value="left" <?php 
        if ($thisMap->align == 'left') {
            echo 'selected';
        }
        ?>
>left</option>
													<option value="center" <?php 
        if ($thisMap->align == 'center') {
            echo 'selected';
        }
        ?>
>center</option>
													<option value="right" <?php 
        if ($thisMap->align == 'right') {
            echo 'selected';
        }
        ?>
>right</option>
												</select>
											</li>
											<li class="has_background">
												<label for="map_border_radius" >Border Radius</label>
												<input class="front_end_input_options" type="number" name="map_border_radius" id="map_border_radius" value="<?php 
        echo $thisMap->border_radius;
        ?>
" />
											</li>
											<li class="pro">
												<label for="wheel_scroll">Wheel Scrolling</label>
												<select class="front_end_input_options" name="wheel_scroll" id="wheel_scroll" readonly="readonly" >
													<option value="true" selected="selected">On</option>
													<option value="false" >Off</option>
												</select>
											</li>
											<li class="has_background pro">
												<label for="map_draggable">Map Draggable</label>
												<select class="front_end_input_options" name="map_draggable" id="map_draggable" readonly="readonly">
													<option value="true" selected="selected" >On</option>
													<option value="false" >Off</option>
												</select>
											</li>
											<li class="pro">
												<label for="map_language">Map Language</label>
												<select class="front_end_input_options" id="map_language" name="map_language">
													<option value="location based" selected="selected">Location Based</option>
													<option value="ar" >Arabic</option>
													<option value="bg" >Bulgarian</option>
													<option value="bn" >Bengali</option>
													<option value="ca" >Catalan</option>
													<option value="cs" >Czech</option>
													<option value="da" >Danish</option>
													<option value="de" >German</option>
													<option value="el" >Greek</option>
													<option value="en" >English</option>
													<option value="en-AU" >English (Australian)</option>
													<option value="en-GB" >English (Great Britain)</option>
													<option value="es" >Spanish</option>
													<option value="eu" >Basque</option>
													<option value="fa">Farsi</option>
													<option value="fi" >Finnish</option>
													<option value="fil">Finnish</option>
													<option value="fr">French</option>
													<option value="gl" >Galician</option>
													<option value="gu" >Gujarati</option>
													<option value="hi" >Hindi</option>
													<option value="hr" >Croatian</option>
													<option value="hu" >Hungarian</option>
													<option value="id" >Indonesian</option>
													<option value="it" >Italian</option>
													<option value="iw" >Hebrew</option>
													<option value="ja" >Japanese</option>
													<option value="kn" >Kannada</option>
													<option value="ko" >Korean</option>
													<option value="lt" >Lithuanian</option>
													<option value="lv" >Latvian</option>
													<option value="ml" >Malayalam</option>
													<option value="mr" >Marathi</option>
													<option value="nl" >Dutch</option>
													<option value="no" >Norwegian</option>
													<option value="pl" >Polish</option>
													<option value="pt" >Portuguese</option>
													<option value="pt-BR" >Portuguese (Brazil)</option>
													<option value="pt-PT" >Portuguese (Portugal)</option>
													<option value="ro" >Romanian</option>
													<option value="ru" >Russian</option>
													<option value="sk" >Slovak</option>
													<option value="sl" >Slovenian</option>
													<option value="sr" >Serbian</option>
													<option value="sv" >Swedish</option>
													<option value="ta" >Tamil</option>
													<option value="te" >Telugu</option>
													<option value="th" >Thai</option>
													<option value="tl" >Tagalog</option>
													<option value="tr" >Turkish</option>
													<option value="uk" >Ukrainian</option>
													<option value="vi" >Vietnamese</option>
													<option value="zh-CN" >Chinese (Simplified)</option>
													<option value="zh-TW" >Chinese (Traditional)</option>
												</select>
											</li>
											<li class="has_background pro">
												<label for="map_animation">Map Animation</label>
												<select id="map_animation" name="map_animation">
													<option value="none" selected="selected">None</option>
													<optgroup label="Attention Seekers">
														<option value="bounce" >bounce</option>
														<option value="flash" >flash</option>
														<option value="pulse" >pulse</option>
														<option value="rubberBand" >rubberBand</option>
														<option value="shake" >shake</option>
														<option value="swing" >swing</option>
														<option value="tada" >tada</option>
														<option value="wobble">wobble</option>
														<option value="jello" >jello</option>
														<option value="rollIn" >rollIn</option>
													</optgroup>
													<optgroup label="Bouncing Entrances">
														<option value="bounceIn" >bounceIn</option>
														<option value="bounceInDown" >bounceInDown</option>
														<option value="bounceInLeft" >bounceInLeft</option>
														<option value="bounceInRight" >bounceInRight</option>
														<option value="bounceInUp" >bounceInUp</option>
													</optgroup>
													<optgroup label="Fading Entrances">
														<option value="fadeIn" >fadeIn</option>
														<option value="fadeInDown" >fadeInDown</option>
														<option value="fadeInDownBig" >fadeInDownBig</option>
														<option value="fadeInLeft" >fadeInLeft</option>
														<option value="fadeInLeftBig" >fadeInLeftBig</option>
														<option value="fadeInRight" >fadeInRight</option>
														<option value="fadeInRightBig" >fadeInRightBig</option>
														<option value="fadeInUp" >fadeInUp</option>
														<option value="fadeInUpBig" >fadeInUpBig</option>
													</optgroup>
													<optgroup label="Flippers">
													<option value="flip" >flip</option>
													<option value="flipInX" >flipInX</option>
													<option value="flipInY" >flipInY</option>
													</optgroup>
													<optgroup label="Rotating Entrances">
														<option value="lightSpeedIn" >lightSpeedIn</option>
														<option value="rotateIn" >rotateIn</option>
														<option value="rotateInDownLeft" >rotateInDownLeft</option>
														<option value="rotateInDownRight" >rotateInDownRight</option>
														<option value="rotateInUpLeft" >rotateInUpLeft</option>
														<option value="rotateInUpRight" >rotateInUpRight</option>
													</optgroup>
													<optgroup label="Sliding Entrances">
														<option value="slideInUp" >slideInUp</option>
														<option value="slideInDown" >slideInDown</option>
														<option value="slideInLeft" >slideInLeft</option>
														<option value="slideInRight" >slideInRight</option>
													</optgroup>
													<optgroup label="Zooming Entrances">
														<option value="zoomIn" >zoomIn</option>
														<option value="zoomInDown" >zoomInDown</option>
														<option value="zoomInLeft"> zoomInLeft</option>
														<option value="zoomInRight" >zoomInRight</option>
														<option value="zoomInUp" >zoomInUp</option>
													</optgroup>
												</select>
											</li>
											
											<li class="pro">
												<label for="map_type" >Map Type</label>
												<select id="map_type" name="map_type" readonly="readonly" >
													<option value="ROADMAP" <?php 
        if ($type == "ROADMAP") {
            echo "selected";
        }
        ?>
 >Roadmap</option>
													<option value="SATELLITE" <?php 
        if ($type == "SATELLITE") {
            echo "selected";
        }
        ?>
 >Satellite</option>
													<option value="HYBRID" <?php 
        if ($type == "HYBRID") {
            echo "selected";
        }
        ?>
 >Hybrid</option>
													<option value="TERRAIN" <?php 
        if ($type == "TERRAIN") {
            echo "selected";
        }
        ?>
 >Terrain</option>
												</select>
											</li>
											<li class="pro has_background">
												<label for="map_infowindow_type" >Marker Infowindow Open On</label>
												<?php 
        $info_type = $thisMap->info_type;
        ?>
												<select id="map_infowindow_type" name="map_infowindow_type"  readonly="readonly"  >
													<option value="click" <?php 
        if ($info_type == "click") {
            echo "selected";
        }
        ?>
 >Click</option>
													<option value="hover" <?php 
        if ($info_type == "hover") {
            echo "selected";
        }
        ?>
 >Hover</option>
												</select>
											</li>
										</ul>
										<input type="submit" class="button-primary" name="map_submit" id="map_submit" value="Save" />
									</form>
								</div>
							</li>
							<li class="markers_editor editing_section">
								<div class="editing_heading">
									Markers
									<div class="help">?
										<div class="help-block">
											<span class="pnt"></span>
											<p>A marker identifies a location on a map. Right-Click on the map to add a Marker. Hold pressed and drag to move it</p>
										</div>
									</div>
									<span class="heading_arrow">▼</span>
								</div>
								<div class="edit_content hide" id="g_map_marker_options">
									<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
										<a class="add_button" id="marker_add_button" href="#">+Add New Marker</a>
										<div class="hidden_edit_content hide">
											<a href="#" id="back_marker" class="cancel left">◄ Back</a>
											<ul>
												<li class="has_background" >
													<label for="marker_location">Address</label>
													<input type="text" id="marker_location" name="marker_location" />
												</li>
												<li >
													<label for="marker_location_lat">Latitude</label> 
													<input type="text" id="marker_location_lat" name="marker_location_lat" />
												</li>
												<li  class="has_background" >
													<label for="marker_location_lng">Longitude </label>
													<input type="text" id="marker_location_lng" name="marker_location_lng" />
												</li>
												<li>
													<label for="marker_animation">Animation</label>
													<select id="marker_animation" name="marker_animation">
														<option checked value="NONE">None</option>
														<option value="BOUNCE">Bounce</option>
														<option value="DROP">Drop</option>
													</select>
												</li>
												<li class="has_background">
													<label for="marker_title">Title</label>
													<input type="text" id="marker_title" name="marker_title" />
												</li>
												<li class="description_container">
													<label for="marker_description">Description<span class="pro_desc"><a href="http://huge-it.com/google-map" target="_blank">Go Pro</a>&#32;&#32;&#32; to enable HTML in description</span></label>
													<textarea class="description" id="marker_description" name="marker_description"></textarea>
												</li>
												<li class=" pro has_background">
													<label>Choose Marker Icon</label>
												</li>
												<li class="pro_icon marker_image_choose">
													<ul>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/default-icon.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_image_change" value="default" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/marker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_image_change" value="marker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/azuremarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_azuremarker marker_image_choose_button" name="marker_image_change" value="azuremarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/redmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_redmarker marker_image_choose_button" name="marker_image_change" value="redmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/bluemarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_bluemarker marker_image_choose_button" name="marker_image_change" value="bluemarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/greenmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_greenmarker marker_image_choose_button" name="marker_image_change" value="greenmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/starmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_starmarker marker_image_choose_button" name="marker_image_change" value="starmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/blackmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_blackmarker marker_image_choose_button" name="marker_image_change" value="blackmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinleft marker_image_choose_button" name="marker_image_change" value="pinleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinpink48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinpink marker_image_choose_button" name="marker_image_change" value="pinpink" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinright marker_image_choose_button" name="marker_image_change" value="pinright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/toyflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_toyflag marker_image_choose_button" name="marker_image_change" value="toyflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/greenflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_greenflag marker_image_choose_button" name="marker_image_change" value="greenflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/flagleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_flagleft marker_image_choose_button" name="marker_image_change" value="flagleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkflag marker_image_choose_button" name="marker_image_change" value="pinkflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/blueflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_blueflag marker_image_choose_button" name="marker_image_change" value="blueflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/flagright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_flagright marker_image_choose_button" name="marker_image_change" value="flagright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/paperflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_paperflag marker_image_choose_button" name="marker_image_change" value="paperflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/redflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_redflag marker_image_choose_button" name="marker_image_change" value="redflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/baseflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_baseflag marker_image_choose_button" name="marker_image_change" value="baseflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointcenter48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointcenter marker_image_choose_button" name="marker_image_change" value="pointcenter" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointleft marker_image_choose_button" name="marker_image_change" value="pointleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointright marker_image_choose_button" name="marker_image_change" value="pointright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkleft marker_image_choose_button" name="marker_image_change" value="pinkleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkgreen48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkgreen marker_image_choose_button" name="marker_image_change" value="pinkgreen" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkright marker_image_choose_button" name="marker_image_change" value="pinkright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/star48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_star marker_image_choose_button" name="marker_image_change" value="star" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointer48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointer marker_image_choose_button" name="marker_image_change" value="pointer" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/shopmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_shopmarker marker_image_choose_button" name="marker_image_change" value="shopmarker" />
														</li>
													</ul>
												</li>
												<li class="pro has_background">
													<label for="marker_image_size">Size of Icon</label>
													<select name="marker_image_size" id="marker_image_size" >
														<option value="16">16x16</option>
														<option value="24">24x24</option>
														<option value="48" selected>48x48</option>
														<option value="64">64x64</option>
														<option value="256">256x256</option>
													</select>
												</li>
												<li class="pro" >
													<label for="marker_pic">Custom Marker Icon</label>
													<input type="text" id="marker_pic" name="marker_pic" placeholder="http://" style="width:29%" />
													<input type="hidden" id="marker_pic_name" name="marker_pic_name" />
													<input type="button" class="button" id="upload_marker_pic" value="upload image" />
												</li>
												<div >
													<input type="submit" class="button-primary" id="marker_submit" name="marker_submit" value="Save" style="width:23%" />
													<a href="#" id="cancel_marker" class="cancel">cancel</a>
												</div>
											</ul>
										</div>
									</form>
									
										
										<div id="markers_edit_exist_section">
														<div class="edit_list_heading">
															<div class="list_number">
																ID
															</div>
															<div class="edit_list_item">
																Title
															</div>
															<div class="edit_list_delete">
																Action
															</div>
														</div>	
											<?php 
        $id = $_GET['id'];
        $i = 1;
        $sql = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "g_markers WHERE map=%s", $id);
        $getMarkerList = $wpdb->get_results($sql);
        if ($getMarkerList) {
            ?>
													
														<ul class="list_exist" id="marker_list_exist">
													<?php 
            foreach ($getMarkerList as $marker) {
                $j = $i % 2;
                ?>
																<li class="edit_list <?php 
                if ($j == 1) {
                    echo "has_background";
                }
                ?>
" data-list_id="<?php 
                echo $marker->id;
                ?>
"  >
																	<div class="list_number">
																		<?php 
                echo $i;
                ?>
																	</div>
																	<div class="edit_list_item">
																		<?php 
                if (!empty($marker->title)) {
                    echo $marker->title;
                } else {
                    echo "-";
                }
                ?>
																	</div>
																	<div class="edit_marker_list_delete edit_list_delete">
																		<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
                echo $_GET['id'];
                ?>
">
																			<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
																			<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="marker" />
																			<input type="hidden" class="edit_list_delete_table" value="g_markers" />
																			<input type="hidden" name="delete_marker_id" class="edit_list_delete_id" value="<?php 
                echo $marker->id;
                ?>
" />
																		</form>
																		<a href="#" class="button" class="edit_marker_list_item" ></a>
																		<input type="hidden" class="marker_edit_id" name="marker_edit_id" value="<?php 
                echo $marker->id;
                ?>
" />
																		
																	</div>
																</li>
															<?php 
                $i++;
            }
            ?>
														</ul>
													
													<?php 
        } else {
            echo "<p class='empty_marker'>You have 0 markers</p>";
        }
        ?>
										
									</div>
									<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post" >
										<input type="hidden" id="marker_get_id" name="marker_get_id" />
										
										<div class="update_list_item hide" >
											<a href="#" id="back_edit_marker" class="cancel  left">◄ Back</a>
											<ul>
												<li class="has_background" >
													<label for="marker_edit_location">Address</label>
													<input type="text" id="marker_edit_location" name="marker_edit_location" />
												</li>
												<li  >
													<label for="marker_edit_location_lat">Latitude</label> 
													<input type="text" id="marker_edit_location_lat" name="marker_edit_location_lat" />
												</li>
												<li class="has_background">
													<label for="marker_edit_location_lng">Longitude </label>
													<input type="text" id="marker_edit_location_lng" name="marker_edit_location_lng" />
												</li>
												<li >
													<label for="marker_edit_animation">Animation</label>
													<select id="marker_edit_animation" name="marker_edit_animation">
														<option checked value="NONE">None</option>
														<option value="BOUNCE">Bounce</option>
														<option value="DROP">Drop</option>
													</select>
												</li>
												<li class="has_background">
													<label for="marker_edit_title">Title</label>
													<input type="text" id="marker_edit_title" name="marker_edit_title" />
												</li>
												<li class="description_container">
													<label for="marker_edit_description">Description<span class="pro_desc"><a href="http://huge-it.com/google-map" target="_blank">Go Pro</a>&#32;&#32;&#32; to enable HTML in description</span></label>
													<textarea class="description" id="marker_edit_description" name="marker_edit_description"></textarea>
												</li>
												<li class="pro has_background">
													<label>Choose Marker Icon</label>
												</li>
												<li class="pro_icon marker_image_choose">
													
													<ul>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/default-icon.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_image_change" value="default" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/marker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_marker marker_image_choose_button" name="marker_edit_image_change" value="marker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/azuremarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_azuremarker marker_image_choose_button" name="marker_edit_image_change" value="azuremarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/redmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_redmarker marker_image_choose_button" name="marker_edit_image_change" value="redmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/bluemarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_bluemarker marker_image_choose_button" name="marker_edit_image_change" value="bluemarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/greenmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_greenmarker marker_image_choose_button" name="marker_edit_image_change" value="greenmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/starmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_starmarker marker_image_choose_button" name="marker_edit_image_change" value="starmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/blackmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_blackmarker marker_image_choose_button" name="marker_edit_image_change" value="blackmarker" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinleft marker_image_choose_button" name="marker_edit_image_change" value="pinleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinpink48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinpink marker_image_choose_button" name="marker_edit_image_change" value="pinpink" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinright marker_image_choose_button" name="marker_edit_image_change" value="pinright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/toyflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_toyflag marker_image_choose_button" name="marker_edit_image_change" value="toyflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/greenflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_greenflag marker_image_choose_button" name="marker_edit_image_change" value="greenflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/flagleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_flagleft marker_image_choose_button" name="marker_edit_image_change" value="flagleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkflag marker_image_choose_button" name="marker_edit_image_change" value="pinkflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/blueflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_blueflag marker_image_choose_button" name="marker_edit_image_change" value="blueflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/flagright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_flagright marker_image_choose_button" name="marker_edit_image_change" value="flagright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/paperflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_paperflag marker_image_choose_button" name="marker_edit_image_change" value="paperflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/redflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_redflag marker_image_choose_button" name="marker_edit_image_change" value="redflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/baseflag48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_baseflag marker_image_choose_button" name="marker_edit_image_change" value="baseflag" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointcenter48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointcenter marker_image_choose_button" name="marker_edit_image_change" value="pointcenter" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointleft marker_image_choose_button" name="marker_edit_image_change" value="pointleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointright marker_image_choose_button" name="marker_edit_image_change" value="pointright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkleft48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkleft marker_image_choose_button" name="marker_edit_image_change" value="pinkleft" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkgreen48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkgreen marker_image_choose_button" name="marker_edit_image_change" value="pinkgreen" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pinkright48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pinkright marker_image_choose_button" name="marker_edit_image_change" value="pinkright" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/star48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_star marker_image_choose_button" name="marker_edit_image_change" value="star" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/pointer48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_pointer marker_image_choose_button" name="marker_edit_image_change" value="pointer" />
														</li>
														<li>
															<div class="imag_block">
																<img src="<?php 
        echo plugins_url("../images/icons/shopmarker48.png", __FILE__);
        ?>
" alt="" />
															</div>
															<input type="radio" class="marker_image_change_shopmarker marker_image_choose_button" name="marker_edit_image_change" value="shopmarker" />
														</li>
													</ul>
												</li>
												<li class="pro has_background">
													<label for="marker_edit_image_size">Size of Icon</label>
													<select name="marker_edit_image_size" id="marker_edit_image_size" >
														<option id="image_edit_size_16" value="16">16x16</option>
														<option id="image_edit_size_24" value="24">24x24</option>
														<option id="image_edit_size_48" value="48">48x48</option>
														<option id="image_edit_size_64" value="64">64x64</option>
														<option id="image_edit_size_256" value="256">256x256</option>
													</select>
												</li>
												<li class="pro">
													<label for="marker_edit_pic">Custom Marker Icon</label>
													<input style="width:29% !important" type="text" id="marker_edit_pic" name="marker_edit_pic" placeholder="http://" />
													<input type="hidden" id="marker_edit_pic_name" name="marker_edit_pic_name" />
													<input type="button" class="button" id="upload_edit_marker_pic" value="upload image" />
												</li>
											</ul>
											<div>
												<input  type="submit" class="button-primary" name="marker_edit_submmit" id="marker_edit_submmit" value="Save" />
												<a href="#" class="cancel" id="cancel_edit_marker">Cancel</a>
											</div>
										</div>
									</form>
								</div>
							</li>
							<li class="editing_section">
								<div class="editing_heading">
									Polygons
									<div class="help">?
										<div class="help-block">
											<span class="pnt"></span>
											<p>Bounded highlighted area on the map, showing the specific range, limited with geometric figure. Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it.</p>
										</div>
									</div>
									<span class="heading_arrow">▼</span>
								</div>
								<div class="edit_content hide">
									<div id="g_map_polygone_options">
										<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
											<a id="polygon_add_button" class="add_button clear" href="#">+Add New Polygon</a>
											<div class="hidden_edit_content hide">
												<a href="#" id="back_polygone" class="cancel left">◄ Back</a>
												<ul>
													<li class="has_background">
														<label for="polygone_name">Name</label>
														<input type="text" name="polygone_name" id="polygone_name" />
													</li>
													<li class="pro">
														<label for="polygone_url">Link</label>
														<input type="text" name="polygone_url" id="polygone_url" placeholder="http://" />
													</li>
													<li class="description_container has_background">
														<label for="polygone_coords">data</label>
														<textarea id="polygone_coords" class="polycoords" name="polygone_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it." ></textarea>
													</li>
													<li>
														<label for="polygone_line_opacity">Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polygone_line_opacity" id="polygone_line_opacity" class="polygone_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.9" />
															<span style="position:absolute; top: 4px;left: 160px;">0.9</span>
														</div>
													</li>
													<li class="has_background">
														<label for="polygone_line_color">Line Color</label>
														<input type="text" class="color polygone_options_input" name="polygone_line_color" id="polygone_line_color" value="FF0F0F" />
													</li>
													<li>
														<label for="polygone_line_width">Line Width</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polygone_line_width" class="polygone_options_input" id="polygone_line_width" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = 0; $i <= 50; $i++) {
            if ($i == 50) {
                echo $i;
            } else {
                echo $i . ",";
            }
        }
        ?>
" type="text" data-slider="true" value="5" />
															<span style="position:absolute; top: 4px;left: 160px;">5</span>
														</div>
													</li>
													<li class="has_background"> 
														<label for="polygone_fill_opacity">Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polygone_fill_opacity" id="polygone_fill_opacity" class="polygone_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
															<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
														</div>
													</li>
													<li>
														<label for="polygone_fill_color">Fill Color</label>
														<input type="text" name="polygone_fill_color" id="polygone_fill_color" class="color polygone_options_input" value="5DFF0D" />
													</li>
													<li class="pro has_background"> 
														<label for="hover_polygone_fill_opacity">On-Hover Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="hover_polygone_fill_opacity" id="hover_polygone_fill_opacity" class="polygone_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
															<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_polygone_fill_color">On-Hover Fill Color</label>
														<input type="text" name="hover_polygone_fill_color" id="hover_polygone_fill_color" class="color polygone_options_input" value="75FF7E" />
													</li>
													<li class="pro has_background">  
														<label for="hover_polygone_line_opacity">On-Hover Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="hover_polygone_line_opacity" id="hover_polygone_line_opacity" class="polygone_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
															<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_polygone_line_color">On-Hover Line Color</label>
														<input type="text" name="hover_polygone_line_color" id="hover_polygone_line_color" class="color polygone_options_input" value="FF80B7" />
													</li>
													
												</ul>
												<div>
													<input type="submit" class="button-primary" name="polygone_submit" id="polygone_submit" value="Save" />
													<a href="#" id="cancel_polygone" class="cancel">Cancel</a>
												</div>
											</div>
										</form>
										<div id="polygone_edit_exist_section">
															<div class="edit_list_heading">
																<div class="list_number">
																	ID
																</div>
																<div class="edit_list_item">
																	Title
																</div>
																<div class="edit_list_delete">
																	Action
																</div>
															</div>
												
												<?php 
        $id = $_GET['id'];
        $i = 1;
        $sql = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "g_polygones WHERE map=%s", $id);
        $getPolygoneList = $wpdb->get_results($sql);
        if ($getPolygoneList) {
            ?>
														
															<ul class="list_exist" id="polygone_list_exist">
															<?php 
            foreach ($getPolygoneList as $polygone) {
                $j = $i % 2;
                ?>
																<li class="edit_list <?php 
                if ($j == 1) {
                    echo "has_background";
                }
                ?>
" data-list_id="<?php 
                echo $polygone->id;
                ?>
"  >
																	<div class="list_number">
																		<?php 
                echo $i;
                ?>
																	</div>
																	<div class="edit_list_item">
																		<?php 
                if (!empty($polygone->name)) {
                    echo $polygone->name;
                } else {
                    echo "-";
                }
                ?>
																	</div>
																	<div class="edit_polygone_list_delete edit_list_delete">
																		<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
                echo $_GET['id'];
                ?>
">
																			<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
																			<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="polygone" />
																			<input type="hidden" class="edit_list_delete_table" value="g_polygones" />
																			<input type="hidden" name="delete_polygone_id" class="edit_list_delete_id" value="<?php 
                echo $polygone->id;
                ?>
" />
																		</form>
																		<a href="#" class="button" class="edit_polygone_list_item" ></a>
																		<input type="hidden" class="polygone_edit_id" name="polygone_edit_id" value="<?php 
                echo $polygone->id;
                ?>
" />
																	</div>
																</li>
															<?php 
                $i++;
            }
            ?>
															</ul>
														
														<?php 
        } else {
            echo "<p class='empty_polygon'>You have 0 polygones on this map</p>";
        }
        ?>
										</div>
										<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
											<input type="hidden" id="polygone_get_id" name="polygone_get_id" />
											<div class="update_list_item hide">
												<a href="#" id="back_edit_polygone" class="cancel left">◄ Back</a>
												<ul>
													<li class="has_background">
														<label for="polygone_edit_name">Name</label>
														<input type="text" name="polygone_edit_name" id="polygone_edit_name" />
													</li>
													<li class="pro">
														<label for="polygone_edit_url">Link</label>
														<input type="text" name="polygone_edit_url" id="polygone_edit_url" placeholder="http://" />
													</li>
													<li class="description_container has_background">
														<label for="polygone_edit_coords">data</label>
														<textarea id="polygone_edit_coords" class="polycoords" name="polygone_edit_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it." ></textarea>
													</li>
													<li>
														<label for="polygone_edit_line_opacity">Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polygone_edit_line_opacity" id="polygone_edit_line_opacity" class="polygone_edit_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li class="has_background">
														<label for="polygone_edit_line_color">Line Color</label>
														<input type="text" class="color polygone_edit_options_input" name="polygone_edit_line_color" id="polygone_edit_line_color" value="" />
													</li>
													<li>
														<label for="polygone_edit_line_width">Line Width</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polygone_edit_line_width" class="polygone_edit_options_input" id="polygone_edit_line_width" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = 0; $i <= 50; $i++) {
            if ($i == 50) {
                echo $i;
            } else {
                echo $i . ",";
            }
        }
        ?>
" type="text" data-slider="true" value="" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li class="has_background"> 
														<label for="polygone_edit_fill_opacity">Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polygone_edit_fill_opacity" id="polygone_edit_fill_opacity" class="polygone_edit_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li>
														<label for="polygone_edit_fill_color">Fill Color</label>
														<input type="text" name="polygone_edit_fill_color" id="polygone_edit_fill_color" class="color polygone_edit_options_input" value="" />
													</li>
													<li class="pro has_background"> 
														<label for="hover_polygone_edit_fill_opacity">On-Hover Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="hover_polygone_edit_fill_opacity" id="hover_polygone_edit_fill_opacity" class="polygone_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_polygone_edit_fill_color">On-Hover Fill Color</label>
														<input type="text" name="hover_polygone_edit_fill_color" id="hover_polygone_edit_fill_color" class="color polygone_options_input" />
													</li>
													<li class="pro has_background">  
														<label for="hover_polygone_edit_line_opacity">On-Hover Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="hover_polygone_edit_line_opacity" id="hover_polygone_edit_line_opacity" class="polygone_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_polygone_edit_line_color">On-Hover Line Color</label>
														<input type="text" name="hover_polygone_edit_line_color" id="hover_polygone_edit_line_color" class="color polygone_options_input" />
													</li>
													
												</ul>
												<div>
													<input type="submit" class="button-primary" name="polygone_edit_submit" id="polygone_edit_submit" value="Save" />
													<a href="#" id="cancel_edit_polygone" class="cancel">Cancel</a>
												</div>
											</div>
										</form>
									</div>
								</div>
							</li>
							<li class="editing_section">
								<div class="editing_heading">
									Polylines
									<div class="help">?
										<div class="help-block">
											<span class="pnt"></span>
											<p>Continuous line composed of one or more line segments, which creates specific track. Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it.</p>
										</div>
									</div>
									<span class="heading_arrow">▼</span>
								</div>
								<div class="edit_content hide">
									<div id="g_map_polyline_options">
										<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
											<a id="polyline_add_button" class="add_button" href="#">+Add New Polyline</a>
											<div class="hidden_edit_content hide">
												<a href="#" id="back_polyline" class="cancel left">◄ Back</a>
												<ul>
													<li class="has_background">
														<label for="polyline_name">Name</label>
														<input type="text" id="polyline_name" name="polyline_name" />
													</li>
													<li class="description_container">
														<label for="polyline_coords">data</label>
														<textarea id="polyline_coords" class="polycoords" name="polyline_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it."></textarea>
													</li>
													<li>
														<label for="polyline_line_opacity">Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polyline_line_opacity" id="polyline_line_opacity" class="polyline_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.9" />
															<span style="position:absolute; top: 4px;left: 160px;">0.9</span>
														</div>
													</li>
													<li class="has_background">
														<label for="polyline_line_color">Line Color</label>
														<input type="text" class="color polyline_options_input" name="polyline_line_color" id="polyline_line_color" value="18A326" />
													</li>
													<li>
														<label for="polyline_line_width">Line Width</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polyline_line_width" class="polyline_options_input " id="polyline_line_width" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = 0; $i <= 50; $i++) {
            if ($i == 50) {
                echo $i;
            } else {
                echo $i . ",";
            }
        }
        ?>
" type="text" data-slider="true" value="5" />
															<span style="position:absolute; top: 4px;left: 160px;">5</span>
														</div>
													</li>
													<li  class="pro has_background" >
														<label for="hover_polyline_line_color">On-Hover Line Color</label>
														<input type="text" class="color polyline_options_input" name="hover_polyline_line_color" id="hover_polyline_line_color" value="11A000" />
													</li>
													<li class="pro">
														<label for="hover_polyline_line_opacity">On-Hover Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="hover_polyline_line_opacity" class="polyline_options_input " id="hover_polyline_line_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.5" />
															<span style="position:absolute; top: 4px;left: 160px;">0.5</span>
														</div>
													</li>
													
												</ul>
												<div>
													<input type="submit" class="button-primary" id="polyline_submit" name="polyline_submit" value="Save" />
													<a href="#" id="cancel_polyline" class="cancel">Cancel</a>
												</div>
											</div>
										</form>
										<div id="polyline_edit_exist_section">
															<div class="edit_list_heading">
																<div class="list_number">
																	ID
																</div>
																<div class="edit_list_item">
																	Title
																</div>
																<div class="edit_list_delete">
																	Action
																</div>
															</div>
												
												<?php 
        $id = $_GET['id'];
        $i = 1;
        $sql = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "g_polylines WHERE map=%s", $id);
        $getPolylineList = $wpdb->get_results($sql);
        if ($getPolylineList) {
            ?>
														
															<ul  class="list_exist" id="polyline_list_exist">
															<?php 
            foreach ($getPolylineList as $polyline) {
                $j = $i % 2;
                ?>
																<li class="edit_list <?php 
                if ($j == 1) {
                    echo "has_background";
                }
                ?>
" data-list_id="<?php 
                echo $polyline->id;
                ?>
"  >
																	<div class="list_number">
																		<?php 
                echo $i;
                ?>
																	</div>
																	<div class="edit_list_item">
																		<?php 
                if (!empty($polyline->name)) {
                    echo $polyline->name;
                } else {
                    echo "-";
                }
                ?>
																	</div>
																	<div class="edit_polyline_list_delete edit_list_delete">
																		<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
                echo $_GET['id'];
                ?>
">
																			<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
																			<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="polyline" />
																			<input type="hidden" class="edit_list_delete_table" value="g_polylines" />
																			<input type="hidden" name="delete_polyline_id" class="edit_list_delete_id" value="<?php 
                echo $polyline->id;
                ?>
" />
																		</form>
																		<a href="#" class="button" class="edit_polyline_list_item" ></a>
																		<input type="hidden" class="polyline_edit_id" name="polyline_edit_id" value="<?php 
                echo $polyline->id;
                ?>
" />
																		
																	</div>
																</li>
																
															<?php 
                $i++;
            }
            ?>
															</ul>
														
														<?php 
        } else {
            echo "<p class='empty_polyline'>You have 0 polylines on this map</p>";
        }
        ?>
										</div>	
										<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
											<input type="hidden" id="polyline_get_id" name="polyline_get_id" />
											<div class="update_list_item hide">
												<a href="#" id="back_edit_polyline" class="cancel left">◄ Back</a>
												<ul>
													<li class="has_background">
														<label for="polyline_edit_name">Name</label>
														<input type="text" id="polyline_edit_name" name="polyline_edit_name" />
													</li>
													<li class="description_container">
														<label for="polyline_edit_coords">data</label>
														<textarea id="polyline_edit_coords" class="polycoords" name="polyline_edit_coords" readonly="readonly" placeholder="Right click on the map to add point. Hold pressed and drag to move it. Left click to remove it."></textarea>
													</li>
													<li>
														<label for="polyline_edit_line_opacity">Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polyline_edit_line_opacity" id="polyline_edit_line_opacity" class="polyline_edit_options_input" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.9" />
															<span style="position:absolute; top: 4px;left: 160px;">0.9</span>
														</div>
													</li>
													<li class="has_background">
														<label for="polyline_edit_line_color">Line Color</label>
														<input type="text" class="color polyline_edit_options_input" name="polyline_edit_line_color" id="polyline_edit_line_color" value="FF0F0F" />
													</li>
													<li>
														<label for="polyline_edit_line_width">Line Width</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="polyline_edit_line_width" class="polyline_edit_options_input " id="polyline_edit_line_width" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = 0; $i <= 50; $i++) {
            if ($i == 50) {
                echo $i;
            } else {
                echo $i . ",";
            }
        }
        ?>
" type="text" data-slider="true" value="5" />
															<span style="position:absolute; top: 4px;left: 160px;">5</span>
														</div>
													</li>
													<li  class="pro has_background" >
														<label for="hover_polyline_edit_line_color">On-Hover Line Color</label>
														<input type="text" class="color polyline_options_input" name="hover_polyline_edit_line_color" id="hover_polyline_edit_line_color" />
													</li>
													<li class="pro">
														<label for="hover_polyline_edit_line_opacity">On-Hover Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" name="hover_polyline_edit_line_opacity" class="polyline_options_input " id="hover_polyline_edit_line_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true"/>
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													
												</ul>
												<div>
													<input type="submit" class="button-primary" id="polyline_edit_submit" name="polyline_edit_submit" value="Save" />
													<a href="#" id="cancel_edit_polyline" class="cancel">Cancel</a>
												</div>
											</div>
										</form>
									</div>
								</div>
							</li>
							<li class="editing_section">
								<div class="editing_heading">
									Circles
									<div class="help">?
										<div class="help-block">
											<span class="pnt"></span>
											<p>Round area, showing the specific range. Right click on map wherever you need to place the circle’s center. Hold pressed and drag to move it</p>
										</div>
									</div>
									<span class="heading_arrow">▼</span>
								</div>
								<div class="edit_content hide">
									<div id="g_map_circle_options">
										<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
											<a id="circle_add_button" class="add_button" href="#">+Add New Circles</a>
											<div class="hidden_edit_content hide">
												<a href="#" id="back_circle" class="cancel left">◄ Back</a>
												<ul>
													<li class="has_background">
														<label for="circle_name">Name</label>
														<input type="text" id="circle_name" name="circle_name" class="circle_options_input" />
													</li>
													<li>
														<label for="circle_center_addr">center Address</label>
														<input type="text" class="circle_options_input" id="circle_center_addr" name="circle_center_addr" />
													</li>
													<li class="has_background">
														<label for="circle_center_lat">center Latitude</label>
														<input type="text" class="circle_options_input" id="circle_center_lat" name="circle_center_lat" />
													</li>
													<li>
														<label for="circle_center_lng">center Longitude</label>
														<input type="text" class="circle_options_input" id="circle_center_lng" name="circle_center_lng" />
													</li>
													
													<li class="has_background">
														<label>Show Marker?</label>
														<label class="radio_label" for="circle_marker_show">YES</label>
														<input type="radio" class="radio" name="circle_marker_show" value="1" />
														<label class="radio_label" for="circle_marker_show">NO</label>
														<input type="radio" class="radio"  name="circle_marker_show" value="0" checked />
													</li>
													<li>
														<label for="circle_radius">Radius(meter)</label>
														<input type="number" class="circle_options_input" id="circle_radius" name="circle_radius" value="50000" />
													</li>
													<li class="has_background">
														<label for="circle_line_width">Line Width</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" class="circle_options_input" id="circle_line_width" name="circle_line_width" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = 0; $i <= 50; $i++) {
            if ($i == 50) {
                echo $i;
            } else {
                echo $i . ",";
            }
        }
        ?>
" type="text" data-slider="true" value="5" />
															<span style="position:absolute; top: 4px;left: 160px;">5</span>
														</div>
													</li>
													<li>
														<label for="circle_line_color">Line Color</label>
														<input type="text" class="color circle_options_input" id="circle_line_color" name="circle_line_color" value="FF2B39" />
													</li>
													<li class="has_background">
														<label for="circle_line_opacity">Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" class="circle_options_input" id="circle_line_opacity" name="circle_line_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.8" />
															<span style="position:absolute; top: 4px;left: 160px;">0.8</span>
														</div>
													</li>
													<li>
														<label for="circle_fill_color">Fill Color</label>
														<input type="text" class="color circle_options_input" id="circle_fill_color" name="circle_fill_color" value="4FFF72" />
													</li>
													<li class="has_background">
														<label for="circle_fill_opacity">Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px;" >
															<input  class="circle_options_input" id="circle_fill_opacity" name="circle_fill_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.4" />
															<span style="position:absolute; top: 4px;left: 160px;">0.4</span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_circle_fill_color">On-Hover Fill Color</label>
														<input type="text" class="color circle_options_input" id="hover_circle_fill_color" name="hover_circle_fill_color" value="96FFA1" />
													</li>
													<li class="pro has_background">
														<label for="hover_circle_fill_opacity">On-Hover Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px;" >
															<input  class="circle_options_input" id="hover_circle_fill_opacity" name="hover_circle_fill_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.3" />
															<span style="position:absolute; top: 4px;left: 160px;">0.3</span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_circle_line_color">On-Hover Line Color</label>
														<input type="text" class="color circle_options_input" id="hover_circle_line_color" name="hover_circle_line_color" value="FF5C5C" />
													</li>
													<li class="pro has_background">
														<label for="hover_circle_line_opacity">On-Hover Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" class="circle_options_input" id="hover_circle_line_opacity" name="hover_circle_line_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="0.6" />
															<span style="position:absolute; top: 4px;left: 160px;">0.6</span>
														</div>
													</li>
												</ul>
												<div>
													<input type="submit" class="button-primary" id="circle_submit" name="circle_submit" value="Save" />
													<a href="#" id="cancel_circle" class="cancel">Cancel</a>
												</div>
											</div>
										</form>
										<div id="circle_edit_exist_section">
															<div class="edit_list_heading">
																<div class="list_number">
																	ID
																</div>
																<div class="edit_list_item">
																	Title
																</div>
																<div class="edit_list_delete">
																	Action
																</div>
															</div>
												
												<?php 
        $id = $_GET['id'];
        $i = 1;
        $sql = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "g_circles WHERE map=%s", $id);
        $getCircleList = $wpdb->get_results($sql);
        if ($getCircleList) {
            ?>
														
															<ul class="list_exist" id="circle_list_exist">
														<?php 
            foreach ($getCircleList as $circle) {
                $j = $i % 2;
                ?>
																<li class="edit_list <?php 
                if ($j == 1) {
                    echo "has_background";
                }
                ?>
" data-list_id="<?php 
                echo $circle->id;
                ?>
"  >
																	<div class="list_number">
																		<?php 
                echo $i;
                ?>
																	</div>
																	<div class="edit_list_item">
																		<?php 
                if (!empty($circle->name)) {
                    echo $circle->name;
                } else {
                    echo "-";
                }
                ?>
																	</div>
																	<div class="edit_circle_list_delete edit_list_delete">
																		<form class="edit_list_delete_form" method="post" action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
                echo $_GET['id'];
                ?>
">
																			<input type="submit" class="button edit_list_delete_submit" name="edit_list_delete_submit" value="x" />
																			<input type="hidden" class="edit_list_delete_type" name="edit_list_delete_type" value="circle" />
																			<input type="hidden" class="edit_list_delete_table" value="g_circles" />
																			<input type="hidden" name="delete_circle_id" class="edit_list_delete_id" value="<?php 
                echo $circle->id;
                ?>
" />
																		</form>
																		<a href="#" class="button edit_circle_list_item" ></a>
																		<input type="hidden" class="circle_edit_id" name="circle_edit_id" value="<?php 
                echo $circle->id;
                ?>
" />
																		
																	</div>
																</li>
															<?php 
                $i++;
            }
            ?>
															</ul>
														
														<?php 
        } else {
            echo "<p class='empty_circle'>you have 0 circles on this map</p>";
        }
        ?>
										</div>	
										<form action="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
											<input type="hidden" id="circle_get_id" name="circle_get_id" />
											<div class="update_list_item hide">
												<a href="#" id="back_edit_circle" class="cancel left">◄ Back</a>
												<ul>
													<li class="has_background">
														<label for="circle_edit_name">Name</label>
														<input type="text" id="circle_edit_name" name="circle_edit_name" class="circle_edit_options_input" />
													</li>
													<li>
														<label for="circle_edit_center_addr">Center Address</label>
														<input type="text" class="circle_edit_options_input" id="circle_edit_center_addr" name="circle_edit_center_addr" />
													</li>
													<li class="has_background">
														<label for="circle_edit_center_lat">Center Latitude</label>
														<input type="text" class="circle_edit_options_input" id="circle_edit_center_lat" name="circle_edit_center_lat" />
													</li>
													<li >
														<label for="circle_edit_center_lng">Center Longitude</label>
														<input type="text" class="circle_edit_options_input" id="circle_edit_center_lng" name="circle_edit_center_lng" />
													</li>
													
													<li class="has_background">
														<label>Show Marker?</label>
														<label class="radio_label" for="circle_edit_marker_show">YES</label>
														<input type="radio" class="radio" name="circle_edit_marker_show" id="circle_edit_marker_show_true" value="1" >
														<label class="radio_label" for="circle_edit_marker_show">NO</label>
														<input type="radio" class="radio"  name="circle_edit_marker_show" id="circle_edit_marker_show_false" value="0" >
													</li>
													<li>
														<label for="circle_radius">Radius(meter)</label>
														<input type="number" class="circle_edit_options_input" id="circle_edit_radius" name="circle_edit_radius" value="1000000" />
													</li>
													<li class="has_background">
														<label for="circle_edit_line_width">Line Width</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" class="circle_edit_options_input" id="circle_edit_line_width" name="circle_edit_line_width" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = 0; $i <= 50; $i++) {
            if ($i == 50) {
                echo $i;
            } else {
                echo $i . ",";
            }
        }
        ?>
" type="text" data-slider="true" value="" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li>
														<label for="circle_edit_line_color">Line Color</label>
														<input type="text" class="color circle_edit_options_input" id="circle_edit_line_color" name="circle_edit_line_color" value="FF0000" />
													</li>
													<li class="has_background">
														<label for="circle_edit_line_opacity">Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" class="circle_edit_options_input" id="circle_edit_line_opacity" name="circle_edit_line_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li>
														<label for="circle_edit_fill_color">Fill Color</label>
														<input type="text" class="color circle_edit_options_input" id="circle_edit_fill_color" name="circle_edit_fill_color" value="00FF00" />
													</li>
													<li class="has_background">
														<label for="circle_edit_fill_opacity">Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" class="circle_edit_options_input" id="circle_edit_fill_opacity" name="circle_edit_fill_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" value="" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_circle_edit_fill_color">On-Hover Fill Color</label>
														<input type="text" class="color circle_options_input" id="hover_circle_edit_fill_color" name="hover_circle_edit_fill_color" />
													</li>
													<li class="pro has_background">
														<label for="hover_circle_edit_fill_opacity">On-Hover Fill Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px;" >
															<input  class="circle_options_input" id="hover_circle_edit_fill_opacity" name="hover_circle_edit_fill_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
													<li class="pro">
														<label for="hover_circle_edit_line_color">On-Hover Line Color</label>
														<input type="text" class="color circle_options_input" id="hover_circle_edit_line_color" name="hover_circle_edit_line_color" />
													</li>
													<li class="pro has_background">
														<label for="hover_circle_edit_line_opacity">On-Hover Line Transparency</label>
														<div class="slider-container" style="float:left; width:55%; height:25px; ">
															<input type="text" class="circle_options_input" id="hover_circle_edit_line_opacity" name="hover_circle_edit_line_opacity" data-slider-highlight="true"  data-slider-values="0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1" type="text" data-slider="true" />
															<span style="position:absolute; top: 4px;left: 160px;"></span>
														</div>
													</li>
												</ul>
												<div>
													<input type="submit" class="button-primary" id="circle_edit_submit" name="circle_edit_submit" value="Save" />
													<a href="#" id="cancel_edit_circle" class="cancel">Cancel</a>
												</div>
											</div>
										</form>
									</div>
								</div>
							</li>
							<li class="editing_section">
								<div class="editing_heading">Layers
									<div class="help">?
										<div class="help-block">
											<span class="pnt"></span>
											<p>Highlighted road areas on map, highlight the roads and real-time traffic on them, make bicycle road highlighted on your map, transit roads, which connects cities etc...</p>
										</div>
									</div>
									<span class="heading_arrow">▼</span>
								</div>
								<div class="edit_content map_options hide">
									<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
										<ul>
											<li class="has_background pro">
												<label for="traffic_layer_enable">Enable Traffic Layer 
													
												</label>
												<input <?php 
        if ($thisMap->traffic_layer == "true") {
            echo "checked='checked'";
        }
        ?>
 type="checkbox" class="map_layers_inputs" id="traffic_layer_enable" name="traffic_layer_enable" value="true" />
											</li>
											<li class="pro">
												<label for="bicycling_layer_enable">Enable Bicycling Layer</label>
												<input <?php 
        if ($thisMap->bike_layer == "true") {
            echo "checked='checked'";
        }
        ?>
 type="checkbox" class="map_layers_inputs" id="bicycling_layer_enable" name="bicycling_layer_enable" value="true" />
											</li>
											<li class="has_background pro">
												<label for="transit_layer_enable">Enable Transit layer</label>
												<input <?php 
        if ($thisMap->transit_layer == "true") {
            echo "checked='checked'";
        }
        ?>
 type="checkbox" class="map_layers_inputs" id="transit_layer_enable" name="transit_layer_enable" value="true" />
											</li>
										</ul>
										<input type="submit" class="button-primary" id="submit_layers" name="submit_layers" value="Save" />
									</form>
								</div>
							</li>
							<li class="editing_section">
								<div class="editing_heading">Map Styling
									<div class="help">?
										<div class="help-block">
											<span class="pnt"></span>
											<p>Choose some color/tone for the current  map</p>
										</div>
									</div>
									<span class="heading_arrow">▼</span>
								</div>
								<div class="edit_content map_options hide">
									<form action ="admin.php?page=hugeitgooglemaps_main&task=edit_cat&id=<?php 
        echo $_GET['id'];
        ?>
" method="post">
										<ul>
											<li class="has_background pro">
												<label for="g_map_styling_hue">Hue(color)</label>
												<input type="text" class="color map_styling_options_inputs" id="g_map_styling_hue" name="g_map_styling_hue" value="<?php 
        echo $thisMap->styling_hue;
        ?>
" />
											</li>
											<li class="pro">
												<label for="g_map_styling_lightness">Lightness</label>
												<div class="slider-container" style="float:left; width:55%; height:25px; ">
												<input class="map_styling_options_inputs" name="g_map_styling_lightness" id="g_map_styling_lightness" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = -100; $i < 101; $i++) {
            if ($i != 100) {
                echo $i . ",";
            } else {
                echo $i;
            }
        }
        ?>
" type="text" data-slider="true" value="<?php 
        echo $thisMap->styling_lightness;
        ?>
" />
													<span style="position:absolute; top: 4px;left: 160px;"><?php 
        echo $thisMap->styling_lightness;
        ?>
</span>
												</div>
											</li>
											<li class="has_background pro">
												<label for="g_map_styling_saturation">Saturation</label>
												<div class="slider-container" style="float:left; width:55%; height:25px; ">
												<input class="map_styling_options_inputs" name="g_map_styling_saturation" id="g_map_styling_saturation" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = -100; $i < 101; $i++) {
            if ($i != 100) {
                echo $i . ",";
            } else {
                echo $i;
            }
        }
        ?>
" type="text" data-slider="true" value="<?php 
        echo $thisMap->styling_saturation;
        ?>
" />
													<span style="position:absolute; top: 4px;left: 160px;"><?php 
        echo $thisMap->styling_saturation;
        ?>
</span>
												</div>
											</li>
											<li class="pro">
												<label for="g_map_styling_gamma">Gamma</label>
												<div class="slider-container" style="float:left; width:55%; height:25px; ">
												<input class="map_styling_options_inputs" name="g_map_styling_gamma" id="g_map_styling_gamma" data-slider-highlight="true"  data-slider-values="<?php 
        for ($i = 1; $i < 11; $i++) {
            if ($i != 10) {
                echo $i . ",";
            } else {
                echo $i;
            }
        }
        ?>
" type="text" data-slider="true" value="<?php 
        echo $thisMap->styling_gamma;
        ?>
" />
													<span style="position:absolute; top: 4px;left: 160px;"><?php 
        echo $thisMap->styling_gamma;
        ?>
</span>
												</div>
											</li>
										</ul>
										
										<input type="submit" class="button-primary" id="styling_submit" name="styling_submit" value="Save" />
										<input type="button" class="button cancel_button" id="styling_set_default" value="Default" />
									</form>
								</div>
							</li>
							<!--<li class="editing_section">
								<div class="editing_heading">Route matrix</div>
								<div class="edit_content hide">
									<div>
										
									</div>
								</div>
							</li>-->
						</ul>
						<?php 
        ?>
						<div id="g_maps">
							<div id="g_map_canvas" class="g_map" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important;"></div>
							<div id="g_map_marker" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<div id="g_map_marker_edit" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<div id="g_map_polygon" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<div id="g_map_polyline" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<div id="g_map_circle" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<div id="g_map_polygone_edit" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<div id="g_map_polyline_edit" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<div id="g_map_circle_edit" class="g_map hide" style="height:<?php 
        echo $thisMap->height;
        ?>
px;width:<?php 
        echo $thisMap->width / 2;
        ?>
%;border-radius:<?php 
        echo $thisMap->border_radius;
        ?>
px;position:relative !important; "></div>
							<input type="hidden" id="circlemarkeraddress" />
						</div>
						<div class="map_database_actions_section">
							<div class="button copy_map_button" data-map-id="<?php 
        echo $thisMap->id;
        ?>
">Create Copy Of This Map</div>
							<div class="button extract_to_csv_button" data-map-id="<?php 
        echo $thisMap->id;
        ?>
">Export This Map To CSV</div>
							<span class="pro_desc"><a href="http://huge-it.com/google-map" target="_blank">Go Pro</a>&#32;&#32;&#32; to enable these functionalities</span>
						</div>
						<div class="shortcode_containers">
							<div class="shortcode_container">
								<div class="shortcode_heading">Shortcode</div>
								<p class="shortcode_description">Copy & paste the shortcode directly into any WordPress post or page.</p>
								<div class="shortcode_view">[huge_it_maps id="<?php 
        echo $thisMap->id;
        ?>
"]</div>
							</div>
							<div class="shortcode_container">
								<div class="shortcode_heading">Template Include</div>
								<p class="shortcode_description">Copy & paste this code into a template file to include the map within your theme.</p>
								<div class="shortcode_view">&lt;?php echo do_shortcode("[huge_it_maps id='<?php 
        echo $thisMap->id;
        ?>
']"); ?&gt;</div>
							</div>
						</div>
					</div>
					
					<style>
						.edit_list_delete a {
							background:url(<?php 
        echo plugins_url("../images/edit1.png", __FILE__);
        ?>
) center center no-repeat !important;
						}
						.pro {
							background:url(<?php 
        echo plugins_url("../images/pro01.png", __FILE__);
        ?>
) 39% center no-repeat;
						}
						
						.pro_icon, .pro input, .pro select, .pro label, .pro div {
							opacity:0.6
						}
					</style>
		<?php 
    }
}