// toggle info blocks ------------------------------------------------------------------------------------------------------------------

function changeClass() {
if(document.getElementById('list')){
document.getElementById('list').className = 'hide';
}}
window.onload = changeClass;


function changeClassSelectors() {
if(document.getElementById('css3selectors')){
document.getElementById('css3selectors').className = 'hide';
}}
window.onload = changeClassSelectors;


// open info block

document.getElementsByClassName = function(c){   
    var el = [], found = [];   
    if(document.getElementsByTagName) {    
        el = document.getElementsByTagName('*');    
        for(var i = 0; i < el.length; i++) {        
            if(el[i].className === c) { found.push(el[i]); }
        }
    }    
    return found;
};

function toggle_info(elementid){
         var divs = document.getElementsByClassName('info','info_last');
         for(var i = 0; i< divs.length; i++){ 
                   if(divs[i] == document.getElementById(elementid)) {
                            if(divs[i].style.display=="block"){
                                      divs[i].style.display = "none";
                            }else{
                                      divs[i].style.display = "block";
                            }
                   }else {
                            divs[i].style.display = "none";
                   }
         }
}


//close info block - needed only if close button is present
function toggle_close( targetId ){
	target = document.getElementById( targetId );
	if (target.style.display == "block") {
		target.style.display = "none";
	}else{
		target.style.display = "none";
	}
}

// end toggle info blocks ------------------------------------------------------------------------------------------------------------------------------


 function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

addLoadEvent(changeClass);
addLoadEvent(changeClassSelectors);





function doSlide(id){
		timeToSlide = 50; // in milliseconds
		obj = document.getElementById(id);
		if(obj.style.display == "none"){ // if it's allready hidden we slide it down
			obj.style.visibility = "hidden";
			obj.style.display = "block";
			height = obj.offsetHeight;
			obj.style.height="0px";
			obj.style.visibility = "visible";
			slideDown(obj,0,height,Math.ceil(height/timeToSlide));
		} else {
			slideUp(obj,Math.ceil(obj.offsetHeight/timeToSlide),obj.offsetHeight);
		}
		}

		function slideDown(obj,offset,full,px){
		if(offset < full){
			obj.style.height = offset+"px";
			offset=offset+px;
			setTimeout((function(){slideDown(obj,offset,full,px);}),1);
		} else {
			obj.style.height = full+"px"; //Can be usefull in updated divs otherwise
		//just use full+"px"
		}
		}
		/*
		function slideUp(obj,px,full){
			if((obj.offsetHeight-px) > 0){
				obj.style.height = obj.offsetHeight-px+"px";
				setTimeout((function(){slideUp(obj,px,full);}),1);
			} else {
				obj.style.height=full+"px"; // we reset the height if we were to slide it back down
				obj.style.display = 'none';
			}
		}
		*/









// multiple popups in the same window - this is not needed on this page
/*
var newwindow = '';

function popitup(url) {
	if (!newwindow.closed && newwindow.location)
	{
		newwindow.location.href = url;
	}
	else
	{
		newwindow=window.open(url,'name','height=600,width=605,top=200,left=10,scrollbars=yes');
		if (!newwindow.opener) newwindow.opener = self;
	}
	if (window.focus) {newwindow.focus()}
	return false;
}

*/