if (Drupal.jsEnabled) {
    var gmarkers = [];
    $(document).ready(function () {
	if (GBrowserIsCompatible()) {
	    
	    function createMarker(latlng, number, html, summary) {
		var num = "" + number + "";
		//var newIcon = MapIconMaker.createLabeledMarkerIcon({addStar: false, label: num, primaryColor: "#ff0000"});
		var marker = new GMarker(latlng, number);
		
		marker.value = number;
		GEvent.addListener(marker,"click", function() {
			var tabs = [];
			my_array = html.split("#####");
			my_array_length = my_array.length;
			tab_data = my_array;
			info_tabs[latlng] = new Array(2);
			info_tabs[latlng][0] = my_array;
			info_tabs[latlng][1] = tab_data.length - 1;

			var min = summary;
			min = min + "<br/>Click + to view detailed information";
			var sum = '<p>summary marker info:' + latlng + '</p>';
			//var sum = '<span class = "max-title-nav"><select id= "tab-select" onchange="output();"><option value="1-3">1-3</option><option value="4-7">4-7</option></select></span>';
			
			if(my_array.length <= 2) {
			    for( var i = 0 ; i < tab_data.length - 1 ; i++) {
				if(tab_data[i]) {
				    //tabs.push(new openInfoWindowTabHtml("<div id = 'tab-s'>Page " + (i+1) + "</div>", tab_data[i]));
				    tabs.push(new GInfoWindowTab("Page " + (i+1), tab_data[i]));
				}
			    }
			    marker.openInfoWindowTabsHtml(tabs);
			}else {
			    //tabs.push(new MaxContentTab('Prev', ''));
			    //tabs.push(new MaxContentTab(prev_tab, ''));
			    for( var i = 0 ; i < 3 ; i++) {
				if(my_array[i]) {
				    //tabs.push(new MaxContentTab('<span id ="mytab'+ i +'"> marker tab' + i +' </span>', '<div id = "mycontent' + i + '">' + my_array[i] + '</div>'));
				    //tabs.push(new MaxContentTab('<span id ="mytab'+ i +'"> Page ' + i +' </span>', '<div id = "mycontent' + i + '">' + my_array[i] + '</div>'));
				    var set_s = ((php_set * i)+1);
				    var set_e = set_s + php_set - 1;

				    tabs.push(new MaxContentTab('<span id ="mytab'+ i +'">' + set_s +'-' + set_e +' </span>', '<div id = "mycontent' + i + '">' + my_array[i] + '</div>'));
				}
			    }
			    //tabs.push(new MaxContentTab(next_tab, ''));
			    //tabs.push(new MaxContentTab('Next', ''));
			    //marker.openMaxContentTabsHtml(map, min, sum, tabs, {maxTitle: "More Marker Info", selectedTab: 1, maximized: true});
			    
			    if(my_array_length - 1 > 3) {
				var sum = '<span class = "max-title-nav" style = "float:right;">Go To: <select id= "tab-select" onchange="output('+latlng+', '+info_tabs[latlng][1]+');">';
				var no_of_options = Math.ceil((my_array_length - 1)/3);
				//var no_of_options = Math.ceil((my_array_length - 1)/php_set);

				var start = 0;
				var end = -1;
				for(var j = 0; j < no_of_options; j++) {
				    start = end + 1;
				    end = start + 2;
				    //end = start + (php_set - 1);
				    //alert(my_array_length);
				    if( end > (my_array_length - 2) ) {
					end = my_array_length - 2;
					//alert(my_array_length);
				    }
				    var op = start + "-" + end;
				    sum += '<option value="'+ op +'">Pages '+ op+'</option>';
				}
				sum += '</select></span>';

				// add next and prev for pager only
				tabs.unshift(new MaxContentTab(prev_tab, ''));
				tabs.push(new MaxContentTab(next_tab, ''));

			    }else {
				sum = "";
				tabs.unshift(new MaxContentTab("<span class = 'prev-tab-blank' id = 'prev-tab-blank'></span>", ''));
			    }


			    marker.openMaxContentTabsHtml(map, min, sum, tabs, {maxTitle: 'Advices', selectedTab: 1, maximized: true});
			}
			//marker.openInfoWindowTabsHtml(tabs);
		    });
		gmarkers.push(marker);
		return marker;
	    }

	    var prev_tab = "<span class = 'prev-tab' id = 'prev-tab'> Prev </span>";
	    var next_tab = "<span class = 'next-tab' id = 'next-tab'> Next </span>";
	    var info_tabs = new Array(2);
	    var bounds = new GLatLngBounds();
	    var map = new GMap2(document.getElementById("gmap"));
	    map.setUIToDefault();
	    map.disableScrollWheelZoom();
	    if(js_array.length >= 1) {
		//map.setCenter(new GLatLng(c1, c2), zoom);
		map.setCenter(new GLatLng( 34.052187, -118.243425),zoom);
		for(var i=0; i <js_array.length ; i++) {
		    var point = new GLatLng(js_array[i][0], js_array[i][1]);
		    //map.addOverlay(createMarker(point, i+1, js_array[i][2]));
		    map.addOverlay(createMarker(point, i+1, js_array[i][2], js_array[i][3]));
		    bounds.extend(point);
		}
		map.setZoom(map.getBoundsZoomLevel(bounds));
		map.setCenter(bounds.getCenter());
	    }else {
		map.setCenter(new GLatLng( 34.052187, -118.243425),zoom);
	    }


	    GEvent.addListener(map.getTabbedMaxContent(), 'selecttab', function(tab) {
		    var node = tab.getContentNode();
		    var latlng = map.getInfoWindow().getPoint();
		    var my_array = info_tabs[latlng][0];
		    var max_tabs = info_tabs[latlng][1];
		    var label = tab.getLabel();
		    $('#next-tab').html(" Next ");
		    $('#prev-tab').html(" Prev ");
		    current_tab = Number(currentTab.current_tab);

		    //		    if(label == 'Next') {
		    if(label == next_tab) {
			current_tab = current_tab + 3;
			if(current_tab < max_tabs) {
			    if(my_array[current_tab]) {
				$('#mycontent0').html(my_array[current_tab]);
				var set_s = ((php_set * current_tab)+1);
				var set_e = set_s + php_set - 1;
				$('#mytab0').html(set_s + '-' + set_e);
			    }else{
				$('#mycontent0').html("");
				$('#mytab0').html("");
			    }

			    if(my_array[current_tab+1]) {
				$('#mycontent1').html(my_array[(current_tab+1)]);
				var set_s = ((php_set * (current_tab+1)) + 1);
				var set_e = set_s + php_set - 1;
				$('#mytab1').html(set_s + '-' + set_e);
			    }else{
				$('#mycontent1').html("");
				$('#mytab1').html("");
			    }

			    if(my_array[current_tab+2]) {
				$('#mycontent2').html(my_array[(current_tab+2)]);
				var set_s = ((php_set * (current_tab+2))+1);
				var set_e = set_s + php_set - 1;
				$('#mytab2').html(set_s + '-' + set_e);
			    }else{
				$('#mycontent2').html("");
				$('#mytab2').html("");
			    }
		      
			}else {
			    current_tab = current_tab - 3;
			}

			currentTab(current_tab);
		    }

		    //if(label == 'Prev' && current_tab != 0) {
		    if(label == prev_tab && current_tab != 0) {
			current_tab = current_tab - 3;
			
			$('#mycontent0').html(my_array[current_tab]);
			$('#mycontent1').html(my_array[(current_tab+1)]);
			$('#mycontent2').html(my_array[(current_tab+2)]);

			var set_s = ((php_set * current_tab)+1);
			var set_e = set_s + php_set - 1;
			$('#mytab0').html(set_s + '-' + set_e);


			var set_s = ((php_set * (current_tab+1))+1);
			var set_e = set_s + php_set - 1;	
			$('#mytab1').html(set_s + '-' + set_e);
			
			var set_s = ((php_set * (current_tab+2))+1);
			var set_e = set_s + php_set - 1;
			$('#mytab2').html(set_s + '-' + set_e);


			/*$('#mytab0').html("marker tab" + current_tab);
			$('#mytab1').html("marker tab" + (current_tab+1) );
			$('#mytab2').html("marker tab" + (current_tab+2) );*/
		    }

		    /*
		      if((current_tab + 3) >= max_tabs) {
		      $('#next-tab').html("");
		      }
		      if(current_tab == 0) {
		      $('#prev-tab').html("");
		      }
		    */
		    
		    currentTab(current_tab);
		});


	    /*GEvent.addListener(map.getInfoWindow(), 'maximizeend', function() {
	      alert("hi");
	      });*/


	    /* function currentTab(old){
	       if(old) {
	       currentTab.current_tab = old;
	       }else {
	       currentTab.current_tab = 0;
	       }
	       }*/
	    
	    function countMyself() {
		if ( typeof countMyself.counter == 'undefined' ) {
		    countMyself.counter = 0;
		}
	    }

	    // this is required to reset the counter to integer on map initialization
	    currentTab.current_tab = 0;
 	}

	
	});
}


function advicedClicked(parent_element) {
    var element = $(parent_element).children();
    var href = $(element).attr("nodeurl");
    var options = {width: '400px', forceReturn: false, href: href};
    Popups.openPath(element, options);
    //Drupal.popups.openContent(title, content, options, element);
}