var showBox = null;
var boxes = [];
var loadGoogleAPI = 0;
window.addEvent('domready',function () {
$$('a').each(function(el) {
	if(el.className=='nicebox') {
		el.addEvent('click',function () {showBox(0,'popup_vid');});
	}
	if(el.className=='nicebox_gallery') {
		el.addEvent('click',function() {
			//alert(el.getProperty('coords'));
			var scrollAmount = document.documentElement.scrollTop;
			var details = el.getProperty('coords').split(',');
			$('popup_gallery').setStyles({'width':(parseInt(details[0])+80)+'px','height':details[1]+'px','top':scrollAmount+'px'});
			$('popimage').setStyles({'width':(parseInt(details[0])+80)+'px','height':details[1]+'px'});
			$('container').setStyles({'width':(parseInt(details[0])+80)+'px','height':details[1]+'px'});
			$('bottom_container').setStyles({'width':(parseInt(details[0])+80)+'px'});
			$('image_gallery').innerHTML = '<img src="'+el.title+'">';
			showBox(3,'popup_gallery');
		});
		$$('#image_gallery').each(function(item){
			item.addEvent('click',function() {
				showBox(3,'popup_gallery');
			});
		});
	}
	if(el.className=='nicedetails') {

		el.addEvent('click',function() {
			
			var url = live_site+"ajax/spit_details.php?id="+el.id;
			
			var ajax = new Ajax(url, { 
				method: 'get',
				onComplete: function(response) {
					$('details_wrap').innerHTML = '';
					$('details_wrap').innerHTML = response;
					
				},
				onCancel: function() {
					// when we stop timed ajax while it's requesting
					// we forse to cancel the request, so here we
					// just remove the spinner
					//log.removeClass('ajax-loading'); 
				}
			});
			ajax.request();
			var scrollAmount = document.documentElement.scrollTop;
			$('popupdetails').setStyles({'top':scrollAmount+'px'});
			showBox(4,'popupdetails');
		});
	}
});

$$('div').each(function(el){
	if(el.className=='niceboxx') {
		
		el.addEvent('click',function() {
			if(el.title=='popupmap') {
				showBox(1,'popupmap');
			}
			if(el.title=='popupmap2') {
				showBox(2,'popupmap2');
			}
		});
	}
});

function showBox(type,box_name) {
	var box = $(box_name);
	if(type==1) {
		initLoader(1);
	}
	if(type==2) {
		initLoader(2);
	}
	if(type==3) {
		loadImage(box_name);
	}
	if (!box) return;
	boxes.include(box);
	if (box.getStyle('display') == 'none') {
		box.setStyles({
			display: 'block',
			opacity: 0
		});
	}else {
		box.setStyles({display:'none',opacity:0});
	}
	//alert(box.status);
	if (box.status == 'show') {
		//hide
		box.status = 'hide';
		var fx = new Fx.Style (box,'opacity');
		fx.stop();
		fx.start (box.getStyle('opacity'), 0);
	} else {
		boxes.each(function(box1){
			if (box1!=box && box1.status=='show') {
				box1.status = 'hide';
				//var fx = new Fx.Style (box1,'opacity');
				//fx.stop();
				//fx.start (box1.getStyle('opacity'), 0);
				box.setStyles({
								display: 'none',
								opacity: 0
				});
			}
		},this);
		//box.status = 'show';
		
		var fx = new Fx.Style (box,'opacity',{onComplete:function(){}});
		fx.stop();
		fx.start (box.getStyle('opacity'), 1);
		var close = $('close_button_'+box_name);
		
		close.addEvent('click',function() {
			showBox(type,box_name);
		});
	}
}
function loadImage(box_name) {
	
}
});
function loadMaps1() {
  google.load("maps", "2", {"callback" : mapsLoaded1});
}
function loadMaps2() {
  google.load("maps", "2", {"callback" : mapsLoaded2});
}
function mapsLoaded1() {
    if(GBrowserIsCompatible()){
                    var map = new GMap2(document.getElementById('map_wrap'));
					var center = new GLatLng(mapSettings.lat1,mapSettings.long1)
                    map.setCenter(center, mapSettings.zoom);
					//map.setMapType(G_SATELLITE_MAP);
					map.setZoom(8);
                    // add 10 markers to the map at random locations
                    map.addOverlay(new GMarker(center));
 					//createMarker(center,'sdfsdfsdfsd')

                    // add some simple controls
                    map.addControl(new GSmallMapControl());
                    map.addControl(new GMapTypeControl());
                }
            }
function mapsLoaded2() {
    if(GBrowserIsCompatible()){
                    var map = new GMap2(document.getElementById('map_wrap2'));
					var center = new GLatLng(mapSettings.lat2,mapSettings.long2)
                    map.setCenter(center, mapSettings.zoom);
					//map.setMapType(G_SATELLITE_MAP);
					map.setZoom(12);
                    // add 10 markers to the map at random locations
                    map.addOverlay(new GMarker(center));
 					//createMarker(center,'sdfsdfsdfsd')

                    // add some simple controls
                    map.addControl(new GSmallMapControl());
                    map.addControl(new GMapTypeControl());
                }
            }

function initLoader(type) {
  var api = "ABQIAAAApxRZ1LTJd0fQIJviZjUeFhQylMrL5xxUk2pGqgMcitBkjBozMBTr4eN7-Q-PWH9r0_FLYL54tEuiEg";
  if(loadGoogleAPI!=1) {
	  var script = document.createElement("script");
	  if(type==1) {
	  	script.src = "http://www.google.com/jsapi?key="+api+"&callback=loadMaps1";
	  }else {
	  	script.src = "http://www.google.com/jsapi?key="+api+"&callback=loadMaps2";
	  }
	  script.type = "text/javascript";
	  document.getElementsByTagName("head")[0].appendChild(script);
  }
  loadGoogleAPI = 1;
}