I recently changed my bilingual website of 23 html pages to 23 php pages (The site is: www.creativemindspcs.org.) With this change, I included php headers, footers, and navigation. 

I cannot figure out how to change the header links based on what page I am on. 

Example. The About Us page in English. In the header, I have a link that says "Espanol". When you click on that link, it should take you to the About Us Spanish page but now since the php header is included on all of the pages, it only links to one page and not the correct one. 

How do I change those links depending on what page it needs to go to? Anyone have a good tutorial? 

**HTML Code:**

```
<header><insert php code here> include('includes/header.php');

```

**Includes Header Code:**

```
<!--==============================header=================================-->

<div id="header" class="editable">

    <div class="inner" >

        <div class="meta-info">

        <div class="extra-wrap">

        <ul class="social-links">

        <li><a href="index.html">English</a></li>

        <li><a href="esp-index.html">Espa&#xF1;ol</a></li>

        <li><a href="contactus.html">Contact Us</a></li>
        </ul>

        <form id="main-search" action="search.php"  >

        <input type="text" name="search"  style="background-color:#CCCCCC" >

        <a class="search-submit" onClick="document.getElementById('main-search').submit()" ></a>
        </form>
        </div>

        <br><br><br><a href="supportus.html" class="button3">Donate</a>  <a href="apply.html" class="button4">Apply</a>     </div>

        <img src="site/images/CMLOGO.GIF" align="top" alt="Guitar Logo"><a href="index.html"></a>     

</div>

<div class="clear"></div>

        </div>

```