// JavaScript Document
var myseats = false;
var tableId ='';
var rowId ='';
var selectedName ='';
var selectedTime ='';


// below are the varibles for google map 
var pickup_list = new Array();
	pickup_list[0] = new pickuppoint(19.23146,72.86336);
	pickup_list[1] = new pickuppoint(19.18395,72.84685);
	pickup_list[2] = new pickuppoint(19.17668,72.84582);
	var elementDiv ='';
	var pickup = new Array();
	 
	//var map_cent = new GLatLng(19.169816,72.945786);
	//var zoom_fact = 11;
	
//above are the variables for google map

function makeactive(tab) { 
	document.getElementById("tab1").className = ""; 
	document.getElementById("tab2").className = ""; 
	document.getElementById("tab3").className = ""; 
	document.getElementById("tab4").className = ""; 
	document.getElementById("tab"+tab).className = "active";
	document.getElementById("tab1_form").style.display = "none"; 
	document.getElementById("tab2_form").style.display = "none";
	document.getElementById("tab3_form").style.display = "none"; 
	document.getElementById("tab4_form").style.display = "none"; 
	document.getElementById("tab"+tab+"_form").style.display = "block"; 
} 

function showInfo(divid) {


	if(	document.getElementById(divid).style.display == 'none')	{
		document.getElementById(divid).style.display='block';
		}else{
			document.getElementById(divid).style.display='none';
		}
		if(document.getElementById(divid+"_btn").className == 'showmore'){
		       document.getElementById(divid+"_btn").className = 'showless';
    		}else{
				document.getElementById(divid+"_btn").className = 'showmore';
			}
			
	}

function toggleDiv(divid){
    if(document.getElementById(divid).style.display == 'none'){
        document.getElementById(divid).style.display = 'block';
    }else{
      document.getElementById(divid).style.display = 'none';
    }
	
	if(document.getElementById(divid).className == 'showmore'){
		       document.getElementById(divid).className = 'showless';
    		}else{
				document.getElementById(divid).p.className = 'showmore';
			}
	}




function showDiv(i,tableid,rowid,lat,lng,zoom,commaLat,commalng) {


	tableId =tableid;
	rowId =rowid;
	var tableDiv = 'tablediv';
	
	if(tableid=='results_return'){

		tableDiv = 'returntablediv';
		//alert(tableDiv);
	}

	document.getElementById("change_pickup"+i).style.display = "none";
	//document.getElementById("closerDiv").style.display = "block";
	
	createWashOut();
	var mywidth2 = document.body.offsetWidth;
	var myheight2 = document.body.offsetHeight;
	
	mywidth2 = mywidth2-30;
	document.getElementById(tableDiv +rowid).parentNode.parentNode.style.display = "block";
	document.getElementById(tableDiv +rowid).parentNode.parentNode.style.width = mywidth2 + "px";
		
	var k=0;
	while(document.getElementById(tableDiv +rowid).rows[0].cells[0].getElementsByTagName('input')[k]!=null){
		var radio =	document.getElementById(tableDiv+rowid).rows[0].cells[0].getElementsByTagName('input')[k];
		radio.checked=false;	
		k++;
	}
	
		//code for getting google map
			var Iframe = window.frames[tableDiv +rowid];
			var iFrameDiv =Iframe.document.getElementById('map_canvas');
			elementDiv = iFrameDiv;
			var arrayLat = new Array();
       		arrayLat = commaLat.split(",");
			var arrayLng = new Array();
       		arrayLng = commalng.split(",");
       		pickup_list = new Array();
       		var count =0;
       		for(var lt =0 ; lt<arrayLat.length; lt++){
       					
       			var latr = parseFloat(arrayLat[lt]);
       			var lngr = parseFloat(arrayLng[lt]);
       			
       			pickup_list[lt] = new pickuppoint(latr ,lngr);
       	 	}
       		
       		pickup =pickup_list;
       		//	alert(lat +"="+lng);
			var glat = parseFloat(lat);
			var glng = parseFloat(lng);
			//setting the Center for the Map
			map_cent = new GLatLng(glat,glng);
			
			var gzoom = parseInt(zoom); 
			zoom_fact = gzoom;
			initialize();	
			initialize();
			//google map code
		
		
	
	
	}
	
	
	function closeDepart(i,tableid,rowid) {
	document.getElementById("change_pickup"+i).style.display = "none";
	document.getElementById("closerDiv").style.display = "block";
	}
	

	function collapseRetrunDiv(h){
		document.getElementById("returntablediv" +h).parentNode.parentNode.style.display = "none";


	}
	
	function timeOut() {
		window.scrollTo(0,0);
		createWashOut();
		var mywidth3 = document.body.offsetWidth;
		mywidth3 = mywidth3-30;
		document.getElementById("closerDiv").style.display = "block";
		document.getElementById("closerDiv").style.width = mywidth3 + "px";
	}



function collapseDiv(i) {

document.getElementById("tablediv"+i).parentNode.parentNode.style.display = "none";


}

function killLoader(){
		//alert("Calling kill");
		//history.back();
		document.getElementById("closerDiv").style.display = "none";
		//document.getElementById(divid).style.display = "none";
	}
	
function choose_seats_booking(){
        var seatselection=document.getElementById("seatselection");
        if(seatselection!=null){
        	seatselection.style.display = '';
        	seatselection.className = 'req';
        }
        
   	 	var record1=document.getElementById("record1");
   	 if(record1!=null){
   		record1.className = 'selected';
     }
     
   	 
	}
function choose_seats_request(){
        document.getElementById("bookingrequest").style.display = '';
   	 	document.getElementById("record1_1").className = 'selected';
		document.getElementById("bookingrequest").className = 'req';
	}

function showPickups(i) {
var j = 1;
//alert(i);
	if(	document.getElementById("change_pickup"+i).style.display == 'none')	{
	while(document.getElementById('change_pickup'+j)!=null){

	document.getElementById('change_pickup'+j).style.display="none";
	j++;
	}

		document.getElementById("change_pickup"+i).style.display = "block";
		//document.getElementById("change_pickup").style.visibility = "visible";
		
		}else{
		document.getElementById("change_pickup"+i).style.display = "none";
		
		}
	}
function changepickup(xpos,ypos) {
	var x = document.getElementById("mypickuppoint");
		x.style.left = xpos + "px";
		x.style.top = ypos + "px";
		}
function changeMap(image,name,time,latf ,lngf,val) {
//alert(name);

var counter = parseInt(val); 
		selectedName = name;
		selectedTime = time;

pickup_list = new Array();
var latr = parseFloat(latf);
var lngr = parseFloat(lngf);

//alert(counter +"  " +pickup.length)

pickup_list[0] =pickup[counter];


//map_cent = new GLatLng(latr,lngr);
//alert(pickup_list.length);
initialize();
		//document.getElementById("mymap").style.background = 'url('+image+') top left no-repeat';
		//alert(document.getElementById("mymap").style.background );
		
}

function showProcess(){
	if(document.getElementById("processme").style.display == 'none')
		{
			choose_seats_booking()
        	document.getElementById("processme").style.display = 'inline';
   	 	}
		else
		{
			document.getElementById("processme").style.display = 'none';
		}
}


function setTableValues(){
//alert(tableId);
//table= document.getElementById(tableId);
//alert(table);
var id =parseInt(rowId);
//alert(id);
if(selectedName!=''){
document.getElementById(tableId).rows[id].cells[1].getElementsByTagName('div')[0].getElementsByTagName('a')[0].innerHTML=selectedName;
document.getElementById(tableId).rows[id].cells[2].innerHTML=selectedTime;
}
}
function createWashOut(){
	var bodyElement  = document.getElementsByTagName('body')[0];
	var div = document.createElement('div');
	div.setAttribute('id','washout');
	bodyElement.appendChild(div);
	var totalWash = document.body.offsetHeight;
	document.getElementById("washout").style.height = totalWash + "px";
	document.getElementById("washout").innerHTML="<!--[if lte IE 6.5]><iframe></iframe><![endif]-->"
	bodyElement.style.overflow='hidden';
	
	}
function removeWashOut(){
	var bodyElement  = document.getElementsByTagName('body')[0];
	var remove = document.getElementById('washout');
	bodyElement.removeChild(remove);
	bodyElement.style.overflow='';
	}
function showPNR() {
	changeProper('pnrno')
	changeProper('mobile')
	toogleElement("pnrmsg",'none')
	document.getElementById("pnrno").value="";
	document.getElementById("mobile").value ="";
	
	createWashOut();
	var mywidth = document.body.offsetWidth;
	mywidth = mywidth-30;
	document.getElementById("PNRcloserDiv").style.display = "block";
	document.getElementById("PNRcloserDiv").style.width = mywidth + "px";
	
	}
function showPNRTA() {
	changeProper('pnrno')
	toogleElement("pnrmsg",'none')
	document.getElementById("pnrno").value="";
	
	createWashOut();
	var mywidth = document.body.offsetWidth;
	mywidth = mywidth-30;
	document.getElementById("PNRcloserDivTA").style.display = "block";
	document.getElementById("PNRcloserDivTA").style.width = mywidth + "px";
	
	}
function departureTime() {
	//alert('inside the fun');
	changeProper('departureTimetemp')
	toogleElement("pnrmsg",'none')
	
	createWashOut();
	var mywidth = document.body.offsetWidth;
	mywidth = mywidth-30;
	document.getElementById("departureTime").style.display = "block";
	document.getElementById("departureTime").style.width = mywidth + "px";
	
	}	
function showHotseat(hotseatsize,currentdate) {
	changeProper('paxno')
	changeProper('seattype')
	toogleElement("pnrmsg",'none')
	//document.getElementById("paxno").value="";
	//document.getElementById("seattype").value ="";
	document.getElementById("valid").value=hotseatsize;
	document.getElementById("currdate").value=currentdate;
	createWashOut();
	var mywidth = document.body.offsetWidth;
	mywidth = mywidth-30;
	document.getElementById("HotSeatDiv").style.display = "block";
	document.getElementById("HotSeatDiv").style.width = mywidth + "px";
	
}
function showGurupornima(route) {
	changeProper('paxno')
	changeProper('seattype')
	toogleElement("pnrmsg",'none')
	//document.getElementById("paxno").value="";
	//document.getElementById("seattype").value ="";
	document.getElementById("route").value=route;
	//document.getElementById("currdate").value=currentdate;
	createWashOut();
	var mywidth = document.body.offsetWidth;
	mywidth = mywidth-30;
	document.getElementById("GurupornimaDiv").style.display = "block";
	document.getElementById("GurupornimaDiv").style.width = mywidth + "px";
	
}	
function showTravel() {
	changeProper('login')
//	changeProper('password')
	toogleElement("travelmsg",'none')
	document.getElementById("login").value="";
//	document.getElementById("password").value ="";
	
	createWashOut();
	var mywidth = document.body.offsetWidth;
	mywidth = mywidth-30;
	document.getElementById("travelAgentDiv").style.display = "block";
	document.getElementById("travelAgentDiv").style.width = mywidth + "px";
	}

function showConfirm(divid){
	
	var mywidth1 = document.body.offsetWidth;
	mywidth1 = mywidth1-30;
	document.getElementById(divid).style.display = "block";
	document.getElementById(divid).style.width = mywidth1 + "px";
	createWashOut();
	}
	
	
	
	
	// function for google map
	
	
	
	 function initialize() {
	//alert("Inside");
      if (GBrowserIsCompatible()) {
		var map = new GMap2(elementDiv);
		
        map.setCenter(map_cent, zoom_fact);
        map.addControl(new GSmallMapControl());
       map.addControl(new GMapTypeControl());
		
        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
      
		   var baseIcon = new GIcon();
	       baseIcon.iconSize = new GSize(20, 34);
	       baseIcon.iconAnchor = new GPoint(9, 34);
	       baseIcon.infoWindowAnchor = new GPoint(0, 0);
       
        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index) {
          // Create a lettered icon for this point using our icon class

          var letteredIcon = new GIcon(baseIcon);
		  letteredIcon.image = "http://www.ticketvala.com/b2c/images/pointer.png";

           //Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
		  //markerOptions = { icon:tinyIcon };
          var marker = new GMarker(point, markerOptions);

          return marker;
        }

        var bounds = map.getBounds();

	        for (var i = 0; i < pickup_list.length; i++) {
	        	//alert("insdei golobal Lat "+pickup_list[i].latitude+" Long"+pickup_list[i].longitude);
				var latlng = new GLatLng(pickup_list[i].latitude, pickup_list[i].longitude)
				if(pickup_list[i].latitude!=0 && pickup_list[i].longitude!=0){
				
				map.addOverlay(createMarker(latlng, i));}
				//alert("insdei golobal");
			  
	        }
      	}
    }
    
    
    
    
	
	function pickuppoint(lat,lng) {
		this.latitude = lat
		this.longitude = lng
	}
	
	

    // above is the code for google map
    
    

