var blogselect = 1;

function toggleMMash(divid){
	document.getElementById("blogrow1").className = 'mixrow';
	document.getElementById("blogbox1").className = 'mixblogboxoff'
	document.getElementById("blogboxct14").style.visibility = "hidden";
	document.getElementById("blogrow12").className = 'mixrowabove';
	document.getElementById("blogbox12").className = 'mixblogboxoff'
	document.getElementById("blogboxct13").style.visibility = "hidden";
	
	for (i=2;i<=11;i++) {
			document.getElementById("blogrow" + i).className = 'mixrow';
			document.getElementById("blogbox" + i).className = 'mixblogboxoff';
			document.getElementById("blogboxct" + i).className = 'mixbogboxcontentoff';
	}
	
	if (divid>1) {
		document.getElementById("blogrow"+(divid-1)).className = 'mixrowabove';
	}
	
	if (divid==12)  {
		document.getElementById("blogboxct14").style.visibility = "hidden";
		blogselect = divid;
		document.getElementById("blogboxct" + divid).className = 'mixbogboxcontent';
		document.getElementById("blogbox" + divid).className = 'mixblogbox';
		document.getElementById("blogboxct13").style.visibility = "visible";
		document.getElementById("blogrow"+divid).className = 'mixrowon';
	}
	else if (divid==1)  {
		document.getElementById("blogbox1").style.visibility = "visible";
		blogselect = divid;
		document.getElementById("blogbox" + divid).className = 'mixblogbox';
		document.getElementById("blogboxct" + divid).className = 'mixbogboxcontent';
		document.getElementById("blogboxct14").style.visibility = "visible";
		document.getElementById("blogrow"+divid).className = 'mixrowon';
	}
	else {
		blogselect = divid;
	
		document.getElementById("blogbox" + divid).className = 'mixblogbox';
		document.getElementById("blogboxct" + divid).className = 'mixbogboxcontent';
		document.getElementById("blogrow"+divid).className = 'mixrowon';
	}

}

function overMMash(divid){
	if (blogselect!=divid){
		if (divid!=(blogselect-1)){
			document.getElementById("blogrow"+divid).className = 'mixrowover';
		} else {
			document.getElementById("blogrow"+divid).className = 'mixrowoverabove';
		}
	}
}
function outMMash(divid){
	if (blogselect!=divid){
	if (divid==12){
		document.getElementById("blogrow"+divid).className = 'mixrowabove';
	} else if (divid==(blogselect-1)){
		document.getElementById("blogrow"+divid).className = 'mixrowabove';
	} else {
		document.getElementById("blogrow"+divid).className = 'mixrow';
	}
	}
}
