// ---------------
// Toggles visibility of the specified element.
// ---------------
function toggleVisibility(elemId)
{
	var elem = document.getElementById(elemId);
	
	if (elem)
	{
		if (elem.style.display == 'none')
		{		
			elem.style.display = 'block';
		}
		else
		{			
			elem.style.display = 'none';
		}
	}
}

// ------------------------------------------------------------
// Changes the height of a number of elements so they are the same
// height. The input param is an array with elements-id:s.
// ------------------------------------------------------------
function adaptElementHeight(divNameArr, minHeight)
{
	// This script messes up the page when it's displayed in EPi's
	// edit mode so we need this rather ugly work-around to prevent
	// the script from running when the page is viewed in edit mode.
	if (window.parent.name == 'EditPanel')
	{
		return;
	}
	
    var height = minHeight;
    var divArr = Array();
    
    // Loop over all the divs to get the height if the highest
    for (i = 0; i < divNameArr.length; i++)
    {
        divArr[i] = document.getElementById(divNameArr[i]);
        
        if (divArr[i])
        {
			// We set the height to auto to erase any previously hardcoded pixel
			// values which will otherwise prevent this function from running correctly
			// more than one time. It's useful to be able to call this function
			// again when dynamic content is displayed on the page.
	        divArr[i].style.height = 'auto';
	        
	        if (divArr[i].clientHeight > height)
	        {
				height = divArr[i].clientHeight;
			}
        }
    }    

    // Set the height for all divs
    for (i = 0; i < divArr.length; i++)
    {
        if (divArr[i])
        {
            divArr[i].style.height = height + 'px';
        }
    }
}

// ------------------------------------------------------------
// Sets the height of all the children of the specified element
// to the height of the highest child.
// ------------------------------------------------------------
function adaptChildHeight(parentId)
{
	// This script messes up the page when it's displayed in EPi's
	// edit mode so we need this rather ugly work-around to prevent
	// the script from running when the page is viewed in edit mode.
	if (window.parent.name == 'EditPanel')
	{
		return;
	}

    var parentElement = document.getElementById(parentId);
    if (parentElement)
    {
        var maxHeight = 0;

        // Loop over all children to find the maxHeight
        for (i = 0; i < parentElement.childNodes.length; i++)
        {
            if (parentElement.childNodes[i].clientHeight > maxHeight)
            {
                maxHeight = parentElement.childNodes[i].clientHeight;
            }
        }

        // Loop over all children and set the height
        for (i = 0; i < parentElement.childNodes.length; i++)
        {
            if (parentElement.childNodes[i].style && 
                (parentElement.childNodes[i].style.clear != 'both'))
            {
                parentElement.childNodes[i].style.height = maxHeight + 'px';
            }
        }
    }
}

// ------------------------------------------------------------
// This function will fire a click event on the specified control when the 
// enter key is pressed in a text field. Attach this function to the 
// onkeypress-event on the text field like this:
// <input type="text" onkeypress="return fireClickOnEnter(event, 'IdOfControlToFireClickOn');">
// ------------------------------------------------------------
function fireClickOnEnter(evt, controlId)
{
    var control = document.getElementById(controlId);
    var keyCode = (typeof window.event == 'object') ? window.event.keyCode : evt.keyCode;

    // If enter is pressed -> fire click-event on the control
    if (control && (keyCode == 13))
    {
        control.focus();
        control.click();
        return false;
    }
    else
    {
        return true;
    }
}

// ------------------------------------------------------------
// This function will fire a postbackon the specified control when the 
// enter key is pressed in a text field. Attach this function to the 
// onkeypress-event on the text field like this:
// <input type="text" onkeypress="return postbackOnEnter(event, 'IdOfControlToFirePostbackOn');">
// ------------------------------------------------------------
function postbackOnEnter(evt, controlId)
{
    var keyCode = (typeof window.event == 'object') ? window.event.keyCode : evt.keyCode;

    // If enter is pressed -> do a postback
    if (keyCode == 13)
    {
		__doPostBack(controlId,'');
		return false;
    }
    else
    {
        return true;
    }
}

// ------------------------------------------------------------
// Returns the x coordinate of the specified object
// ------------------------------------------------------------
function findPosX(obj)
{
    var curleft = 0;
    if (obj.offsetParent)
    {
        while (obj.offsetParent)
        {
            curleft += obj.offsetLeft
            obj = obj.offsetParent;
        }
    }
    else if (obj.clientLeft)
    {
        curleft += obj.clientLeft;
    }
    return curleft;
}

// ------------------------------------------------------------
// Returns the y coordinate of the specified object
// ------------------------------------------------------------
function findPosY(obj)
{
    var curtop = 0;
    if (obj.offsetParent)
    {
        while (obj.offsetParent)
        {
            curtop += obj.offsetTop
            obj = obj.offsetParent;
        }
    }
    else if (obj.clientTop)
    {
        curtop += obj.clientTop;
    }
    return curtop;
}

// ------------------------------------------------------------
// Builds an html-page for printing
// ------------------------------------------------------------
function printPage(pagename, appRoot) 
{
	if (!window.print)
	{
		window.status = 'No print';
		return;
	}

	// Get the main content area and other stuff we need
	var contentdiv = document.getElementById('PrintDiv');

	if (contentdiv)
	{
		var contentHtml = '<div style="padding: 0 20px 0 20px">' + contentdiv.innerHTML + '</div>';

		var beginHtml = 
		      '<html>' +
			  '<head>' +
			  '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">' + 
			  '<link rel="stylesheet" type="text/css" href="' + appRoot + 'Styles/all.css">' +
			  '<title>Jusektidningen - ' + pagename + '</title>' +
			  '<style>.NoPrint{display:none;}</style>' +
			  '</head>' +
			  '<body style="margin: 10px 0px 10px 0px; background:#fff; ">' +
//			  '<div style="float: left; font-weight: bold; font-size: 10px;">En utskrift från Jusektidningen.se</div>' +
			  '<div class="col-1"><div class="post main-post">';

		var footerHtml = '</div></div>';
		var endHtml = '</body></html>';

		var printWin = window.open('about:blank','','width=700,height=600,scrollbars=yes,toolbar=yes');
		printWin.document.open();
		printWin.document.write(beginHtml + 
		                        contentHtml + 
		                        footerHtml +
		                        endHtml);
		printWin.document.close();

		printWin.print();
/*		printWin.close();*/
	}
}

function TipPage(url)
{
    w = window.open(url, 'PrintOfficeWindow', 'width=340,height=600,location=no,scrollbars=yes,menubar=no,toolbar=no,resizable=no,status=yes');
    w.focus();
}

// ------------------------------------------------------------
// Adapt the main divs on a campaign page.
// ------------------------------------------------------------
function adaptMainCampaignDivs()
{
	adaptElementHeight(new Array('LeftAreaDiv','RightAreaDiv'), 400);
}

// ---------------
// Toggles the visibility of a campaign comment.
// ---------------
function toggleComment(id)
{
	toggleVisibility('CommentLess' + id);
	toggleVisibility('CommentMore' + id);
	adaptMainCampaignDivs();
}

// ---------------
// Updates the flash when a new value is selected in the amount drop-down
// ---------------
function updateCampaignHeartFlash(select, moduleId)
{
	var value = select.options[select.selectedIndex].value;
	var heartFlash = document.getElementById('moduleflash_' + moduleId);

	if (heartFlash)
	{
		heartFlash.sendValueToFlash(value);
	}
}



// ---------------
// Returns the scroll offset
// ---------------
function getScrollOffset()
{
    scrollOffset = {};
    if (window.pageYOffset)// all except Explorer
    { 
        scrollOffset.x = window.pageXOffset;
        scrollOffset.y = window.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop) // Explorer 6 Strict
    {
        scrollOffset.x = document.documentElement.scrollLeft;
        scrollOffset.y = document.documentElement.scrollTop;
    }
    else if (document.body) // all other Explorers
    {
        scrollOffset.x = document.body.scrollLeft;
        scrollOffset.y = document.body.scrollTop;
    }
    return scrollOffset;
}


function getWindowHeight() {
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight = window.innerHeight;
	}
	else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		}
		else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}



// ---------------
// Returns the size of the viewport.
// ---------------
function getViewportSize()
{
    size = {};
    if (window.innerHeight)
    {
    	size.width  = window.innerWidth;
    	size.height = window.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
    {
    	size.width  = document.documentElement.clientWidth;
    	size.height = document.documentElement.clientHeight;
    }
    else if (document.body)
    {
    	size.width  = document.body.clientWidth;
    	size.height = document.body.clientHeight;
    }
    return size;
}

function setHeightFromDiv( setImgID, fromDivID )
{
    var setImg = document.getElementById(setImgID);
    var fromDiv = document.getElementById(fromDivID);
    
    if( setImg && fromDiv )
    {
        setImg.style.height = fromDiv.clientHeight + "px";
        setImg.height = fromDiv.clientHeight + "px";
        
    }

}









// Search for divs with right classname 
function getDivsByClassName(needle) 
{ 
    var toproot = document.getElementById('MainMenu')

//   var my_array = document.getElementsByTagName("div"); 

   var my_array = toproot.getElementsByTagName("div"); 


   
   var retvalue = new Array(); 
   var i; 
   var j; 

   for (i=0,j=0;i<my_array.length;i++) { 
      var c = " " + my_array[i].className + " "; 
      if (c.indexOf(" " + needle + " ") != -1) retvalue[j++] = my_array[i]; 
    } 
    return retvalue; 
} 





//// Search for divs with right classname 
//function getDivsByClassName(needle, searchfromroot) 
//{ 
//    var toproot = document.getElementById(searchfromroot)
//    if(toproot)
//    {
//        var my_array = toproot.getElementsByTagName("div"); 
//       
//        var retvalue = new Array(); 
//        var i; 
//        var j; 

//        for (i=0,j=0;i<my_array.length;i++) { 
//            var c = " " + my_array[i].className + " "; 
//            if (c.indexOf(" " + needle + " ") != -1) retvalue[j++] = my_array[i]; 
//        } 
//        return retvalue; 
//    }
//    return null;
//} 




// ---------------
// Hides all windowed controls in browsers that
// can't display layers on top of them.
// ---------------
function hideWindowedControls()
{
	if ((BrowserDetect.browser == 'Explorer') && (BrowserDetect.version < 7))
	{
	    // Hides all listboxes
		for (var i = 0; i < document.getElementsByTagName('select').length; i++)
		{
			document.getElementsByTagName('select')[i].style.visibility = 'hidden';
		}
	}
}

// ---------------
// Shows all windowed controls.
// ---------------
function showWindowedControls()
{
	if ((BrowserDetect.browser) == 'Explorer' && (BrowserDetect.version < 7))
	{
	    // Show all listboxes
		for (var i = 0; i < document.getElementsByTagName('select').length; i++)
	    {
		    document.getElementsByTagName('select')[i].style.visibility = 'visible';
	    }
    }
}

var dialogOrig;

// ---------------
// Opens a dialog. The first parameter should be the dialog name.
// ---------------
function openDialog()
{
	dialogOrig	= document.getElementById(arguments[0]); 
	
	dialogOrig.style.display = 'block';
	
	var dialogBody  = document.getElementById('DialogBody');
	var dialog		= document.getElementById('DialogContainer');
	dialog.style.display = 'block';
	
	dialog.style.width = dialogOrig.clientWidth + 10 + 'px';
	
	dialogBody.innerHTML = dialogOrig.innerHTML;

    dialogOrig.innerHTML = "";

	hideWindowedControls();
	positionDialog();

	dialogOrig.style.display = 'none';
	showDialogBackground();
	
}



// ---------------
// Creates a semi-transparent div and places it over the entire screen.
// ---------------
function showDialogBackground()
{
	var bgDiv = document.getElementById('DialogBG');
	var dialogContainer = document.getElementById('DialogContainer');
	if (bgDiv)
	{
		var viewSize   = getViewportSize();

	    var height = 0; // bgDiv.clientHeight;
	    if(height < document.getElementById('container').clientHeight) height = document.getElementById('container').clientHeight;
	    
	    if( height < viewSize.height ) height = viewSize.height;
	    
	    if(height < dialogContainer.clientHeight)
    	    height = dialogContainer.clientHeight;
	    
	    
	    height = height + scrollOffset.y;
	    
		bgDiv.style.height	= height + 'px';
		bgDiv.style.display	= 'block';

	}
}

// ---------------
// Hides the semi-transparent div
// ---------------
function hideDialogBackground()
{
	var bgDiv = document.getElementById('DialogBG');
	if (bgDiv)
	{
		bgDiv.style.display = 'none';
	}
}



// ---------------
// Positions the dialog layer in the center of the screen.
// ---------------
function positionDialog()
{
	var dialog = document.getElementById('DialogContainer');
	if (dialog)
	{
		var viewSize   = getViewportSize();
		var scrollSize = getScrollOffset();
		dialog.style.display = 'block';
		
		// Center window on screen
		dialog.style.left = (scrollSize.x + (viewSize.width  - dialog.clientWidth)  / 2) + 'px';
				
		var marginTop = dialog.clientHeight>viewSize.height ? ((viewSize.height-dialog.clientHeight)/2):100;
        var top = (scrollSize.y + ((viewSize.height - dialog.clientHeight) / 2) - marginTop);
		if( top>scrollSize.y)
		    dialog.style.top  = top  + 'px';    
		 else
		    dialog.style.top  = scrollSize.y  + 'px';    		 		
	}
}


// ---------------
// Closes the dialog-layer.
// ---------------
function closeDialog()
{
	var dialog		= document.getElementById('DialogContainer');
	var dialogBody  = document.getElementById('DialogBody');
	if (dialog)
	{
		dialogOrig.innerHTML = dialogBody.innerHTML;

		dialog.style.display = 'none';
				
		hideDialogBackground();
		showWindowedControls();
	}
}


function OpenAgree(pageId)
{
    var printWin = window.open('/Pages/Agree.aspx?pageid='+pageId,'','width=400,height=420,scrollbars=yes,toolbar=no');
}


function setValidateCheckBox(obj, id)
{
    var textBox = document.getElementById(id);     
        
    textBox.value= obj.checked?"true":"";        
}

function alertSize() {
  var myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  //window.alert( 'Height = ' + myHeight );
  return myHeight;
}

function setIframeHeight(iframeName) {
  var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null;
  if (iframeEl) {
  iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous
  //var docHt = getDocHeight(iframeWin.document);
  // need to add to height to be sure it will all show
  var h = alertSize();
  iframeEl.style.height = h + "px";
  //alertSize();
  }
}