제이쿼리를 이용한 애니메이션 효과(Parallax Tutorial)가 있는 배경에

div를 4개 두고  상단에 있는 메뉴를 클릭시 해당하는 div가 옆으로 슬라이드되면서 내용이 보여지도록 하는 방법인데

그 안에 위젯(최근글(노출), 갤러리, 게시판(쓰기)등등...)을 삽입하니 전혀 동작이 되지 않습니다.

xehoverdir 위젯같은 경우에는  라이트박스효과의 창이 하나 떠서 거기에 이미지가 보여지는데 그냥 현재창에서

원본이미지로 이동해 버립니다.

제이쿼리 충돌인지... 알수가 없어서 이렇게 글을 쓰니 많은 조언 부탁드릴께요.

제이쿼리에 대해서는 초짜중에 초짜입니다;;;

<header>는 다음과 같습니다.

  <link rel="stylesheet" type="text/css" href="css/reset-min.css">
    <link rel="stylesheet" type="text/css" href="css/tut.css">
    <script type="text/javascript" src="   jQuery('#wrapper').scrollTo(jQuery(this).attr('href'), 800);
   setPosition(jQuery(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px')
   setPosition(jQuery(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px')
   jQuery('a.link').removeClass('selected'); 
   jQuery(this).addClass('selected');
   return false; 
  }); 
 });
 function setPosition(check, div, p1, p2, p3, p4) {
 if(check==='#box1')
  {
   jQuery(div).scrollTo(p1, 800);
  }
 else if(check==='#box2')
  {
   jQuery(div).scrollTo(p2, 800);
  }
 else if(check==='#box3')
  {
   jQuery(div).scrollTo(p3, 800);
  }
 else
  {
   jQuery(div).scrollTo(p4, 800);
  }
 };
 </script>