window.onload=changeBGblack();

//background change color
function changeBGgrey (){
    document.body.style.backgroundColor="#090909";
}

function changeBGblack (){
    document.body.style.backgroundColor= "#000000";
}

//hide/show blog
function showblog() {
  var screenHeight;
  var screenWidth;
  var blogstatus
  blogstatus = 1;
  
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    screenWidth = window.innerWidth;
    screenHeight = window.innerHeight;
    
   if (screenWidth <900 && screenHeight<600) {
	document.getElementById("blog").style.left = 200+"px";
	document.getElementById("blog").style.top = 100+"px";
	
	} else if (screenWidth <900) { 
	document.getElementById("blog").style.left = 200+"px";
	document.getElementById("blog").style.top = ((screenHeight-600)/2)+100+"px";
	} else if (screenHeight<600) {
		document.getElementById("blog").style.left = ((screenWidth-900)/2)+200+"px";
		document.getElementById("blog").style.top = 100+"px";
	} else {
	document.getElementById("blog").style.left = ((screenWidth-900)/2)+200+"px";
	document.getElementById("blog").style.top = ((screenHeight-600)/2)+100+"px";
	}
	
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    screenWidth = document.documentElement.clientWidth;
    screenHeight = document.documentElement.clientHeight;
	
	   if (screenWidth <900 && screenHeight<600) {
	document.getElementById("blog").style.left = 200+"px";
	document.getElementById("blog").style.top = 100+"px";
	
	} else if (screenWidth <900) { 
	document.getElementById("blog").style.left = 200+"px";
	document.getElementById("blog").style.top = ((screenHeight-600)/2)+100+"px";
	} else if (screenHeight<600) {
	document.getElementById("blog").style.left = ((screenWidth-900)/2)+200+"px";
	document.getElementById("blog").style.top = 100+"px";
	} else {
	document.getElementById("blog").style.left = ((screenWidth-900)/2)+200+"px";
	document.getElementById("blog").style.top = ((screenHeight-600)/2)+100+"px";
	}
  }
}


function hideblog() {
	blogstatus=0;
	document.getElementById("blog").style.left = -1000+"px";
	document.getElementById("blog").style.top = -1000+"px";
}