/*  iSite Technologies Corporation copyright, 2007 */

var mapK =   '<div class="well"></div>\
		    <div class="surface" ></div>\
			<div class="layer"></div>\
			<div class="tip"></div>';
			 
//			    <img class="zoomIn" src="../apps/vimap/img/zoomin_btn.jpg" onmouseenter="zoomEnter(this, 0);" onmouseleave="zoomLeave(this,0);" alt="Zoom In" />\
//				<img class="zoomOut" style="visibility:hidden" src="../apps/vimap/img/zoomout_btn.jpg" onmouseenter="zoomEnter(this, 1);" onmouseleave="zoomLeave(this,1);" alt="Zoom Out" />\
			 
var FMap = '<div class="controls">\
			    <img class="zoomIn" src="../apps/vimap/img/zoomin_btn.png" style="width:2.375em; height:2.375em;" onmouseenter="zoomEnter(this, 0);" onmouseleave="zoomLeave(this,0);" alt="Zoom In" />\
				<img class="zoomOut" src="../apps/vimap/img/zoomout_btn.png" style="width:2.375em; height:2.375em;" onmouseenter="zoomEnter(this, 1);" onmouseleave="zoomLeave(this,1);" alt="Zoom Out" />\
			</div>\
            <img class="frame" src="../apps/vimap/img/mfdn.png" style="width:31.125em; height:1.188em;bottom:0em;left:0em;"/>\
            <img class="frame" src="../apps/vimap/img/mflf.png" style="width:2.375em; height:15.563em;top:1.188em;left:0em;"/>\
		    <img class="frame" src="../apps/vimap/img/mfrt.png" style="width:1.188em; height:15.563em;top:1.188em;right:0em;"/>\
		    <img class="frame" src="../apps/vimap/img/mfup.png" style="width:31.125em; height:1.188em;top:0em;left:0em;"/>';

var FMapIe6 ='<div class="controls">\
			    <div class="zoomIn" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/zoomin_btn.png\');width:2.375em; height:2.375em;"\
			    onmouseenter="zoomEnter(this, 2);" onmouseleave="zoomLeave(this,2);" alt="Zoom In"></div>\
				<div class="zoomOut" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/zoomout_btn.png\');width:2.375em; height:2.375em;"\
				onmouseenter="zoomEnter(this, 3);" onmouseleave="zoomLeave(this,3);" alt="Zoom Out" ></div>\
			  </div>\
              <div class="frame" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/mfdn.png\'); bottom:0em;left:0em;width:31.125em;height:1.188em"></div>\
			  <div class="frame" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/mflf.png\'); top:1.188em;left:0em;width:2.375em;height:15.563em"></div>\
			  <div class="frame" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/mfrt.png\'); top:1.188em;right:0em;width:1.188em;height:15.563em;"></div>\
			  <div class="frame" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/mfup.png\'); top:0em;left:0em;width:31.125em;height:1.188em;"></div>';

var viewerBean = null;
var maximized = false;

function initializeGraphic(e) 
{
    var vw = document.getElementById('viewer');
    
    var ei6 = (navigator.userAgent.indexOf('MSIE 6')>=0) || (navigator.userAgent.indexOf('MSIE 5')>=0) || (navigator.userAgent.indexOf('MSIE 4')>=0);
    if (ei6)
        vw.innerHTML = mapK+FMapIe6;
    else
        vw.innerHTML = mapK+FMap;
        
	// tt_Init();
	if (viewerBean == null) 
	{
		viewerBean = new viMap('viewer', 
		{
			tileBaseUri: '',
			tileSize: 256,
			tilePrefix: '../apps/vimap/maps/l{l}_{z}/{x}_{y}_{z}.png',
			maxZoom: 6,
			minZoom: 1,
			initialZoom: 1,
			blankTile: '../apps/vimap/img/blank.gif',
			loadingTile: '../apps/vimap/img/progress.gif',
			initialPan:{x:-2.5, y:1.5},
			tipUrl : "../text-tour/",
			zones:[
				{x:3, y:2, lt1:0, sx:0.066666, sy:0.066666, fixX: -10, fixY:-25, move:false},  // 1
				{x:5, y:3, lt1:0, sx:0.166666, sy:0.1666660, bsx:720, bex:3736, bsy:500, bey:2800},  // 2
				{x:10, y:6, lt1:0, sx:0.33333, sy:0.33333, bsx:820, bex:5406, bsy:400, bey:3650},  // 3
				{x:15, y:9, lt1:0, sx:0.5, sy:0.5, bsx:900, bex:5736, bsy:400, bey:3900},  // 4
				{x:20, y:12, lt1:0, sx:0.666666666, sy:0.666666666, bsx:1000, bex:6000, bsy:400, bey:4000},  // 5
				{x:30, y:18, lt1:0, sx:1, sy:1, bsx:1000, bex:6200, bsy:1000, bey:4200}   // 6
				]
		});
		
		viewerBean.init();
		viewerBean.onPick = onPick;
		
		var theme = themes['SEL'];
		theme.lid = viewerBean.addSelLayer(theme.ly);    
		var seltheme = typeof vw.theme!="undefined" ?  vw.theme : vw.getAttribute("theme");

        var flySite = vw.getAttribute("sites");    
		if (flySite)
		{
		    flySite = flySite.split(',');
		    var ly = [];
		    for (var i=0; i<flySite.length; i++)
		    {
		        var s = flySite[i];
		        var t = themes[flySite[++i]].ly;
		        if (t) 
		        {
		            for (var j=0; j<t.length; j++)
		                if (t[j].sn==s)
		                    ly.push(t[j]);
		        }
		    }
		    themes['fly'] = {ly:ly}
		    seltheme = 'fly';
		}

		if (seltheme != "undefined")
		{
		    theme = themes[seltheme];
		    if (theme)
		    { 
			    theme.lid = viewerBean.addLayer(theme.ly);    
			    viewerBean.showAllLayer(theme.lid);
			    if (typeof siteId!="undefined")
			        vineteMap.gotoSite(siteId);
			}
		}
		
		var langId = typeof vw.langId!="undefined" ? vw.langId : vw.getAttribute("langId");
		
		if (typeof langId!="undefined")
		{
		    if (langId==1)
		        viewerBean.setLang('f');
		    else
		        viewerBean.setLang('e');
		}
		
	    document.body.onselectstart = selectstart; 
	    document.body.oncontextmenu = contextmenu;
	}
}

function writeToTextContainer(Text) 
{
    var objText = document.getElementById("themes-8_");
    if (objText)
        objText.innerHTML = Text;
}

function selectstart(e) 
{
    return true;
} 

function contextmenu()
{
    return true;
}

function reinitializeGraphic(e) 
{
    //if (viewerBean!=null)
	    //viewerBean.resize();
}

viMap.maximizeHandler = function(e) 
{
	if (maximized) 
	{
		viewerBean.border = -1;
		document.body.style.padding = '1.188em';
		document.getElementById('header').style.display = 'block';
		document.getElementById('viewer').style.width = '100%';
		document.getElementById('viewer').style.height = '25.188em';
	}
	else 
	{
		document.body.style.padding = '0';
		document.getElementById('header').style.display = 'none';
		viewerBean.border = 0;
		viewerBean.resize();
	}

	maximized = !maximized;
}

EventUtils.addEventListener(window, 'load', initializeGraphic, false);
EventUtils.addEventListener(window, 'resize', reinitializeGraphic, false);

function changeLangPk(t)
{
	viewerBean.tileUrlProvider.prefix = '../apps/vimap/maps/l{l}_{z}/{x}_{y}_{z}.png';
	viewerBean.setLang(t.value);
}

function xy(p)
{
	return 'x:'+p.x+' y:'+p.y;
}

function onPick(map, montion)
{
    if (typeof notes!="undefined")
    {
	    var t = map;
	    var x = (-map.x)+map.mark.x;
	    var y = (-map.y)+map.mark.y;
	    notes.innerHTML = "map="+xy(map)+" montion="+xy(montion)+" mark="+xy(map.mark)+"pos="+xy({"x":x, "y":y});
    	
	    var z = map.zones[map.zoomLevel-map.minZoomLevel];
        var sx = z.sx;
        var sy = z.sy;
        x = x*(1/sx);
        y = y*(1/sy)

	    var layer = '[{x:'+x+', y:'+y+', scale:false, img:"../apps/vimap/img/circle.png", link:"", text_e:"", text_f:""}]';
	    noteArea.innerText = layer+"\n";
	}
	
	// var layer = [{x:x, y:y, sx:false, img:"img/circle.png", link:"testing the link"}];
	// viewerBean.addLayer(layer);
}


function setLayerPk(t)
{
	if (t.checked)
		viewerBean.showAllLayer(t.dvalue);
	else
		viewerBean.hideLayer(t.dvalue);
}

function deleteLayerPk(t)
{
	viewerBean.removeLayer(t.dvalue);
	t.parentElement.parentElement.removeChild(t.parentElement);
}

function addLayerPk(t)
{
	try
	{
		var layer = eval(t.innerText);
		var lyId = viewerBean.addLayer(layer);
		layersAdd.innerHTML += '<div><input dvalue="'+lyId+'" value="layer_'+lyId+'" checked=true onclick="setLayerPk(this)" type="checkbox">'+lyId+'</input><input type="button" dvalue="'+lyId+'" onclick="deleteLayerPk(this);" value="x"><br></div>';
		viewerBean.showAllLayer(lyId);
	}
	catch(e)
	{
	}
}

function setThemePk(tm, t)
{
	if (t.checked)
	{
		viewerBean.tileUrlProvider.prefix = '../apps/vimap/maps/'+tm+'/lf_{z}/{x}_{y}_{z}.png';
		//viewerBean.refresh();
		viewerBean.zoom(6-viewerBean.zoomLevel);
	}
	return true;
}

function selThemePk(tm, t)
{
	if ((typeof themes!="undefined") && (typeof themes[tm]!="undefined"))
	{
		var theme = themes[tm];
		if (typeof theme.lid=="undefined")
			theme.lid = viewerBean.addLayer(theme.ly);    
		if (typeof theme.lid!="undefined")
		{
			if (t.checked)
			    viewerBean.showAllLayer(theme.lid);
			    else
			    viewerBean.hideLayer(theme.lid);
		}
	}
}


function zoomEnter(t, i)
{
    switch(i)
    {
      case 0:
        t.src='../apps/vimap/img/zoomin_btn_hi.png';
        break;
      case 1:
        t.src='../apps/vimap/img/zoomout_btn_hi.png';
        break;
      case 2:
        t.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/zoomin_btn_hi.png\')";
        break;
      case 3:
        t.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/zoomout_btn_hi.png\')";
        break;
    }
}

function zoomLeave(t, i)
{
    switch(i)
    {
      case 0:
        t.src='../apps/vimap/img/zoomin_btn.png';
        break;
      case 1:
        t.src='../apps/vimap/img/zoomout_btn.png';
        break;
      case 2:
        t.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/zoomin_btn.png\')";
        break;
      case 3:
        t.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'../apps/vimap/img/zoomout_btn.png\')";
        break;
    }
}