I did develop two different css one with ad (printAd.css) and one without ad (print3.css) and the rest are #header, #footer, #sidebar {display:none;}. The print won't print without Ad or with Ad since I have 7 different css.

<link rel="stylesheet" type="text/css" href="http://code.aia.org/c/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://code.aia.org/c/960.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://code.aia.org/c/style.css" media="screen" />
<link rel="stylesheet" media="screen" type="text/css" href="http://code.aia.org/c/structure.css" />
<link rel="stylesheet" media="screen" type="text/css" href="http://code.aia.org/c/form.css" />


<!---test to print-->
<link rel="stylesheet" media="print" type="text/css" href="printAd.css" />
<link rel="stylesheet" type="text/css" id="myStyle" href="print3.css" media="print" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

<script>
var switchStyle = function(param) {
$obj = $('#myStyle');
var style = (param == "ad" ? 'printAd.css' : 'print3.css');
$obj.attr('href',style);
window.print();
};
</script>



<ul>
<li id="print ad"><a class="first" href="javascript:switchStyle(ad);" id="switchStyle">Print with Ads</a></li>
<li id="print"><a href="javascript:switchStyle(noAd);" id="switchStyle">Print without Ads</a>
<li id="email"><a href="mailto:" title="E-Mail">E-Mail</a></li>
<li id="share"><a class="last" href="#" style="text-decoration: none;"><span class="st_sharethis" displayText="ShareThis"></span> </a></li>
</ul>


I tested and nothing success. I need help from someone who can help me with that.