function toggleImageActions( oId, show)
{
    var container = document.getElementById(oId);
    
    var actionHolder = container.getElementsByTagName('div')[0];
    actionHolder.style.display = (show) ? 'block' : 'none';
}

function showHideContainer(oId)
{
    var container = document.getElementById(oId);
    container.style.display = (container.style.display != 'block') ? 'block' : 'none';
}


function toggleImageDoubleActions( oId, show, projectPictureId)
{
    if(projectPictureId > 0)
    {
        var container = document.getElementById(oId);
        var actionHolder = container.getElementsByTagName('div')[0];
        var refImage = container.getElementsByTagName('img')[1];
        refImage.src = document.getElementById("ImgContainer" + projectPictureId).getElementsByTagName('img')[0].src;
        
        var left = (screen.width/2)-(800);
        var top = container.parentNode.offsetTop;
       
        actionHolder.style.top = top + 'px';
        actionHolder.style.left = left + 'px';
        
        actionHolder.style.display = (show) ? 'block' : 'none';
    }
}

function openStandardPopup(url, name)
{
    window.open (url, name, 'width=700,height=600,scrollbars=yes');
}

function ShowCampaignInfo(o)
{
    var contentToShow = o.getElementsByTagName('div')[0];
    if(contentToShow)
        contentToShow.style.display = 'block';
}
function HideCampaignInfo(o)
{
    var contentToShow = o.getElementsByTagName('div')[0];
    if(contentToShow)
        contentToShow.style.display = 'none';
}


function openField(obj, initialComment)
{
    if(obj.style.color != 'black')
    {
        obj.value = (obj.value == initialComment) ? '' : obj.value;
        obj.style.color = 'black';  
        obj.style.fontStyle = 'normal';  
    }
}

function closeField(obj, initialComment)
{
    if(obj.value == initialComment  || obj.value == '')
    {
        obj.value = initialComment;
        obj.style.color = 'silver'; 
        obj.style.fontStyle = 'italic';  
    }
    
}

function openCommentField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var textarea = parent.getElementsByTagName('textarea')[0];
    var button = parent.getElementsByTagName('input')[0];
    textarea.innerHTML = (textarea.innerHTML == initialComment) ? '' : textarea.innerHTML;
    textarea.style.color = 'black';  
    button.style.display = 'block';
}
function closeCommentField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var textarea = parent.getElementsByTagName('textarea')[0];
    var button = parent.getElementsByTagName('input')[0];
    
    if (textarea.innerHTML == initialComment || textarea.innerHTML == '') 
    {
        textarea.innerHTML = initialComment;
        button.style.display = 'none';
        textarea.style.color = 'silver';  
        
    }
    else
    {
        textarea.innerHTML = textarea.innerHTML;
        textarea.style.color = 'black';  
        
    }
}

function openUploadField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var textarea = parent.getElementsByTagName('textarea')[0];
    var button = parent.getElementsByTagName('input')[1];
    
    if(textarea.style.display != 'block')
    {
        button.style.display = 'block';
        textarea.style.display = 'block';
    }
}
function openUploadCommentField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var textarea = parent.getElementsByTagName('textarea')[0];
    textarea.innerHTML = (textarea.innerHTML == initialComment) ? '' : textarea.innerHTML;
    textarea.style.color = 'black';  
}

function openWallField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var button = parent.getElementsByTagName('a')[0];
    if(o.style.color != 'black')
    {
        if(o.style.display != 'block')
        {
            button.style.display = 'block';
            o.style.color = 'black';  
            o.style.fontStyle = 'normal';
            o.style.height = 50 + 'px';
            o.value = '';
        }
    }
}
function openWallCommentField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var buttons = parent.getElementsByTagName('a');
    var button = buttons[buttons.length-1];
    if(o.style.color != 'black')
    {
        if(o.style.display != 'block')
        {
            button.style.display = 'block';
            o.style.color = 'black';  
            o.style.fontStyle = 'normal';
            o.style.height = 50 + 'px';
            o.style.backgroundColor = 'white';
            o.value = '';
        }
    }
}
function closeWallCommentField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var buttons = parent.getElementsByTagName('a');
    var button = buttons[buttons.length-1];
    
    if(o.value == initialComment || o.value == '')
    {    
        button.style.display = 'none';
        o.style.color = 'gray';  
        o.style.fontStyle = 'italic';
        o.style.height = 16 + 'px';
        o.value = initialComment;
    }
}
function closeWallField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var button = parent.getElementsByTagName('a')[0];
    if(o.value == initialComment || o.value == '')
    {    
        button.style.display = 'none';
        o.style.color = 'gray';  
        o.style.fontStyle = 'italic';
        o.style.height = 16 + 'px';
        
        o.value = initialComment;
    }
}

function closeUploadField(o, parentId, initialComment)
{
    var parent = document.getElementById(parentId);
    var textarea = parent.getElementsByTagName('textarea')[0];
    var button = parent.getElementsByTagName('input')[1];
    var filefield = parent.getElementsByTagName('input')[0];

    if (textarea.innerHTML == initialComment || textarea.innerHTML == '' && filefield.value == '') 
    {
        
        textarea.innerHTML = initialComment;
        button.style.display = 'none';
        textarea.style.display = 'none';
        textarea.style.color = 'silver';  
        
    }
    else
    {
        textarea.innerHTML = textarea.innerHTML;
        textarea.style.color = 'black';  
        
    }
}

function validateupload(o, fileFieldId)
{
    var oFileField = document.getElementById(fileFieldId);
    return (oFileField.value == '') ? false : true;
}

//Tooltip
	var dhtmlgoodies_tooltip = false;
	var dhtmlgoodies_tooltipShadow = false;
	var dhtmlgoodies_shadowSize = 4;
	var dhtmlgoodies_tooltipMaxWidth = 200;
	var dhtmlgoodies_tooltipMinWidth = 100;
	var dhtmlgoodies_iframe = false;
	var tooltip_is_msie = (navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('opera')==-1 && document.all)?true:false;
	function showTooltip(e,tooltipTxt)
	{
		
		var bodyWidth = Math.max(document.body.clientWidth,document.documentElement.clientWidth) - 20;
	
		if(!dhtmlgoodies_tooltip){
			dhtmlgoodies_tooltip = document.createElement('DIV');
			dhtmlgoodies_tooltip.id = 'dhtmlgoodies_tooltip';
			dhtmlgoodies_tooltipShadow = document.createElement('DIV');
			dhtmlgoodies_tooltipShadow.id = 'dhtmlgoodies_tooltipShadow';
			
			document.body.appendChild(dhtmlgoodies_tooltip);
			document.body.appendChild(dhtmlgoodies_tooltipShadow);	
			
			if(tooltip_is_msie){
				dhtmlgoodies_iframe = document.createElement('IFRAME');
				dhtmlgoodies_iframe.frameborder='5';
				dhtmlgoodies_iframe.style.backgroundColor='#FFFFFF';
				dhtmlgoodies_iframe.src = '#'; 	
				dhtmlgoodies_iframe.style.zIndex = 100;
				dhtmlgoodies_iframe.style.position = 'absolute';
				document.body.appendChild(dhtmlgoodies_iframe);
			}
			
		}
		
		dhtmlgoodies_tooltip.style.display='block';
		dhtmlgoodies_tooltipShadow.style.display='block';
		
		if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='block';
		
		var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
		if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
		var leftPos = e.clientX + 10;
		
		dhtmlgoodies_tooltip.style.width = null;	// Reset style width if it's set 
		dhtmlgoodies_tooltip.innerHTML = tooltipTxt;
		dhtmlgoodies_tooltip.style.left = leftPos + 'px';
		dhtmlgoodies_tooltip.style.top = e.clientY + 10 + st + 'px';

		
		dhtmlgoodies_tooltipShadow.style.left =  leftPos + dhtmlgoodies_shadowSize + 'px';
		dhtmlgoodies_tooltipShadow.style.top = e.clientY + 10 + st + dhtmlgoodies_shadowSize + 'px';
		
		if(dhtmlgoodies_tooltip.offsetWidth>dhtmlgoodies_tooltipMaxWidth){/* Exceeding max width of tooltip ? */
			dhtmlgoodies_tooltip.style.width = dhtmlgoodies_tooltipMaxWidth + 'px';
		}
		
		var tooltipWidth = dhtmlgoodies_tooltip.offsetWidth;		
		if(tooltipWidth<dhtmlgoodies_tooltipMinWidth)tooltipWidth = dhtmlgoodies_tooltipMinWidth;
		
		
		dhtmlgoodies_tooltip.style.width = tooltipWidth + 'px';
		dhtmlgoodies_tooltipShadow.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
		dhtmlgoodies_tooltipShadow.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';		
		
		if((leftPos + tooltipWidth)>bodyWidth)
		{
			dhtmlgoodies_tooltip.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth)) + 'px';
			dhtmlgoodies_tooltipShadow.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth) + dhtmlgoodies_shadowSize) + 'px';
		}
		
		if(tooltip_is_msie)
		{
			dhtmlgoodies_iframe.style.left = dhtmlgoodies_tooltip.style.left;
			dhtmlgoodies_iframe.style.top = dhtmlgoodies_tooltip.style.top;
			dhtmlgoodies_iframe.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
			dhtmlgoodies_iframe.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';
		}
				
	}
	
function hideTooltip()
{
	dhtmlgoodies_tooltip.style.display='none';
	dhtmlgoodies_tooltipShadow.style.display='none';		
	if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='none';		
}

function showActions(obj)
{
    
    var actionButtons = obj.getElementsByTagName('a');
    for (var i=0; i<actionButtons.length; i++)
    {
        if(actionButtons[i] && actionButtons[i].className == 'button none')
        {
            actionButtons[i].className = 'button block';
        }
    }
}
function hideActions(obj)
{
    var actionButtons = obj.getElementsByTagName('a');
    for (var i=0; i<actionButtons.length; i++)
    {
        if(actionButtons[i].className && actionButtons[i].className == 'button block')
        {
            actionButtons[i].className = 'button none';
        }
    }
}

function blurAnchors()  
{ 
    var a = document.getElementsByTagName("a");  
    for (var i = 0; i < a.length; i++) 
    { 
        a[i].onfocus = function () { this.blur(); }; 
    } 
} 

window.onload = function()
{
    positionBottomBar();
    blurAnchors();
}
window.onresize = function()
{
    positionBottomBar();
    
}

function positionBottomBar() 
{
    var bottombarcontainer = document.getElementById('BottomNavigationContainer');
    var barHeight = bottombarcontainer.offsetHeight - 80;
    var screenHeight = 0;
    var documentHeight = 0;
    var myHeight = 0;
    
    if( typeof( window.innerWidth ) == 'number' ) 
    {
        screenHeight = window.innerHeight;
        documentHeight = document.body.scrollHeight;
    } 
    else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
    {
        screenHeight = document.documentElement.clientHeight;
        documentHeight = document.body.offsetHeight;
    } 
    myHeight = Math.max(screenHeight,documentHeight);

    bottombarcontainer.style.top = myHeight - barHeight + 'px';
    
    
}