/*
This script is used for all javascript that is unique to the mainInfo details page
*/

function observeMainInfoIcons() {
	
    var icons = document.getElementsByClassName("mIcon");
    /* icons.each(function(icon) { */
   /* for (var index = 0, len = icons.length; index < len; ++index) { */
   /* Fucking BEN!!!! */
   
   		/* price */
  		var icon0 = icons[0];
    
        icon0.observe("mouseover",function(ev){
           Event.stop(ev);
			var posx = 0;
			var posy = 0;
			if (ev.pageX || ev.pageY) 	{
				posx = ev.pageX;
				posy = ev.pageY;
			}
			else if (ev.clientX || ev.clientY) 	{
				posx = ev.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = ev.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			
           showIconHover(icon0.id, 'info-hover', posx,posy);
        });
        icon0.observe("mouseout",function(ev) {
        
           Event.stop(ev);
            showIconHover(icon0.id, 'info-hover',0,0);
        });
        
        /* parking */
        var icon1 = icons[1];
    
        icon1.observe("mouseover",function(ev){
           Event.stop(ev);
			var posx = 0;
			var posy = 0;
			if (ev.pageX || ev.pageY) 	{
				posx = ev.pageX;
				posy = ev.pageY;
			}
			else if (ev.clientX || ev.clientY) 	{
				posx = ev.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = ev.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			
           showIconHover(icon1.id, 'info-hover', posx,posy);
        });
        icon1.observe("mouseout",function(ev) {
        
           Event.stop(ev);
            showIconHover(icon1.id, 'info-hover',0,0);
        });
        
        
        /* handicap */
        var icon2 = icons[2];
    
        icon2.observe("mouseover",function(ev){
           Event.stop(ev);
			var posx = 0;
			var posy = 0;
			if (ev.pageX || ev.pageY) 	{
				posx = ev.pageX;
				posy = ev.pageY;
			}
			else if (ev.clientX || ev.clientY) 	{
				posx = ev.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = ev.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			
           showIconHover(icon2.id, 'info-hover', posx,posy);
        });
        icon2.observe("mouseout",function(ev) {
        
           Event.stop(ev);
            showIconHover(icon2.id, 'info-hover',0,0);
        });
        
        
        /* eating */
        var icon3 = icons[3];
    
        icon3.observe("mouseover",function(ev){
           Event.stop(ev);
			var posx = 0;
			var posy = 0;
			if (ev.pageX || ev.pageY) 	{
				posx = ev.pageX;
				posy = ev.pageY;
			}
			else if (ev.clientX || ev.clientY) 	{
				posx = ev.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = ev.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			
           showIconHover(icon3.id, 'info-hover', posx,posy);
        });
        icon3.observe("mouseout",function(ev) {
        
           Event.stop(ev);
            showIconHover(icon3.id, 'info-hover',0,0);
        });
        
        
        /* restroom */
        var icon4 = icons[4];
    
        icon4.observe("mouseover",function(ev){
           Event.stop(ev);
			var posx = 0;
			var posy = 0;
			if (ev.pageX || ev.pageY) 	{
				posx = ev.pageX;
				posy = ev.pageY;
			}
			else if (ev.clientX || ev.clientY) 	{
				posx = ev.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = ev.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			
           showIconHover(icon4.id, 'info-hover', posx,posy);
        });
        icon4.observe("mouseout",function(ev) {
        
           Event.stop(ev);
            showIconHover(icon4.id, 'info-hover',0,0);
        });
        
        
        
        /* mapping */
        var icon5 = icons[5];
    
        icon5.observe("mouseover",function(ev){
           Event.stop(ev);
			var posx = 0;
			var posy = 0;
			if (ev.pageX || ev.pageY) 	{
				posx = ev.pageX;
				posy = ev.pageY;
			}
			else if (ev.clientX || ev.clientY) 	{
				posx = ev.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = ev.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			
           showIconHover(icon5.id, 'info-hover', posx,posy);
        });
        icon5.observe("mouseout",function(ev) {
        
           Event.stop(ev);
            showIconHover(icon5.id, 'info-hover',0,0);
        });
        
        
        /* homepage */
        var icon6 = icons[6];
    
        icon6.observe("mouseover",function(ev){
           Event.stop(ev);
			var posx = 0;
			var posy = 0;
			if (ev.pageX || ev.pageY) 	{
				posx = ev.pageX;
				posy = ev.pageY;
			}
			else if (ev.clientX || ev.clientY) 	{
				posx = ev.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = ev.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			
           showIconHover(icon6.id, 'info-hover', posx,posy);
        });
        icon6.observe("mouseout",function(ev) {
        
           Event.stop(ev);
            showIconHover(icon6.id, 'info-hover',0,0);
        });
        
        
   /* } */
}

function showIconHover(iconId, displayContent, posx, posy){
	var dc = $(displayContent);
	if (posx != null && posy != null) {
		dc.style.top = String(posy + 30) + "px";
		dc.style.left = String(posx) + "px";
	}
	displayMode = ($(displayContent).style.display == "block") ? "none" : "block";
	
	var content = $(iconId + "Content");
	
	
	dc.style.display = displayMode;
	dc.style.position = 'absolute';

	dc.innerHTML = content.innerHTML;

}

function refreshBucket(){

	dojo.io.bind({
		url:'/viewBucket.ha',
		content: {

		},
		method:'post',
		load: function(type, data, evt){

		  displayBucket(data);


		},
		mimetype: "text/plain"
		});

		dojo.io.bind({
		url:'/viewBucketListing.ha',
		content: {

		},
		method:'post',
		load: function(type, data, evt){
			

		  var myarray = data.split(',');

		  for(var i=0; i < myarray.length;i++){

			//document.getElementById('addButton-'+myarray[i]).src="/images/but_added.gif";
			var addButtonForSite = document.getElementById('addButton-'+myarray[i]);
			if (addButtonForSite)  {
				addButtonForSite.innerHTML="";
			}

		  }


		},
		mimetype: "text/plain"
		});


}

	
function showAlerts(imgId) {
	var divAlerts = document.getElementById('alerts');
	if (document.getElementById(imgId)) {
		var controlImg = document.getElementById(imgId);
		controlImg.src = (divAlerts.style.display == "none") ? "/images/icon_minus.gif" : "/images/icon_plus.gif";
	}
	divAlerts.style.display = (divAlerts.style.display == "none") ? "block" : "none";
}



function showPopup(windowName, popupHeight, popupWidth) {
	
	document.getElementById(windowName).style.display = "block";
	var documentHeight = document.documentElement.clientHeight;
	var documentWidth = document.body.clientWidth;
	if(documentHeight == "0") {
		documentHeight = "768";
	}
	var topPos = (documentHeight - popupHeight)/2 + parseInt(getScrollY());
	var leftPos = (documentWidth - popupWidth)/2;

	document.getElementById(windowName).style.top = topPos + "px";
	document.getElementById(windowName).style.left = leftPos + "px";

}

function getScrollY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 			
	{
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfY ];
}

function closePopup(windowName) {
	document.getElementById(windowName).style.display = "none";
}