JQuery Script einbauen in den Startseiten Contentbereich von GX2

Hallo

ich möchte einen JQuery Script einbauen unzwar in den Startseitencontenbereich.
Der Script "Photo Zoom Out Effect" wird auf der Webseite:

http://tympanus.net/codrops/2010/03/07/photo-zoom-out-effect-with-jquery/

bereit gestellt. Nun habe ich gelesen das Gambio GX2 schon JQuery enthält und um diesen
Script richtig einzubauen und keinen Fehler zu erzeugen wollte ich fragen ob sich von Euch jemand
damit auskennt was zu beachten wäre und mir vielleicht beschreiben kann wo man diesen Einbaut.
Insbesondere ob ich die CSS:

*{
margin:0;
padding:0;
}
body{
background:#fff url(../title.png) no-repeat 25% 20px;
}
.container{
width:600px;
height:400px;
margin:100px auto 0px auto;
border:10px solid #333;
-moz-box-shadow:1px 1px 12px #000;
-webkit-box-shadow:1px 1px 12px #000;
box-shadow:1px 1px 12px #000;
}
a.back{
width:184px;
height:32px;
position:absolute;
bottom:10px;
left:10px;
background:transparent url(../back.png) no-repeat top left;
}
.wrap{
width:200px;
height:200px;
margin:0px;
overflow:hidden;
position:relative;
float:left;
}
.wrap a img {
border:none;
position:absolute;
top:-66.5px;
left:-150px;
height:500px;
opacity: 0.5;
-moz-opacity: 0.5;
filterrogidXImageTransform.Microsoft.Alpha(opacity=50);
}

mit in die EyeCandy.css einfügen sollte?

Lg Chris

 

die js Datei kommt wohl in das Verzeichnis /templates/EyeCandy/javascript beim EyeCandy Template oder ?

Lg Chris