created header/footer directive and main controller

main controller is configured to expose headerApi and footerApi to scope
so that we can change header/footer content from any place inside a
scope .