function toggleDisplay(elemId){
	var elem = document.getElementById(elemId);
	var elemName = document.getElementById(elemId).getAttribute("name");
	var shade = document.getElementById("shade");
	var altText = "Click to close ";
	
	if(elem.style.display != "block"){
		elem.style.display = "block";
		shade.style.display = "block";
		shade.style.cursor = "pointer";
		shade.alt = altText + elemName;
		shade.title = altText + elemName;
		shade.onclick = function(){toggleDisplay(elemId);}
	}
	else if(elem.style.display != "none"){
		elem.style.display = "none";
		shade.style.display = "none";
	}
}
/*


<input id="textfield" class="textfield" type="text" ;"="" 

onblur="toggleDefaultText(this, 'Enter search keywords here')" ;="" 

onfocus="toggleDefaultText(this, 'Enter search keywords here')" 

value="Enter search keywords here" name="textfield">

*/

function formatImages() {
	//alert("In formatImages()");
	
	// from: http://stackoverflow.com/questions/6414060/how-get-href-all-images-in-page-using-javascript
	checkimages1();
	//checkimages2();
	//checkimages3();
	
}

function checkimages1() {
   var images = document.images;
   for (var i=0; i<images.length; i++){
      var img =images[i].src;
			//alert(img);
			img.style.border = "3px solid blue";
   }
}

function checkimages2() {
     var images = document.images;
     for (var i=0; i<images.length; i++){
        if (images[i].parentNode.tagName.toLowerCase()=='a') {
           alert(images[i].parentNode.href);
        }
     }
}

function checkimages3() {
	var a = document.getElementsByTagName("IMG");
	for (var i=0, len=a.length; i<len; i++) {
	  alert (a[i].src);
	}
}

function fixImagePadding() {
	//alert("pad test");
	/*
	*	Find all images in #columnRight in #contentMain
	*	Add padding to the bottom of all images
	*	Add padding to the left of right-floated images
	*	Add padding to the right of left-floated images
	*	Add padding to the top of images which have text above them
	*		
	*/		
	var container = document.getElementById('columnRight');
	var images = container.getElementsByTagName('img');
	
	for (var i = 0; i < images.length; i++) {
    var orientation = images[i].style.cssFloat;
    
    if(orientation == "left") {
	    images[i].className = "leftImage";
	  }
    else if(orientation == "right") {
	    images[i].className = "rightImage";
	  }
  }
}