Getting countdown to work without installing demo files

1st I'd like to say i tried installing the demo files (uploading and uncompressing and overwriting everything) but it didn't work. I used the theme and I have everything working but the clock

I realize it's the "GKCounter" in gk.scripts.js , but how do I actually put it on the front page?
I didn't see a widget and there seems to be multiple scripts inside that one script (so it's not like I can call the whole gk.scripts.js up)

thanks

instead i've used Uji countdown and customized the colors (2 for the block, 2 for the numbers) to fit the event.

I don't have use for the guitar but the greyed out continent would be nice to know. I noticed it all seems to be one object

i found it all :

Code: Select all

<div class="gk-animation" data-height="530">
 <div class="gk-animation-wrap">
 
  <div class="gka-bg">Background</div>
   <h2 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="200" data-time="500">Festival 21 Feb. - 27 Feb. 2014</h2>
   <h1 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="600" data-time="500">Festival Musico</h1>
   <div class="gk-stars" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="1000" data-time="500">* * * * * *</div>
   <div class="gk-jscounter gk-scale-up" data-dateend="1-1-2014" data-timeend="19:42" data-timezone="+2" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="900" data-time="500">Counting finished!</div>
   <div class="gk-guitar" data-start="{'opacity': 0, 'right': '-200px'}" data-end="{'opacity': 1, 'right': 0}" data-delay="900" data-time="450">Guitar</div>
   <a href="#" class="gk-ticket" data-start="{'opacity':0, 'top': '45px'}" data-end="{'opacity':1, 'top': 0}" data-delay="1300" data-time="450">
      <strong>Get a ticket</strong>
     <small>Authentic Tickets on Time or Your Money Back!</small>
   </a>

 </div>
</div> 

thats the whole thing and you put it in a widget.