var t;
var result;
var pageLoad=0;
var preImg=0;

$(document).ready(function(){
    document.getElementById("imgLoader").style.visibility = "hidden";   
    
    displayResultAjax('beverages','beverages');     
    
     $("#imgbreakfast").click(function(){        
        invsible();
        displayResultAjax('breakfast','breakfast');                    
    });
    
     $("#imgbeverages").click(function(){                
        invsible();
        displayResultAjax('beverages','beverages');                    
    });
    
     $("#imgcanapes").click(function(){             
        invsible();
        displayResultAjax('canapes','breakfast');                   
    });
    
     $("#imgstarters").click(function(){                
        invsible();
        displayResultAjax('starters','breakfast');                    
    });
    
     $("#imgsandwich").click(function(){                
        invsible();
        displayResultAjax('sandwich','breakfast');                    
    });
    
     $("#imgsalad").click(function(){                
        invsible();
        displayResultAjax('salad','breakfast');                    
    });
    
    $("#imgfunction").click(function(){                
        invsible();
        displayResultAjax('function','canapesfunction');                    
    });
    
    $("#imgmains").click(function(){                
        invsible();
        displayResultAjax('mains','breakfast');                    
    });
    
    $("#imgbread").click(function(){                
        invsible();
        displayResultAjax('bread','breakfast');                    
    });
    //screenResize();
});

function fadein()
{
    //$('#ctl00_BodyContent_menu').stop().animate({opacity: 0.0}, 2000);
    $('#ctl00_BodyContent_menu').stop().animate({opacity: 0.0}, 1000);
}

function fadeout()
{
    //$('#ctl00_BodyContent_menu').stop().animate({opacity: 1.0}, 2000);
    $('#ctl00_BodyContent_menu').stop().animate({opacity: 1.0}, 2000,    
    function() {
			if (jQuery.browser.msie)
				$(this).removeAttr('style');
		}
		);
}

function invsible()
{    
    fadein();
    document.getElementById("imgLoader").style.visibility = "visible";
}

function displayResultAjax(strXML,strXSL)
 {  
    //alert('in displayresult ajax');
    changeAcolor(strXML);
    PageMethods.GetMenu(strXML, strXSL, CallSuccess, CallFailed);      
    
 }

 // set the destination textbox value with the ContactName
 function CallSuccess(res)
 {   
    //alert('call success');
    result=res;
    t=setTimeout("changeDisplay()",1000);
 }
 
 function changeDisplay()
 {
    //alert('changeDisplay');    
    var divMenu = document.getElementById('ctl00_BodyContent_menu');         
    //alert($('#ctl00_BodyContent_menu').css('opacity'));
    if(($('#ctl00_BodyContent_menu').css('opacity')==0) || pageLoad==0)
        {            
            divMenu.innerHTML=result;     
            document.getElementById("imgLoader").style.visibility = "hidden";
            fadeout();
            pageLoad==0;
            clearTimeout(t);            
        }    
 }

 // alert message on some failure
 function CallFailed(res)
 {
    document.getElementById("imgLoader").style.visibility = "hidden";
    // alert(res.get_message());
 }

function changeAcolor(name)
{
    if(preImg!=0)
        {
            var img1=document.getElementById("img"+preImg);
            img1.style.color='#ffffff';
        }
    var img2=document.getElementById("img"+name);
    img2.style.color='#FF0000';
    preImg=name;
}
/* client side xml transformation


function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send("");
return xhttp.responseXML;
}

//window.onload=function()
function displayResult()
{
xml=loadXMLDoc("xml/menu.xml");
xsl=loadXMLDoc("xslt/Menu.xsl");
// code for IE
if (window.ActiveXObject)
  {
  ex=xml.transformNode(xsl);
  document.getElementById("ctl00_BodyContent_menu").innerHTML=ex;
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xsltProcessor=new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  resultDocument = xsltProcessor.transformToFragment(xml,document);  
  
  var divMenu = document.getElementById('ctl00_BodyContent_menu');
    while(divMenu.hasChildNodes())
    {
        divMenu.removeChild(divMenu.lastChild);
    }
  divMenu.appendChild(resultDocument);
  //document.getElementById("ctl00_BodyContent_menu").appendChild(resultDocument);
  //document.getElementById("ctl00_BodyContent_menu").innerHTML=resultDocument;
  }
}

*/