Facelets and JSF

How can add my JSP (JSF) file into .xhtml facelet file?

I have template file:

<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets">

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./css/default.css" rel="stylesheet" type="text/css" />
        <link href="./css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Facelets Template</title>
    </head>

<body>
        <div id="top">
            <ui:insert name="top"></ui:insert>
        </div>
        <div>
            <div id="left"><ui:insert name="left">left</ui:insert></div>
            <div>
                <div id="right">
                    <ui:insert name="right">Right</ui:insert>
                </div>
                <div id="content" class="right_content">
                    <ui:insert name="content">Content</ui:insert>
                </div>
            </div>
        </div>
        <div id="bottom">
            <ui:insert name="bottom">Bottom</ui:insert>
        </div>

</body>

template client:

and header.xhtml file:

1. Can I use normal JSP (JSF) file ?? Or all have to be .xhtml??
2. How can I add tab completion for RichFaces??