
function getElement(id)
{
    var obj;  
    if (document.getElementById)
	{	    
	    obj = document.getElementById(id);	    	    
	}	  
       
    else  if (document.layers)
	{	    
	    obj = document.layers.id;	   
	}
	else if (document.all)
	{	    
	    obj = document.all.id;	    
	}

    return obj;
}

function getFormFields(parent, type)
{   
	var Elements = parent.getElementsByTagName(type);	
	return Elements;
}


function hide(id)
{
    var obj;  
    if (document.getElementById)
	{	    
	    obj = document.getElementById(id);		    
	    if (obj != null)    	    
		{
		    obj.style.visibility = 'hidden';
		    obj.style.display ='none';
		}
	}	  
       
    else  if (document.layers)
	{	    
	    obj = document.layers.id;
	    if (obj != null)    	    
		{	    	   
		    obj.visibility = 'hide';
		    obj.display = 'none';
		}
	}
	else if (document.all)
	{	    
	    obj = document.all.id;	 
	    if (obj != null)    	    
		{   
		    obj.style.visibility = 'hidden';
		    obj.style.display = 'none';
		}
	}
}
 
function show(id)
{
    var obj;  
    if (document.getElementById)
	{	    
	    obj = document.getElementById(id);	 
	    if (obj != null)    	    
		{   	    
		    obj.style.visibility = 'visible';
		    obj.style.display ='block';
	    }
	}	  
       
    else  if (document.layers)
	{	    
	    obj = document.layers.id;	
	    if (obj != null)    	    
		{  	       
		    obj.visibility = 'show';
		    obj.display = 'block';
		}
	}
	else if (document.all)
	{	    
	    obj = document.all.id;
	    if (obj != null)    	    
		{      
		    obj.style.visibility = 'visible';
		    obj.style.display = 'block';
		}
	}

}

function showtbl(id)
{    
    var obj;  
    if (document.getElementById)
	{	    
	    obj = document.getElementById(id);	 
	    if (obj != null)    	    
		{   	    
		    obj.style.visibility = 'visible';
		    if (browser == 'Internet Explorer'){obj.style.display ='block';}
		    else {obj.style.display ='table';}
	    }
	}	  
       
    else  if (document.layers)
	{	    
	    obj = document.layers.id;	
	    if (obj != null)    	    
		{  	       
		    obj.visibility = 'show';
            if (browser == 'Internet Explorer'){obj.style.display ='block';}
		    else {obj.style.display ='table';}
		}
	}
	else if (document.all)
	{	    
	    obj = document.all.id;
	    if (obj != null)    	    
		{      
		    obj.style.visibility = 'visible';
            if (browser == 'Internet Explorer'){obj.style.display ='block';}
		    else {obj.style.display ='table';}
		}
	}

}

function enableTable(id, enable, imagePath)
{
    var obj = getElement(id);      
	
	var attribute;
	if ( browser == 'Internet Explorer')
	    attribute = 'className';
	else
	    attribute = 'class';
	    
    
	var FormElements = getFormFields(obj,'input');
	
	for (var i=0;i<FormElements.length;i++)
	{	   	    
	    if (enable)
	    {
	        FormElements[i].disabled = '';
	        obj.setAttribute(attribute,'infotable');
	    }
	    else
        {
            FormElements[i].disabled = 'disabled';
            obj.setAttribute(attribute,'infotable disabled');
        }
	}	
	

    attribute = 'src';

	FormElements = getFormFields(obj,'img');
	for (var i=0;i<FormElements.length;i++)
	{	   	    	    
	    if (enable)
	    {	   	        
	        FormElements[i].setAttribute(attribute, imagePath + '/css/images/icons/requiredfield.gif');
	    }
	    else
        {           
            FormElements[i].setAttribute(attribute, imagePath + '/css/images/icons/requiredfield_disabled.gif');
        }
	}			
}

var active_con, active_option;
function showoptionbox(conid, boxid)
{   
    if (active_con != conid){hide(active_con);}
    
    if (active_option != boxid){hide(active_option);}
         
    if (browser != "Internet Explorer"){hideshow(conid);active_con=conid;}
    
    hideshow(boxid);
    active_option = boxid;
}

function hideinfoboxes()
{
    hide(active_con);
    hide(active_option);    
}

function toggletablerow(id)
{
    if (id!=active_option)
        hideinfoboxes();
    
    active_option = id;
    
    var obj;  
    if (document.getElementById)
	{	    
	    obj = document.getElementById(id);	 
	    if (obj != null)    	    
		{   	    
		    if (obj.style.visibility == 'hidden' || obj.style.visibility =='' )
		    {
		        obj.style.visibility = 'visible';
		        if (browser == 'Internet Explorer'){obj.style.display ='block';}
		        else {obj.style.display ='table-row';}
		    }
		    else
		    {
		        obj.style.visibility = 'hidden';
		        obj.style.display ='none';
		    }
	    }
	}	  
       
    else  if (document.layers)
	{	    
	    obj = document.layers.id;	
	    if (obj != null)    	    
		{  	       
		    if (obj.style.visibility == 'hide'  || obj.style.visibility =='' )
		    {				    
		        obj.visibility = 'show';
		        if (browser == 'Internet Explorer'){obj.style.display ='block';}
		        else {obj.style.display ='table-row';}
		    }
		    else
		    {
		        obj.visibility = 'hide';
		        obj.display = 'none';
		    }
		}
	}
	else if (document.all)
	{	    
	    obj = document.all.id;
	    if (obj != null)    	    
		{      
		    if (obj.style.visibility == 'hidden' || obj.style.visibility =='' )
		    {	
		        obj.style.visibility = 'visible';
		        if (browser == 'Internet Explorer'){obj.style.display ='block';}
		        else {obj.style.display ='table-row';}
		    }
		    else
		    {
		        obj.style.visibility = 'hidden';
		        obj.style.display = 'none';		    
		    }
		}
	}    
}

function hideshow(id)
{
    var obj;  
    if (document.getElementById)
	{	    
	    obj = document.getElementById(id);	 
	    if (obj != null)    	    
		{   	    
		    if (obj.style.visibility == 'hidden' || obj.style.visibility =='' )
		    {
		        obj.style.visibility = 'visible';
		        obj.style.display ='block';
		    }
		    else
		    {
		        obj.style.visibility = 'hidden';
		        obj.style.display ='none';
		    }
	    }
	}	  
       
    else  if (document.layers)
	{	    
	    obj = document.layers.id;	
	    if (obj != null)    	    
		{  	       
		    if (obj.style.visibility == 'hide'  || obj.style.visibility =='' )
		    {				    
		        obj.visibility = 'show';
		        obj.style.display ='block';
		    }
		    else
		    {
		        obj.visibility = 'hide';
		        obj.display = 'none';
		    }
		}
	}
	else if (document.all)
	{	    
	    obj = document.all.id;
	    if (obj != null)    	    
		{      
		    if (obj.style.visibility == 'hidden' || obj.style.visibility =='' )
		    {	
		        obj.style.visibility = 'visible';
		        obj.style.display ='block';		       
		    }
		    else
		    {
		        obj.style.visibility = 'hidden';
		        obj.style.display = 'none';		    
		    }
		}
	}    
}


window.onresize= reposition;

function reposition()
{
    var height = WindowHeight();
    var div = getElement('horizon');
    if (div != null)
    {
        if (height<768)
        {
           var margin_Top = height/2;
           div.style.marginTop= "-" + margin_Top + "px";            
        }
        if (height>=768)
        {
            div.style.marginTop= "-384px"; 
        }
    }
}

function WindowWidth () {
  if (window.innerWidth) {
 
    return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
    
    return document.body.offsetWidth;
  } else {
  
    return 0;
  }
}

function WindowHeight () {
  if (window.innerHeight) { return window.innerHeight;} 
  else if ( document.documentElement &&  document.documentElement.clientHeight ){ return document.documentElement.clientHeight;}
  else if (document.body && document.body.offsetHeight) { return document.body.offsetHeight;} 
  else { return 0; }
}








