var nDefaultChartHeight;
var nDefaultChartWidth;
var nDefaultSeatingCanvasHeight;
var nDefaultSeatingCanvasWidth;
var bPanning=false;
var nPanFromX;
var nPanFromY;
var divSeatingChart;
var divSeatingCanvas;
var imgSeatingChart;

function centerSeatingChart()
{
    if(imgSeatingChart!=null)
    { 
        imgSeatingChart.width=nDefaultChartWidth;
        imgSeatingChart.height=nDefaultChartHeight;
        initSeatingScroll();
    }
    else
    {
         initSeatingChart();
         initSeatingCanvas();
         initSeatingScroll();
    }  
} 

function panSeatingChart(direction)
{

    if(divSeatingChart!=null)
    {
        var nPanPixelsVertical = Math.round(divSeatingChart.offsetHeight/2);
        var nPanPixelsHorizontal = Math.round(divSeatingChart.offsetWidth/2);
        switch(direction)
        {
            case "UP":
                divSeatingChart.scrollTop=divSeatingChart.scrollTop-nPanPixelsVertical;
                break;
            case "DOWN":
                divSeatingChart.scrollTop=divSeatingChart.scrollTop+nPanPixelsVertical;
                break;
            case "LEFT":
                divSeatingChart.scrollLeft=divSeatingChart.scrollLeft-nPanPixelsHorizontal;
                break;
            case "RIGHT":
                divSeatingChart.scrollLeft=divSeatingChart.scrollLeft+nPanPixelsHorizontal;
                break;
        }
    }
    else
    {
         initSeatingChart();
         initSeatingCanvas();
         initSeatingScroll();
    }  
}

function zoomSeatingChart(mode)
{
    if(imgSeatingChart!=null)
    { 
        var imgHeight = imgSeatingChart.height;
        var imgWidth = imgSeatingChart.width;
        switch(mode)
        {
            case "IN":
               imgHeight = Math.round(imgHeight*1.25); 
               imgWidth = Math.round(imgWidth*1.25);
               if(imgWidth<divSeatingCanvas.offsetWidth)
               {
                   imgSeatingChart.width=imgWidth;
                   imgSeatingChart.height=imgHeight;
               }
                break;
            case "OUT":
               imgHeight = imgHeight*.8; 
               imgWidth = imgWidth*.8;
               imgSeatingChart.width=imgWidth;
               imgSeatingChart.height=imgHeight;
                break;
        }  
    }
    else
    {
         initSeatingChart();
         initSeatingCanvas();
         initSeatingScroll();
    }  
}

function initSeatingChart()
{
    try
    {
        imgSeatingChart = document.getElementById("imgSeatingChart");
        nDefaultChartHeight = imgSeatingChart.offsetHeight;
        nDefaultChartWidth = imgSeatingChart.offsetWidth;
        divSeatingChart = document.getElementById("divSeatingChart"); 
    }
    catch(ex)
    {
        try{
        var strErrorLog = getDebugInfo()+getExceptionInfo(ex)+"<hr />";
        var strParams = "strErrorMsg="+strErrorLog+"&strSubject=JS_Exception [seating.js initSeatingChart]&bIsHtmlMsg=true";
        ajaxPost(strParams,location.protocol+"//"+location.hostname+"/ws/tcws.asmx/LogError");
        }catch(e){/**/}
    }
} 

function initSeatingCanvas()
{
    try
    {
        nDefaultSeatingCanvasHeight = nDefaultChartHeight;
        nDefaultSeatingCanvasWidth = nDefaultChartWidth;
        divSeatingCanvas = document.getElementById("divSeatingCanvas");
    }
    catch(ex)
    {
        try{
        var strErrorLog = getDebugInfo()+getExceptionInfo(ex)+"<hr />";
        var strParams = "strErrorMsg="+strErrorLog+"&strSubject=JS_Exception [seating.js initSeatingCanvas]&bIsHtmlMsg=true";
        ajaxPost(strParams,location.protocol+"//"+location.hostname+"/ws/tcws.asmx/LogError");
        }catch(e){/**/}
    }
} 

function initSeatingScroll()
{
    try
    {
        var strPaddingVertical = Math.round(nDefaultSeatingCanvasHeight/2);
        var strPaddingHorizontal = Math.round(nDefaultSeatingCanvasWidth/2);
        divSeatingCanvas = document.getElementById("divSeatingCanvas");
        divSeatingCanvas.style.width=(nDefaultSeatingCanvasWidth+(strPaddingHorizontal*2))+"px";
        divSeatingCanvas.style.paddingTop=strPaddingVertical+"px";
        divSeatingCanvas.style.paddingBottom=strPaddingVertical+"px";
        divSeatingChart.scrollLeft = (divSeatingChart.scrollWidth-divSeatingChart.offsetWidth)/2;
        divSeatingChart.scrollTop = (divSeatingChart.scrollHeight-divSeatingChart.offsetHeight)/2;
    }
    catch(ex)
    {
        try{
        var strErrorLog = getDebugInfo()+getExceptionInfo(ex)+"<hr />";
        var strParams = "strErrorMsg="+strErrorLog+"&strSubject=JS_Exception [seating.js initSeatingScroll]&bIsHtmlMsg=true";
        ajaxPost(strParams,location.protocol+"//"+location.hostname+"/ws/tcws.asmx/LogError");
        }catch(e){/**/}
    }
}

function panChartStart(e)
{
    if(divSeatingChart!=null)
    {
        bPanning = true;
        if(e.preventDefault){e.preventDefault();}
        divSeatingChart.style.cursor="move";
        try
        {
            var posx = 0;
	        var posy = 0;
	        if (!e){var e = window.event;}
	        if (e.pageX || e.pageY)
	        {
		        posx = e.pageX;
		        posy = e.pageY;
	        }
	        else if (e.clientX || e.clientY)
	        {
		        posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		        posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	        }
	        nPanFromX=posx;
	        nPanFromY=posy;
        }
        catch(x)
        {
            /*panning not available*/
        }
    }
    else
    {
         initSeatingChart();
         initSeatingCanvas();
         initSeatingScroll();
    }  
}

function panChartEnd()
{
    bPanning = false;
    if(divSeatingChart!=null)
    { 
        divSeatingChart.style.cursor="move";
    }
}

function panChart(e)
{
    try
    { 
        if(bPanning)
        {
            var posx = 0;
	        var posy = 0;
	        if (!e){var e = window.event;}
	        if (e.pageX || e.pageY)
	        {
		        posx = e.pageX;
		        posy = e.pageY;
	        }
	        else if (e.clientX || e.clientY)
	        {
		        posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		        posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	        }
            divSeatingChart.scrollTop=divSeatingChart.scrollTop+((nPanFromY-posy));
            divSeatingChart.scrollLeft=divSeatingChart.scrollLeft+((nPanFromX-posx));
            nPanFromX=posx;
            nPanFromY=posy;
        }
    }
    catch(x)
    {/*panning not available*/}
}