[Resolvido] Problema pegando variavel do php

Amigos !!

Sou novato no aprendizado de JS e tô tomando uma surra daquelas aqui...rsss

Fiz esse script aqui:

<script type="text/javascript">
$(function(){

 $("map#mapa area").click(function(){

var pegaclasse = "<?php echo $value['conteudo_id']; ?>";

$('div#preview').hide();
 $('div.'+pegaclasse).slideDown();

 return false;

 })
})

Onde:

Tenho uma map com várias areas, que ao clicar, cada área terá a sua respectiva div a ser mostrada.

o número de áreas é desconhecido, está vindo de um foreach que eu faço em php, portanto atribui uma id única como classe para cada div que aparecer, é onde entra o $value['conteudo_id'],

Minha Map Area

<map id="mapa">';

 foreach ($conteudo as $key => $value){

 <area shape="circle" coords="5,5,10" href="javascript:void(0);">
 <img src="area.jpg" usemap="#mapa" style="position:absolute; top:'.$value['mapa_coord_y'].'px;left:'.$value['mapa_coord_x'].'px; width:10px; height:10px;" />

 }

</map>

Minha div OCULTA,:

foreach( $conteudo as $key => $value ) {

<div id="geral">

 <div id="preview" class="'.$value['conteudo_id'].'" style="display:none;">
 conteudo
 </div>

</div>

}

O fato é,...não funfa....

e não tô sabendo identificar se ele não ta conseguindo pegar a variavel do php dentro do JS, ou se to inserindo o a variavel 'pegaclasse' de forma errada....

Ou outra bagunça qq que eu tenha feito....rsssss

Alguém tem alguma dica que possa me ajudar nesse caso?

Abração Pessoal !