<?php include('opendb.php'); 
session_start();

?>
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Kerala Khadi and Village Industries Board</title>
    <script type="text/javascript" src="scripts/jquery-latest.js"></script>
    <link rel="stylesheet" href="includes/style1.css" type="text/css">
    <script type="text/javascript">
    window.onload = maxWindow;

   

</script>   
    <script type="text/javascript">
        $(function() {
          if ($.browser.msie && $.browser.version.substr(0,1)<7)
          {
			$('li').has('ul').mouseover(function(){
				$(this).children('ul').show();
				}).mouseout(function(){
				$(this).children('ul').hide();
				})
          }
        }); 

function del(str,slno)
  {

var r=confirm("Do You Want to delete The Message ?");
if (r==true)
  {
 

	if (str=="")
	  {
 	 document.getElementById("msg"+str).innerHTML="";
  	return;
 	 } 
	if (window.XMLHttpRequest)
  	{// code for IE7+, Firefox, Chrome, Opera, Safari
 	 xmlhttp=new XMLHttpRequest();
 	 }
	else
 	 {// code for IE6, IE5
 	 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 	 }
	xmlhttp.onreadystatechange=function()
 	 {
  	if (xmlhttp.readyState==4 && xmlhttp.status==200)
   	 {
  	  document.getElementById("msg"+str).innerHTML=xmlhttp.responseText;
   	 }
       }
 xmlhttp.open("GET","reminder_del.php?q="+str,true);
  xmlhttp.send();

   }

} 


function edit(str)

{

window.open("edit_reminder.php?id="+str,true,'width=400,height=400');


}


   
    </script>

 <meta charset="utf-8" />
    <title>jQuery UI Dialog - Modal message</title>
    <link rel="stylesheet" href="popup/jquery-ui.css" />
    <script src="popup/jquery-1.8.2.js"></script>
    <script src="popup/jquery.bgiframe-2.1.2.js"></script>
    <script src="popup/jquery-ui.js"></script>
   
    <script>
    $(function() {
        $( "#dialog-message" ).dialog({
            modal: true,
            buttons: {
                Ok: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
    </script>



<link rel="stylesheet" href="slide/panning-slideshow/panning-slideshow.css"/>
	
<!-- <script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="slide/panning-slideshow/js/jquery.easing.1.3.js"></script>
<script src="slide/panning-slideshow/js/jquery.timer.js"></script>
<script src="slide/panning-slideshow/image-rotator.js"></script>-->
<!-- <script src=" rightclick_deactive.js"></script> -->
<script type="text/javascript" src="slide1/js/jquery.js"></script>
<script type="text/javascript" src="slide1/js/scripts.js"></script>

<script src="slide1/js/jquery_003.js" type="text/javascript"></script>
<script src="slide1/js/jquery_001.js" type="text/javascript"></script>

<link rel="stylesheet" href="includes/bootstrap.css" type="text/css">
<link rel="stylesheet" href="includes/template.css" type="text/css">
<link rel="stylesheet" href="includes/caroufredsel.css" type="text/css">


<style>

#tbl	{
      margin-top:70px;
    	}
.cont
	{
       background-color:#ffffff;
	position: absolute ;
    	/* Optional - just for DIV)*/
    	//border: solid 1px #000000;
	-moz-box-shadow: 0px 5px 5px #888;
	-webkit-box-shadow: 0px 5px 5px #888;
	box-shadow: 0px 5px 10px #888;
	}
 #footer {
    position : absolute;
    bottom : 0;
    height : 30px;
    margin-top : 40px;
	width: 100%;
  }
#txt
	 {
	font-size:13px;
	}

	#popup td 
	{
	border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;
	}
.del 	{
    	border: none;
   	background: url('img/delete.png') no-repeat ;
	padding: 0px 25px 20px 0;
    
	}
.edit {
   	 border: none;
    	background: url('img/edit.gif') no-repeat ;
	padding: 0px 25px 12px 0;
    
	}
.tb
	{
	-moz-box-shadow:    inset 1px 10px 10px grey;
  	 -webkit-box-shadow: inset 1px 10px 10px grey;
   	box-shadow:         inset 1px 10px 10px grey;
	}
.tb1
	{
	-moz-box-shadow:    inset 1px 10px 10px #565155;
   	-webkit-box-shadow: inset 1px 10px 10px #565155;
  	 box-shadow:         inset 1px 10px 10px #565155;
	width:100%;
	height:50px;
	font-size:11px;
	background:#2C2C30;
	}
  .tb1 a
	 {
  	text-decoration: none;
  	color:black;
	font-family: Arial, Helvetica;
    	}


<style id="bsa_css" type="text/css">.one{position:relative}.one .bsa_it_ad{display:block;padding:15px;border:1px solid #e1e1e1;background:#f9f9f9;font-family:helvetica,arial,sans-serif;line-height:100%;position:relative}.one .bsa_it_ad a{text-decoration:none}.one .bsa_it_ad a:hover{text-decoration:none}.one .bsa_it_ad .bsa_it_t{display:block;font-size:12px;font-weight:bold;color:#212121;line-height:125%;padding:0 0 5px 0}.one .bsa_it_ad .bsa_it_d{display:block;font-size:11px;color:#434343;font-size:12px;line-height:135%}.one .bsa_it_ad .bsa_it_i{float:left;margin:0 15px 10px 0}.one .bsa_it_p{display:block;text-align:right;position:absolute;bottom:10px;right:15px}.one .bsa_it_p a{font-size:10px;color:#666;text-decoration:none}.one .bsa_it_ad .bsa_it_p a:hover{font-style:italic}</style></head>
<body class="com_content view-category task- itemid-101 body__homepage">

<?
$curdt= date("Y-m-d H:i:s");

$br=mysqli_query($db,"select * from reminder where brcode='$brcode' and user='$user' and due_date<'$curdt' ");
if(mysqli_num_rows($br)>0)
{
?>
<div id="dialog-message" title="Reminder" >
<p>
<table align='left' style="width:100%; height:100%; padding-top:0px; text-align:center;" id='popup' border=1 align='center'><font color='white'><tr bgcolor='orange'><th>Sl</br>No</th><th>Message</th><th>DueDate</th><th>Del</th><th>Edit</th></font></tr>
<?
$i=1;
while($brrow=mysqli_fetch_array($br))
 {
print "<tr ><td>".$i."</td><td id='msg".$brrow[0]."'>".$brrow[4]."</td><td>".$brrow[6]."</td><td ><input type=button class='del'  name='del' onClick='del(".$brrow[0].")'></td><td><input type=button class='edit'  name='edit' onClick='edit(".$brrow[0].")'></td></tr>";
$i++;
 }      
?>
</table>
</p>
<?
}
?>
<br>
<!--content featured gallery here -->
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"}];
</script>

 
<div id="wrapper">
<div class="wrapper-inner">
 
 
<div id="header-row">

<div class="row-container">
<div class="container">
<header>
<div class="row">
 
<div >
<h3 class="aim">AIM</h3>
</div>
<div>
<?php include('includes/top.php'); ?>
</div>
</div>
</header>
</div>
</div>
</div>
 
 
<div id="showcase-row">
<div class="row-container">
<div class="container">
<div class="row">
<div class="moduletable carousel  span12"><h3 class="moduleTitle ">Accounts & Inventory Management Application</h3>
<div class="mod_caroufredsel  mod_caroufredsel__carousel">
<div id="list_carousel_carousel1" class="list_carousel">
<div style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 1152px; height:  417px; margin: 0px; overflow: hidden;" class="caroufredsel_wrapper"><ul style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto;  left: 0px; margin: 0px; width: 3456px; height: 417px;" id="caroufredsel_carousel1">
<li style="width: 348px;" class="item firstItem">
<div class="item_content">
 
<div class="item_img img-intro img-intro__none">
<a href="index.php/27-home/carousel/20-carousel-1-aenean-sem-metus">
<img src="joomla_50591_data/carousel-1.jpg" alt=""></a>
</div>
<div class="content_inner">
<h4 class="item_title item_title__carousel">
Bed &amp; Breakfast </h4>
<p>Lorem ipsum dolor sit amet</p>
 
<a class="btn btn-info readmore" href="joomla_50591/index.php/27-home/carousel/20-carousel-1-aenean-sem-metus"><span>more</span></a>
</div></div>
</li>
<li style="width: 348px;" class="item">
<div class="item_content">
 
<div class="item_img img-intro img-intro__none">
<a href="joomla_50591/index.php/27-home/carousel/21-carousel-2-in-nec-sapien-mauris">
<img src="joomla_50591_data/carousel-2.jpg" alt=""></a>
</div>
<div class="content_inner">
<h4 class="item_title item_title__carousel">
meetings &amp; events </h4>
<p>Lorem ipsum dolor sit amet</p>
 
<a class="btn btn-info readmore" href="joomla_50591/index.php/27-home/carousel/21-carousel-2-in-nec-sapien-mauris"><span>more</span></a>
</div></div>
</li>
<li style="width: 348px;" class="item lastItem">
<div class="item_content">
 
<div class="item_img img-intro img-intro__none">
<a href="joomla_50591/index.php/27-home/carousel/22-carousel-3-pellentesque-habitant-morbi">
<img src="joomla_50591_data/carousel-3.jpg" alt=""></a>
</div>
<div class="content_inner">
<h4 class="item_title item_title__carousel">
Wedding Package </h4>
<p>Lorem ipsum dolor sit amet</p>
 
<a class="btn btn-info readmore" href="joomla_50591/index.php/27-home/carousel/22-carousel-3-pellentesque-habitant-morbi"><span>more</span></a>
</div></div>
</li>
</ul></div>
<div id="carousel_carousel1_pag" class="caroufredsel_pagination"></div>
<div class="clearfix"></div>
</div>
</div>
<div style="display: block;" id="carousel_carousel1_prev" class="caroufredsel_prev"></div>
<div style="display: block;" id="carousel_carousel1_next" class="caroufredsel_next"></div>
<script type="text/javascript">if (jQuery.browser.msie &&jQuery.browser.version<9) {
	jQuery(document).ready(function() {

		var carouselConteiner = jQuery("#caroufredsel_carousel1");

		carouselConteiner.carouFredSel({
			responsive	: true,
			width: '100%',
			items		: {
				width : 348,
				height: 'variable',
				visible		: {
					min			: 1,
					max			: 3				},
				minimum: 1
			},
			scroll: {
				items: 1,
				fx: "scroll",
				easing: "swing",
				duration: 500,
				queue: true
			},
			auto: false,
							next: "#carousel_carousel1_next",
				prev: "#carousel_carousel1_prev",
									swipe:{
				onTouch: true
			}
		});
	});
} else {
	jQuery(window).load(function() {

		var carouselConteiner = jQuery("#caroufredsel_carousel1");

		carouselConteiner.carouFredSel({
			responsive	: true,
			width: '100%',
			items		: {
				width : 348,
				height: 'variable',
				visible		: {
					min			: 1,
					max			: 3				},
				minimum: 1
			},
			scroll: {
				items: 1,
				fx: "scroll",
				easing: "swing",
				duration: 500,
				queue: true
			},
			auto: false,
							next: "#carousel_carousel1_next",
				prev: "#carousel_carousel1_prev",
									swipe:{
				onTouch: true
			}
		});
	});
}
</script>
</div>
</div>
</div>
</div>
</div>
 
<div id="maintop-row">

</div>
 
</div>
</div>



</body></html>

