I currently do not have mobile friendly pages at my website. Google has forced me to remove my 728x90 and 160x600 and replace it with one responsive ad at the top of the page.

This has resulted in a 50% drop in earnings, so I think it must be time to create alternative pages for desktop/tablet and mobile.

I would like to create 2 different pages; the original one (728x90 and 160x600 ads on a page for desktop/tablet and 1 responsive ad only at the top of a page for mobiles)

I found a code that does this:

<script type="text/javascript">
<!--
if (screen.width <= 640) {
window.location = "http://m.example.com";
}
//-->
</script>

This is limited and in the form it is in only serves all mobile users to the main mobile page at http://m.example.com

Is there some way I can automatically redirect each page at the original site to the corresponding one at the mobile site?

ie: http://example.com/sample/test.htm to http://m.example.com/sample/test.htm

thanks in advance