// Functions to show hovering div containing details about vegs
var globalX,globalY;
var http_request;

// creating HTTP Request object - browser independent
function createHttpRequest() {
  
    if (  http_request!=null ) return http_request;

    if (window.XMLHttpRequest) { // Mozilla, Safari,...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');
            
        }
    } else if (window.ActiveXObject) { // IE
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
            }
            
        }
    }

    if (!http_request) {
        alert('Your browser does not support AJAX technology');
        return false;
    }

  //  http_request.onreadystatechange = getProjects;                
    return http_request;
}



// Storing global mouse position

/*
function mousePosition(e)
{    
    var posx = 0;
    var posy = 0;                        

    if (!e) var e = window.event;

    globalBaseX = e.clientX;
    globalBaseY = e.clientY;
    
    if (e.pageX || e.pageY) {

        posx = e.pageX;
    
        posy = e.pageY;
    
    }

    else if (e.clientX || e.clientY) {
        
        posx = e.clientX + document.body.scrollLeft
            + document.documentElement.scrollLeft;
        
        posy = e.clientY + document.body.scrollTop            
            + document.documentElement.scrollTop;            
    }
    globalX = posx;
    globalY = posy;
}
*/


 function getY( oElement )
{
var iReturnValue = 0;
while( oElement != null ) {
    iReturnValue += oElement.offsetTop;
    oElement = oElement.offsetParent;
}
return iReturnValue;
}

//////////////////////////////////////
function showCloud( e , veg_id , item , bg_pos)
{    
	 //mousePosition(e);
	
	  var url;   
    var all_url;  
    var theHeight;
    var theWidth;	
    var cloudHeight = '';
    var cloudWidth = 700; 
	
	
    url = "get_vegs_details.ajax.php";        
        
    http_request = createHttpRequest();     
    if ( http_request ) {    
        
        id = encodeURIComponent(veg_id);
        all_url = url+'?veg_id='+ id;
        http_request.open('GET', all_url , true);    
        http_request.onreadystatechange = receiveVegDetails;                        
        http_request.send(null);            
    
    
    xx = 0;

    
    //yy = getY( item) - 280;

		yy = -100;
 		
 		var text = "<p style=\"margin:0px;padding:0px;width:100%;height: 100%;text-align:center;vertical-align:middle\"><br/><br/><br/><img src=\"ajax-loader.gif\" border=\"0\" alt=\"Loading ...\" /></p>";
	
		
		document.getElementById("Cloud").innerHTML = text;
		document.getElementById("Cloud").style.position='absolute';
		document.getElementById("Cloud").style.left=xx+'px';		
		document.getElementById("Cloud").style.top=yy+'px';
		//document.getElementById("Cloud").style.height= cloudHeight+'px';
		document.getElementById("Cloud").style.width=cloudWidth+'px';       
		document.getElementById("Cloud").style.visibility = "visible";
		document.getElementById("Cloud").style.display = "block";   
		document.getElementById("Cloud").style.padding = "0px";
		//document.getElementById("Cloud").style.backgroundPosition = bg_pos;   
		
    }          
}

//////////////////////////////////////
function receiveVegDetails() {
  var id;
	var image_name,name,organic,conventional;
	var c = new Array (12)
	var o = new Array(12);
    var monts = new Array('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
 
	if (http_request.readyState == 4) {
	  //  document.getElementById('ajax_message').style.visibility='hidden';  
		if (http_request.status == 200) {       
																	  
		   var xmldoc = http_request.responseXML;               
		   var root_node = xmldoc.getElementsByTagName('root').item(0);            
		   var responses = root_node.getElementsByTagName('veg');
		   
		   // if there are some results
		   
		   if ( responses.length > 0 ) { 
				var i = 0;           
				if ( root_node.getElementsByTagName('name').item(i).childNodes[0] ) 
					name = root_node.getElementsByTagName('name').item(i).childNodes[0].nodeValue;
				else name = '';
				if ( root_node.getElementsByTagName('image_name').item(i).childNodes[0] ) 
					image_name = root_node.getElementsByTagName('image_name').item(i).childNodes[0].nodeValue;
				else image_name = '';
					 
				if ( root_node.getElementsByTagName('organic').item(i).childNodes[0] ) 
					organic =  root_node.getElementsByTagName('organic').item(i).childNodes[0].nodeValue;                 
				else organic = '';
				
				if ( root_node.getElementsByTagName('conventional').item(i).childNodes[0] ) 
					conventional =  root_node.getElementsByTagName('conventional').item(i).childNodes[0].nodeValue;                 
				else conventional = '';
				// months
				if ( root_node.getElementsByTagName('jan_conventional').item(i).childNodes[0] ) 
					c[0] =  root_node.getElementsByTagName('jan_conventional').item(i).childNodes[0].nodeValue;                 
				else c[0] = 'false';
				if ( root_node.getElementsByTagName('feb_conventional').item(i).childNodes[0] ) 
					c[1] =  root_node.getElementsByTagName('feb_conventional').item(i).childNodes[0].nodeValue;                 
				else c[1] = '';
				if ( root_node.getElementsByTagName('mar_conventional').item(i).childNodes[0] ) 
					c[2] =  root_node.getElementsByTagName('mar_conventional').item(i).childNodes[0].nodeValue;                 
				else c[2] = '';
				if ( root_node.getElementsByTagName('apr_conventional').item(i).childNodes[0] ) 
					c[3] =  root_node.getElementsByTagName('apr_conventional').item(i).childNodes[0].nodeValue;                 
				else c[3] = '';
				if ( root_node.getElementsByTagName('may_conventional').item(i).childNodes[0] ) 
					c[4] =  root_node.getElementsByTagName('may_conventional').item(i).childNodes[0].nodeValue;                 
				else c[4] = '';
				if ( root_node.getElementsByTagName('jun_conventional').item(i).childNodes[0] ) 
					c[5] =  root_node.getElementsByTagName('jun_conventional').item(i).childNodes[0].nodeValue;                 
				else c[5] = '';
				if ( root_node.getElementsByTagName('jul_conventional').item(i).childNodes[0] ) 
					c[6] =  root_node.getElementsByTagName('jul_conventional').item(i).childNodes[0].nodeValue;                 
				else c[6] = '';
				if ( root_node.getElementsByTagName('aug_conventional').item(i).childNodes[0] ) 
					c[7] =  root_node.getElementsByTagName('aug_conventional').item(i).childNodes[0].nodeValue;                 
				else c[7] = '';
				if ( root_node.getElementsByTagName('sep_conventional').item(i).childNodes[0] ) 
					c[8] =  root_node.getElementsByTagName('sep_conventional').item(i).childNodes[0].nodeValue;                 
				else c[89] = '';
				if ( root_node.getElementsByTagName('oct_conventional').item(i).childNodes[0] ) 
					c[9] =  root_node.getElementsByTagName('oct_conventional').item(i).childNodes[0].nodeValue;                 
				else c[9] = '';
				if ( root_node.getElementsByTagName('nov_conventional').item(i).childNodes[0] ) 
					c[10] =  root_node.getElementsByTagName('nov_conventional').item(i).childNodes[0].nodeValue;                 
				else c[10] = '';
				if ( root_node.getElementsByTagName('dec_conventional').item(i).childNodes[0] ) 
					c[11] =  root_node.getElementsByTagName('dec_conventional').item(i).childNodes[0].nodeValue;                 
				else c[11] = '';
				
				if ( root_node.getElementsByTagName('jan_organic').item(i).childNodes[0] ) 
					o[0] =  root_node.getElementsByTagName('jan_organic').item(i).childNodes[0].nodeValue;                 
				else o[0] = 'false';
				if ( root_node.getElementsByTagName('feb_organic').item(i).childNodes[0] ) 
					o[1] =  root_node.getElementsByTagName('feb_organic').item(i).childNodes[0].nodeValue;                 
				else o[1] = '';
				if ( root_node.getElementsByTagName('mar_organic').item(i).childNodes[0] ) 
					o[2] =  root_node.getElementsByTagName('mar_organic').item(i).childNodes[0].nodeValue;                 
				else o[2] = '';
				if ( root_node.getElementsByTagName('apr_organic').item(i).childNodes[0] ) 
					o[3] =  root_node.getElementsByTagName('apr_organic').item(i).childNodes[0].nodeValue;                 
				else o[3] = '';
				if ( root_node.getElementsByTagName('may_organic').item(i).childNodes[0] ) 
					o[4] =  root_node.getElementsByTagName('may_organic').item(i).childNodes[0].nodeValue;                 
				else o[4] = '';
				if ( root_node.getElementsByTagName('jun_organic').item(i).childNodes[0] ) 
					o[5] =  root_node.getElementsByTagName('jun_organic').item(i).childNodes[0].nodeValue;                 
				else o[5] = '';
				if ( root_node.getElementsByTagName('jul_organic').item(i).childNodes[0] ) 
					o[6] =  root_node.getElementsByTagName('jul_organic').item(i).childNodes[0].nodeValue;                 
				else o[6] = '';
				if ( root_node.getElementsByTagName('aug_organic').item(i).childNodes[0] ) 
					o[7] =  root_node.getElementsByTagName('aug_organic').item(i).childNodes[0].nodeValue;                 
				else o[7] = '';
				if ( root_node.getElementsByTagName('sep_organic').item(i).childNodes[0] ) 
					o[8] =  root_node.getElementsByTagName('sep_organic').item(i).childNodes[0].nodeValue;                 
				else o[8] = '';
				if ( root_node.getElementsByTagName('oct_organic').item(i).childNodes[0] ) 
					o[9] =  root_node.getElementsByTagName('oct_organic').item(i).childNodes[0].nodeValue;                 
				else o[9] = '';
				if ( root_node.getElementsByTagName('nov_organic').item(i).childNodes[0] ) 
					o[10] =  root_node.getElementsByTagName('nov_organic').item(i).childNodes[0].nodeValue;                 
				else o[10] = '';
				if ( root_node.getElementsByTagName('dec_organic').item(i).childNodes[0] ) 
					o[11] =  root_node.getElementsByTagName('dec_organic').item(i).childNodes[0].nodeValue;                 
				else o[11] = '';		 
				
				var available = ''; 
				if ( conventional == 'true' ) available+= 'conventional';
				if ( organic == 'true' ) {
					if ( available == 'conventional' ) available += ' and ';
					available+= 'organic';
				}
				
				// building html code for detail window
				
				

				

        
        

			
				
				text = " <table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td width=\"100\" id=\"vegatable_data\"><img src=\""+image_name+"\" border=\"0\" width=\"90\"  height=\"90\" style=\"border:5px solid #ffffff\"/></td>";
				text += "<td style=\"verticle-align: top;\"><h3>"+name+"</h3><table cellpadding=\"0\" cellspacing=\"0\" id=\"calendar\"><tr style=\"height:5px\">";
				
				
					/*
				
				
				text =  " <table style=\"color:black;border: 1px solid black; width: 400px;height:300px;padding:0px;margin:0px \"  ";
				text += "  <tr><td style=\"padding:0px\"><img style=\"margin:0px\" src=\""+image_name+"\" border=\"0\" width=\"400\"/></td></tr>";
				text += "  <tr><td>"+name+"</td></tr>";				
				text += "  <tr><td style=\"text-align:center\">Available in "+available+"<br/></td></tr>";
				text += "  <tr><td><table style=\"color:black;border 1px solid black;padding:0px;margin:0px;width:400px\"><tr style=\"height:10px\">";
				
				
				*/
				
				var style;
				for (var i=0; i < 12; i++ ) {
					text +=  "<th style=\"text-align: center\">"+monts[i]+"</th>";
				}
			
				text += "</tr><tr style=\"height:20px\">";
				for (var i=0; i< 12; i++ ) {
					var style="";
					if ( c[i] == 'true' ) style='background-color: #699f34';
					if ( c[i] == 'imported' ) style='background: #699f34 url(mark-conventional.gif) 50% 50% no-repeat;';
					text += "<td style=\""+style+"\">&nbsp;</td>";
				}
				
				text += "</tr><tr style=\"height:20px\">";
				for (var i=0; i< 12; i++ ) {
					var style="";
					if ( o[i] == 'true' ) style='background-color: #267480';
					if ( o[i] == 'imported' ) style='background: #267480 url(mark-organic.gif) 50% 50% no-repeat;';
					text += "<td style=\""+style+"\">&nbsp;</td>";
				}
				
				
				text += "</tr></table></td></tr></table>";
				
				text += "<div id=\"key\">";
				text += "	<ul>";				
				text += "		<li id=\"conventional\">Conventional</li>";
				text += "		<li id=\"conventional_import\">Conventional IMP.</li>";
				text += "		<li id=\"organic\">Organic</li>";
				text += "		<li id=\"organic_import\">Organic IMP.</li>";
				text += "		<li id=\"empty\">Empty</li>";
				text += "	</ul>";
				text += "</div>";
				
			   
				document.getElementById('Cloud').innerHTML = text;
				
			    //showCloud( escape( text ),   comments  , content );                                         
		   }
		}                  
	}                 
}
//////////////////////////////////////
function hideCloud()
{       
    document.getElementById("Cloud").style.display = 'none';    
}