$(document).ready(function () {
	$(".popOut3D").click(function () {
		popOut3D(); 
		popOut('3D');
	});
	$(".popBack3D").click(function () {popBack('3D');});
});
function popOut3D () {
	if($.browser.msie){ width = 400; height = 300; leftOffset = ((windowWidth - popOutMargins) - width)/2; topOffset = ((windowHeight - popOutMargins) - height)/2; border = 'border:1px  solid black;';}
	else{width = windowWidth - popOutMargins; height = windowHeight - popOutMargins; leftOffset = 0; topOffset = 0; border = '';}
	codeFor3dImage = 'dbd64ba39b4deda0f04495c8942f82d7';
	popOut3Dhtml = "";
	popOut3Dhtml += "<iframe id='sketchupIframe' src='http://sketchup.google.com/3dwarehouse/swivel?mid=";
	popOut3Dhtml += codeFor3dImage;
	popOut3Dhtml += "&etyp=sw&width=";
	popOut3Dhtml += width;
	//popOut3Dhtml += 400;
	popOut3Dhtml += "&height=";
	popOut3Dhtml += height;
	//popOut3Dhtml += 300;
	popOut3Dhtml += "' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' width='";
	popOut3Dhtml += width;
	popOut3Dhtml += "px' height='";
	popOut3Dhtml += height;
	popOut3Dhtml += "px' style='position:relative; top:" + topOffset + "px; left:" + leftOffset + "px; " + border + "'></iframe>";
	$("#popOut3D .3D").html(popOut3Dhtml);
	$("#popOut3D .popOutCanvasTextBott").html('Floor height: ' + floorHeight + 'mm<br>individual rise: ' + numberOfRisers + ' @ ' + rise.toFixed(2) + 'mm<br>individual going: ' + going.toFixed(2) + 'mm');
}