<?php session_start();
//  Developed by Roshan Bhattarai
//  Visit http://roshanbh.com.np for this script and more.
//  This notice MUST stay intact for legal use

// if session is not set redirect the user
if(empty($_SESSION['u_name']))
	header("Location:index.php");

//if logout then destroy the session and redirect the user
if(isset($_GET['logout']))
{
	session_destroy();
	header("Location:index.php");
}

?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<link rel="stylesheet" type="text/css" href="css/grid_default.css"/>

	<script type="text/javascript" src="js/ajax.js"></script>
	<script type="text/javascript" src="js/ajax-dynamic-list.js"></script>
	<style type="text/css">
<!--
.style4 {color: #FFFFFF}
-->
    </style>
	<br />

<SCRIPT language="javascript">
	function validateForm()
    { 
			var	form=document.submitform;
			var a=form.bus1.options[form.bus1.selectedIndex].value;
			var b=form.bus2.options[form.bus2.selectedIndex].value;
			// var gen=document.submitform.Gender.value;
			//var dep=document.submitform.Department.value;
			if (a!="0"&&b!="0"&&a!=b)
			{
			  formsubmit();
				
			}	
			if(a=="0"||b=="0")
			{
			  alert("Please Select A Bus");
			}
			if(a==b&&a!="0"&&b!="0")
			{
			  alert("Error.You Selected Same Bus");
			  return false;
			}
			
	}	

 </SCRIPT>
	<script type="text/javascript" src="js/ajax.js"></script>
	<script type="text/javascript">
var ajax = new Array();
/////////////////////////////////Get Bus Stop Starts/////////////////////////////////////////
function getBusStop(busno)
{
		var index = ajax.length;
		var	form=document.submitform;
		 if(busno=="1")
   		 {
		   var bus=form.bus1.options[form.bus1.selectedIndex].value;
		 }
		 else
		 {
		   var bus=form.bus2.options[form.bus2.selectedIndex].value;  
		 }
		ajax[index] = new sack();		
		ajax[index].requestFile = 'getbus.php?bus='+bus;	// Specifying which file to get
		ajax[index].onCompletion = function(){ createStop(index,busno) };	// Specify function that will be executed after file has been found
		ajax[index].runAJAX();		// Execute AJAX function
}

function createStop(index,busno)
{   if(busno=="1")
    {
	  document.getElementById('bus1route').options.length = 0;	// Empty select box
	  var obj = document.getElementById('bus1route');
	  eval(ajax[index].response);	// Executing the response from Ajax as Javascript code
	  document.getElementById('bus1route').style.visibility="visible";
	}
	else
	{	
      document.getElementById('bus2route').options.length = 0;	// Empty select box
	  var obj = document.getElementById('bus2route');
	  eval(ajax[index].response);	// Executing the response from Ajax as Javascript code
	  document.getElementById('bus2route').style.visibility="visible";
	}	
	if(document.getElementById('bus2route').options.length == 0)
	{
	   document.getElementById('bus2route').style.visibility="hidden";
	}
	if(document.getElementById('bus1route').options.length == 0)
	{
	   document.getElementById('bus1route').style.visibility="hidden";
	}
}
/////////////////////////////////Get Bus Stop Ends/////////////////////////////////////////
function clearForm()
{
  var form=document.submitform;
  document.getElementById('bus1route').style.visibility="hidden";
  document.getElementById('bus2route').style.visibility="hidden";
  form.bus1.selectedIndex=0;
  form.bus2.selectedIndex=0;
}
	</script>

<style type="text/css">
<!--
#Layer3 {
	position:absolute;
	width:738px;
	height:115px;
	z-index:1;
	top: 186px;
}
-->
</style>

<style type="text/css">

	/* START CSS NEEDED ONLY IN DEMO */
	html{
		height:100%;
	}
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		width:100%;
		height:100%;
		margin:0px;
		text-align:left;
	}

	#mainContainer{
		width:660px;
		margin:0 auto;
		text-align:left;
		height:100%;
		background-color:#FFF;
		border-left:3px double #000;
		border-right:3px double #000;
	}
	#formContent{
		padding:5px;
	}
	/* END CSS ONLY NEEDED IN DEMO */


	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:175px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */

	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

	form{
		display:inline;
	}

	</style>


<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Edit Bus Information</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/mm_health_nutr.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/grid_default.css"/>
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//---------------   END LOCALIZEABLE   ---------------
</script>
<link href="css/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/form.js"></script>

<script type="text/javascript" src="js/ddsmoothmenu.js"></script>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

//end the form details through ajax call
	// we want to store the values from the form input box, then send via ajax below
	function formsubmit(){
        var bus1 = $('#bus1').attr('value');
        var bus2 = $('#bus2').attr('value');
		$.ajax({
			type: "POST",
			url: "interchangebus.php",
			
				data: "bus1="+ bus1+ "&bus2=" + bus2,
			success: function(data){
			if(data=='yes')
		  {alert("Interchange Successfully Completed");}
		  else
		  {alert("Error");}
				clearForm();
			}
		});
}
</script>



<style type="text/css">
#Layer1 {
	position:absolute;
	width:166px;
	height:34px;
	z-index:1;
	left: 329px;
	top: 368px;
}
#Layer2 {
	position:absolute;
	width:499px;
	height:227px;
	z-index:2;
	top: 28px;
}


.style3 {color: #FF0000}
</style>
</head>

<body>
<table width="968" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#FFFFFF">
    <td colspan="3" rowspan="2" bgcolor="#FFFFFF" class="style4">&nbsp;</td>
    <td height="50" colspan="2" align="center" valign="bottom" nowrap="nowrap" bgcolor="#FFFFFF" id="logo">Bus Information Management System</td>
    <td width="422" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>

  <tr bgcolor="#FFFFFF">
    <td height="22" colspan="2" align="center" valign="top" bgcolor="#FFFFFF" id="tagline">MOHANDAS COLLEGE OF ENGINEERING AND TECHNOLOGY</td>
	<td width="422" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>

  <tr>
    <td colspan="6" bgcolor="#FFFFFF"><img src="images/mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
  </tr>
  <tr>
    <td height="19" colspan="6"> <div id="smoothmenu1" class="ddsmoothmenu">

  <!--################Start Main Menu #####################-->

<ul>
	<li><a href="MainMenu.php">Home</a> </li>
	
	<!--############NEW SUBMENU#############-->
	<li><a href="#">New</a>
 	  <ul>
 		 <li><a href="NewStudent.php">Student</a></li>
		 <li><a href="NewStaff.php">Staff</a></li>
 		 <li><a href="NewBus.php">Bus</a></li>
 		 <li><a href="NewRoute.php">Bus Stop</a></li>
 		 <li><a href="NewUser.php">User</a></li>
  		 <li><a href="EditNews.php">Information</a></li>
      </ul>
    </li>
  
	<!--############EDIT SUBMENU#############-->	<li><a href="#">Edit</a>
 	  <ul>
	    
		  <li><a href="EditStudent.php">Student</a></li>
  		  <li><a href="Editstaff.php">Staff</a></li>
 		  <li><a href="Editbus.php">Bus</a></li>
		  <li><a href="#">Status</a>
		    <ul>
		      <li><a href="quickeditstudent.php">Student</a></li>
  		      <li><a href="quickeditstaff.php">Staff</a></li>
			  <li><a href="quickeditbus.php">Bus</a></li>
		    </ul>
		  </li>
      </ul>
	</li>

		<!--############Start Print Submenu#############-->
	<li><a href="print.php">Print</a></li><!--############End Print Submenu#############-->
		
<li><a href="changepass.php">Change Password</a></li>
  </li>
  <li><a href="MainMenu.php?logout">Logout</a></li>
    	
	
  <li><a href="contactus.php">Contact Us</a></li>
    </ul>
	
  </li>
  
  </ul>
  
  <!--################End Main Menu#####################--><br style="clear: left" />
</div></td>
  </tr>

  <tr>
    <td colspan="6" bgcolor="#FFFFFF"><img src="images/mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
  </tr>

  <tr>
    <td height="42" valign="top" bgcolor="#79CAFF">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="3" valign="top" bgcolor="#FFFFFF" class="pageName style3"><h2>&nbsp;</h2></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="172" height="320" valign="top" bgcolor="#79CAFF"><table width="172" border="0" cellpadding="0" cellspacing="0" bgcolor="#79CAFF" id="navigation">
      <tr>
        <td width="172" bgcolor="#79CAFF">&nbsp;<br />
          &nbsp;<a href="MainMenu.php" class="navText">Home</a></td>
      </tr> <tr>
        <td width="172" bordercolor="#666666" ><a href="changepass.php"  class="navText">Change Password</a></td>
      </tr>   
     <tr>
        <td width="172" height="23" bordercolor="#666666" ><a href="upgrade.php" class="navText">Upgrade </a></td>
      </tr>   
    
      <tr>
        <td width="172" bordercolor="#666666" ><a href="MainMenu.php?logout" class="navText">Log Out</a></td>
      </tr> 
	   <tr>
        <td width="172" bordercolor="#666666" ></td>
      </tr>
	     <tr>
        <td width="172" height="23" bordercolor="#666666" ><a href="contactus.php" class="navText">Contact Us </a></td>
      </tr>
    </table>
      <br />
  	&nbsp;<br />
  	&nbsp;<br />
  	&nbsp;<br /> 	</td>
    <td width="5">&nbsp;</td>
    <td colspan="3" valign="top" bgcolor="#FFFFFF"><img src="images/mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
	
<div class="container">
	<div class="span-10">
		<form id="submit" method="post" name="submitform">
			<fieldset>
				<legend><span class="style3">Interchange Bus </span> </legend>
				<p>Select First Bus <span class="style3">:</span>&nbsp;&nbsp;&nbsp; &nbsp;
				  <label>
				  <select name="bus1" id="bus1" onchange="getBusStop('1')">
				    <option value="0">Select</option>
				    <option value="1">1</option>
				    <option value="2">2</option>
				    <option value="3">3</option>
				    <option value="4">4</option>
				    <option value="5">5</option>
				    <option value="6">6</option>
				    <option value="7">7</option>
				    <option value="8">8</option>
				    <option value="9">9</option>
				    <option value="10">10</option>
				    <option value="11">11</option>
				    <option value="12">12</option>
			      </select>
				  </label>
			      <select name="bus1route" size="5" multiple="multiple" id="bus1route" tabindex="2" cols="25" style="visibility:hidden">
			      </select>
			</p>
				<label for="fname"></label>
			<p>Select Second Bus:&nbsp;
			  <label>
              <select name="bus2" id="bus2" onchange="getBusStop('2')">
                <option value="0">Select</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
              </select>
              </label>
			    <select name="bus2route" size="5" multiple="multiple" id="bus2route" tabindex="2" cols="25" style="visibility:hidden">
		      </select>
			</p>
			<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
			</p>

                
            <div align="left">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="button positive" tabindex="7" onclick="validateForm()" > <img src="images/tick.png" alt=""/> Interchange </button>
            </div>
			</fieldset>
		</form>
  </div>
</div>

  <div class="success" style="display:none;">
			<p>Result has been added.</p>
</div> 
	<br />
	<br />
	&nbsp;<br />    <br />
    &nbsp;<br /></td>
    <td width="422">&nbsp;</td>
  </tr>
  <tr>
   <td colspan="7" bgcolor="#79CAFF"><div align="center"><strong>Copyright 2009. businfo.info All rights reserved.&nbsp;</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style1">Powered by <a href="http://mobalive.mobi/" style="text-decoration:none">mobalive.mobi</a></span></div>  </td>
  </tr>
</table>
</body>
</html>
