",
id:'mapas'
}
]
}
);
}
var ini_lat = 37.4538;
var ini_lng = -5.6815;
var ini_zoom = 9;
var ini_sw_lat = 36.8017;
var ini_sw_lng = -6.8147;
var ini_ne_lat = 38.1424;
var ini_ne_lng = -4.4577;
if (centerBox)
{
ini_lat = centerBox.y;
ini_lng = centerBox.x;
ini_sw_lat = centerBox.y0;
ini_sw_lng = centerBox.x0;
ini_ne_lat = centerBox.y1;
ini_ne_lng = centerBox.x1;
ini_zoom = 14;
}
//initialize map
MiradorMashup.init({
/*Bounding box*/
ini_sw_lat: ini_sw_lat,
ini_sw_lng: ini_sw_lng,
ini_ne_lat : ini_ne_lat,
ini_ne_lng : ini_ne_lng,
ini_lat: ini_lat,
ini_lng: ini_lng,
ini_zoom: ini_zoom,
canvas : "map_canvas",
userClick : true
});
jQuery('img.hover_image').imghover();
/****************************************************************************************************************************************
* This is an Ajax called to a php content for the pics initial state ( php/getListTown) and the town combo box
*****************************************************************************************************************************************/
// we use this Ext object that allows us to get an Ajax connection
var connection = new Ext.data.Connection();
// the page should be 1 at first
var page = 1;
// the url where the php file is
var fullUrl = 'php/getTownList_shadowbox.php?pag='+page;
var width = screenWidthGlobal;
var height = screenHeightGlobal;
connection.request
(
{
url: fullUrl,
method: 'POST',
params: {'pag': page, 'width': width, 'height': height},
success:
function (responseObject)
{
showFirstStatePics (responseObject.responseText);
},
failure:
function ()
{
Ext.Msg.alert ('estado','Incapaz de listar los municipios. Intente por favor otra vez.');
}
}
);
// the handle function for the ext ajax connection request
function showFirstStatePics(t)
{
var connection2 = new Ext.data.Connection();
var urlComboBox = 'php/getTownComboBox_shadowbox.php?isIe7='+(isIe7() ? '1' : '0');
Ext.get('fotosTabContent').update("");
Ext.get('fotosTabContent').update(t.toString());
connection2.request
(
{
url: urlComboBox,
method: 'POST',
success:
function (responseObject)
{
showTownComboBox (responseObject.responseText);
},
failure:
function ()
{
Ext.Msg.alert ('estado', 'Incapaz de listar los municipios. Intente por favor otra vez.');
}
}
);
}
function showTownComboBox(t)
{
Ext.get('fotosTabTopBandSpecific').update(t.toString());
}
/****************************************************************************************************************************************
*****************************************************************************************************************************************/
/****************************************************************************************************************************************
* This is an embed ajax called to a html file for the data initial state ( html/dataIndex.html) and the town combo box (next 2do) *
*****************************************************************************************************************************************/
this.firstTimeChangeToDataTabPanel=true;
/****************************************************************************************************************************************
*****************************************************************************************************************************************/
/****************************************************************************************************************************************
* These are the Handle functions *
*****************************************************************************************************************************************/
// this is the photo slide show
var myShow = null;
// this is the data tree
var treeDatos = null;
// main tabs change
function handleTabChange(tabpanel,newTab)
{
currentlySelectedTabTitle = newTab.title;
var url_ = 'html/dataIndex.php';
var connection = new Ext.data.Connection();
if(newTab.title=="Mapas")
{
Ext.useShims = true;
if(vgiFlag)
{
win.hide();
win.show();
}
if(vgiFlagIssue)
{
winIssue.hide();
winIssue.show();
}
if(vgiFlagSearch)
{
winSearch.hide();
winSearch.show();
}
if(notExplorer8)
{
var el = Ext.get('mapasTabContent');
el.applyStyles("width: "+(anchura+2)+"px");
el.applyStyles("height: "+(altura+2)+ "px;");
var widthIE7 = (Ext.get('mainTabsDiv').getComputedWidth()-anchura-2)/2;
el.applyStyles("margin-left: "+widthIE7+"px;");
// if dont check this many times exceptions are launched
if(currentTabHeight!= mapasTabHeight)
{
currentTabHeight = mapasTabHeight;
tabs2.setHeight(currentTabHeight);
}
}
if(isIe7())
{
var el = Ext.get('mapasTabContent');
el.applyStyles('display:inline;');
}
}
if(newTab.title=="Fotos")
{
if(((kvpSuinfo!=null && kvpSuinfo=="true") || kvpIne!=null) && photoTabHasShownConcreteTown<=2)
{
photoTabHasShownConcreteTown++;
if(isIe7())
{
var el = Ext.get('mapasTabContent');
el.applyStyles('width:0px;height:0px;display:none;');
// el.applyStyles('height:0px;');
}
if(photoTabHasShownConcreteTown==2 || !Ext.isIE /*|| isIe7()*/)
{
// suinfo mode goes directly to a municipio
photoTabHasShownConcreteTown = 23;
showFirstStatePics("");
combobox = document.getElementById('searchFilter');
nombreMunicipio = combobox.options[combobox.selectedIndex].text;
//alert("mostrando foto tab");
goToTheTownPicsShow_shadowbox(kvpIne,nombreMunicipio);
}
}
if(isIe7() || !Ext.isIE)
{
// this shouldn't be necesary, but extjs doesn't behave well
var el = Ext.get('fotosTabContent');
el.applyStyles('visibility:visible;');
el.applyStyles('display:inline;');
el.applyStyles("height: "+(altura+2)+"px;");
}
else
if(notExplorer8)
{
var el = Ext.get('fotosTabContent');
el.applyStyles("width: "+(anchura+2)+"px");
el.applyStyles("height: 400 px;");
var widthIE7 = (Ext.get('mainTabsDiv').getComputedWidth()-anchura)/2;
el.applyStyles("margin-left: "+widthIE7+"px;");
el.applyStyles("height: "+(altura+2)+"px;");
currentTabHeight = fotosTabHeight;
tabs2.setHeight(currentTabHeight);
}
}
else
if(newTab.title=="Datos")
{
if(!Ext.isIE)
{
// this shouldn't be necesary, but extjs doesn't behave well
var el = Ext.get('datosTabContent');
el.applyStyles('visibility:visible;');
el.applyStyles('display:inline;');
el.applyStyles("height: "+(altura+2)+"px;");
}
else
if (notExplorer8)
{
var el = Ext.get('datosTabContent');
el.applyStyles("width: "+ (anchura + 2) +"px");
el.applyStyles("height: " + (altura + 2)+ "px;");
var widthIE7 = (Ext.get('mainTabsDiv').getComputedWidth() -anchura -2 )/ 2;
el.applyStyles("margin-left: "+widthIE7+"px;");
currentTabHeight = datosTabHeight;
tabs2.setHeight(currentTabHeight);
}
if(firstTimeChangeToDataTabPanel)
{
firstTimeChangeToDataTabPanel=false;
if(((kvpSuinfo!=null && kvpSuinfo=='true') || kvpIne!=null))
{
// customize mirador for suinfo
goToADataTown(kvpIne);
}
else
{
var connection = new Ext.data.Connection();
connection.request
(
{
url: url_,
method: 'POST',
success: function (responseObject)
{
showGoToTheDataIndex(responseObject.responseText);
},
failure: function ()
{
Ext.Msg.alert('estado','Incapaz de listar los municipios. Intente por favor otra vez.');
}
}
);
setCurrentScroll();
}
}
}
return true;
}
// main tabs change
function handleBeforeTabActivation(tabpanel, newTab, oldTab)
{
if (oldTab!=null && newTab!=null && newTab.title==oldTab.title)
{
// click over the same tab
return true;
}
if(oldTab!=null)
{
// sync search controls over all tabs
if(oldTab.title=="Mapas")
{
var searchText = document.getElementById('searchText').value;
document.getElementById('searchText2').value = searchText;
document.getElementById('searchText3').value = searchText;
var searchFilter = document.getElementById('searchFilter').value;
document.getElementById('searchFilter2').value = searchFilter;
document.getElementById('searchFilter3').value = searchFilter;
}
else
if(oldTab.title=="Datos")
{
var searchText = document.getElementById('searchText2').value;
document.getElementById('searchText').value = searchText;
document.getElementById('searchText3').value = searchText;
var searchFilter = document.getElementById('searchFilter2').value;
document.getElementById('searchFilter').value = searchFilter;
document.getElementById('searchFilter3').value = searchFilter;
}
else
if(oldTab.title=="Fotos")
{
var searchText = document.getElementById('searchText3').value;
document.getElementById('searchText2').value = searchText;
document.getElementById('searchText').value = searchText;
var searchFilter = document.getElementById('searchFilter3').value;
document.getElementById('searchFilter2').value = searchFilter;
document.getElementById('searchFilter').value = searchFilter;
}
if(oldTab.title=="Fotos" && !Ext.isIE)
{
// this shouldn't be necesary, but extjs doesn't behave well
var el = Ext.get('fotosTabContent');
el.applyStyles('visibility:hidden;');
el.applyStyles('display:none;');
}
else
if(oldTab.title=="Fotos" && notExplorer8)
{
var el = Ext.get('fotosTabContent');
el.applyStyles('width:0;');
el.applyStyles('height:0;');
}
else
if(oldTab.title=="Datos" && !Ext.isIE)
{
// save the current scroll position
var panelScroll = document.getElementById('panelIdOverflow2');
if (panelScroll != null)
{
currentScrollTop = panelScroll.scrollTop;
currentScrollLeft = panelScroll.scrollLeft;
}
// town index scroll
var panelScrollId = document.getElementById('panelId');
if (panelScrollId != null)
{
currentScrollIndexTownTop = panelScrollId.scrollTop;
currentScrollIndexTownLeft = panelScrollId.scrollLeft;
}
// this shouldn't be necesary, but extjs doesn't behave well
var el = Ext.get('datosTabContent');
el.applyStyles('visibility:hidden;');
el.applyStyles('display:none;');
}
else
if(oldTab.title=="Datos" && notExplorer8)
{
// save the current scroll position
var panelScroll = document.getElementById('panelIdOverflow2');
if (panelScroll != null)
{
currentScrollTop = panelScroll.scrollTop;
currentScrollLeft = panelScroll.scrollLeft;
}
// town index scroll
var panelScrollId = document.getElementById('panelId');
if (panelScrollId != null)
{
currentScrollIndexTownTop = panelScrollId.scrollTop;
currentScrollIndexTownLeft = panelScrollId.scrollLeft;
}
// this shouldn't be necesary, but extjs doesn't behave well
var el = Ext.get('datosTabContent');
el.applyStyles('width:0;');
el.applyStyles('height:0;');
}
else
if (oldTab.title=="Mapas" && notExplorer8)
{
var el = Ext.get('mapasTabContent');
el.applyStyles('width:0;');
el.applyStyles('height:0;');
}
}
if (newTab != null && !notExplorer8)
{
if (newTab.title == "Mapas")
{
// if dont check this many times exceptions are launched
if (currentTabHeight != mapasTabHeight)
{
currentTabHeight = mapasTabHeight;
tabs2.setHeight(currentTabHeight);
}
}
if (newTab.title == "Datos")
{
// if dont check this many times exceptions are launched
if (currentTabHeight != datosTabHeight)
{
currentTabHeight = datosTabHeight;
tabs2.setHeight(currentTabHeight);
}
}
if (newTab.title == "Fotos")
{
// if dont check this many times exceptions are launched
if(currentTabHeight!=fotosTabHeight)
{
currentTabHeight = fotosTabHeight;
if(tabs2!=null)
{
tabs2.setHeight(currentTabHeight);
}
}
}
}
return true;
}
function show(t)
{
Ext.get('datosTabContent').update("");
Ext.get('datosTabContent').update(t.toString());
}
function showGoToTheDataIndex(t)
{
Ext.get('datosTabContent').update("");
Ext.get('datosTabContent').update("");
Ext.get('panelId').update(t.toString());
adjustDataIndex();
}
if(kvpShowTab!=null || (kvpSuinfo!=null && kvpSuinfo=='true'))
{
tabNdx = 2;
if(kvpSuinfo!=null && kvpSuinfo=='true')
{
tabNdx = 1;
}
if(kvpShowTab=="mapas")
{
tabNdx = 2;
}
else
if(kvpShowTab=="datos")
{
tabNdx = 1;
}
else
if(kvpShowTab=="fotos")
{
tabNdx = 0;
}
tabs2.setActiveTab(tabNdx);
}
else
{
tabs2.setActiveTab(2);
}
}
);
"+
" 
"+
" "+
" 