API tools faq
paste
View difference between Paste ID: WyFi9WR1 and ppF8rZNM
SHOW: | | - or go back to the newest paste.
1
<?php
2
$go = @$_GET['style'];
3
$y = $_GET['y'];
4
$m = $_GET['m'];
5
$d = $_GET['d'];
6
$h = $_GET['h'];
7
$min = $_GET['min'];
8-
$color = $_GET['color'];
8+
$color = @$_GET['color'];
9-
$bg = $_GET['bg'];
9+
$bg = @$_GET['bg'];
10
$l = @$_GET['l'];
11
if(empty($go)){$go='style1a';}
12
if(empty($l)){$l='es';}
13
if(empty($bg)){$bg='fff';}
14
if(empty($color)){$color='000';}
15
16
switch ($l) {

17
    case 'es':

18
        $l = array("Días", "Horas", "Minutos", "Segundos");

19
        break;

20
    

21
    case 'en':

22
        $l = array("Days", "Hours", "Minutes", "Seconds");

23
        break;

24
25
}

26
27
switch($go){

28
 

29
   case 'style1a':

30
      echo '<html>

31
<head>

32
<style type="text/css">

33
body {background-color:'.$bg.';}

34
.numbers {

35
    width: 55px;

36
    text-align: center; 

37
    font-family: Arial; 

38
    font-size: 28px;

39
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

40
    font-style: normal;   /* options are normal or italic */

41
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

42
}

43
.title {/* the styles below will affect the title under the numbers, i.e., "Days", "Hours", etc. */

44
    width: 55px;

45
    text-align: center; 

46
    font-family: Arial; 

47
    font-size: 10px;

48
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

49
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

50
}

51
#table {

52
    width: 400px;

53
    height: 48px;

54
    border-style: none;

55
    background-color: transparent;

56
    margin: 0px auto;

57
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

58
    top: 0px;             /* change to position the timer */

59
    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

60
}

61
</style>

62
63
<script type="text/javascript">

64
65
/*

66
Count down until any date script-

67
By JavaScript Kit (www.javascriptkit.com)

68
Over 200+ free scripts here!

69
Modified by Robert M. Kuhnhenn, D.O. 

70
on 5/30/2006 to count down to a specific date AND time,

71
on 10/20/2007 to a new format, and 1/10/2010 to include

72
time zone offset.

73
*/

74
75
/*  Change the items noted in light blue below to create your countdown target date and announcement once the target date and time are reached.  */

76
var current="Winter is here!";//-->enter what you want the script to display when the target date and time are reached, limit to 20 characters

77
var year=2010;      //-->Enter the count down target date YEAR

78
var month=12;        //-->Enter the count down target date MONTH

79
var day=21;         //-->Enter the count down target date DAY

80
var hour=18;        //-->Enter the count down target date HOUR (24 hour clock)

81
var minute=38;      //-->Enter the count down target date MINUTE

82
var tz=-5;          //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

83
84
//-->    DO NOT CHANGE THE CODE BELOW!    <--

85
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

86
87
function countdown(yr,m,d,hr,min){

88
    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

89
    var today=new Date();

90
    var todayy=today.getYear();

91
    if (todayy < 1000) {todayy+=1900;}

92
    var todaym=today.getMonth();

93
    var todayd=today.getDate();

94
    var todayh=today.getHours();

95
    var todaymin=today.getMinutes();

96
    var todaysec=today.getSeconds();

97
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

98
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

99
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

100
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

101
    var dd=futurestring-todaystring;

102
    var dday=Math.floor(dd/(60*60*1000*24)*1);

103
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

104
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

105
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

106
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

107
        document.getElementById(\'count2\').innerHTML=current;

108
        document.getElementById(\'count2\').style.display="inline";

109
        document.getElementById(\'count2\').style.width="390px";

110
        document.getElementById(\'dday\').style.display="none";

111
        document.getElementById(\'dhour\').style.display="none";

112
        document.getElementById(\'dmin\').style.display="none";

113
        document.getElementById(\'dsec\').style.display="none";

114
        document.getElementById(\'days\').style.display="none";

115
        document.getElementById(\'hours\').style.display="none";

116
        document.getElementById(\'minutes\').style.display="none";

117
        document.getElementById(\'seconds\').style.display="none";

118
        document.getElementById(\'spacer1\').style.display="none";

119
        document.getElementById(\'spacer2\').style.display="none";

120
        return;

121
    }

122
    else {

123
        document.getElementById(\'count2\').style.display="none";

124
        document.getElementById(\'dday\').innerHTML=dday;

125
        document.getElementById(\'dhour\').innerHTML=dhour;

126
        document.getElementById(\'dmin\').innerHTML=dmin;

127
        document.getElementById(\'dsec\').innerHTML=dsec;

128
        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);

129
    }

130
}

131
</script>

132
133
</head>

134
135-
        <td align="center" ><div class="title" id="days">Days</div></td>

135+
136-
        <td align="center" ><div class="title" id="hours">Hours</div></td>

136+
137-
        <td align="center" ><div class="title" id="minutes">Minutes</div></td>

137+
138-
        <td align="center" ><div class="title" id="seconds">Seconds</div></td>

138+
139
    </tr>

140
    <tr id="spacer1" height="30">

141
        <td align="center" ><div class="numbers" ></div></td>

142
        <td align="center" ><div class="numbers" id="dday"></div></td>

143
        <td align="center" ><div class="numbers" id="dhour"></div></td>

144
        <td align="center" ><div class="numbers" id="dmin"></div></td>

145
        <td align="center" ><div class="numbers" id="dsec"></div></td>

146
        <td align="center" ><div class="numbers" ></div></td>

147
    </tr>

148
    <tr id="spacer2" height="12">

149
        <td align="center" ><div class="title" ></div></td>

150
        <td align="center" ><div class="title" id="days">'.$l[0].'</div></td>

151
        <td align="center" ><div class="title" id="hours">'.$l[1].'</div></td>

152
        <td align="center" ><div class="title" id="minutes">'.$l[2].'</div></td>

153
        <td align="center" ><div class="title" id="seconds">'.$l[3].'</div></td>

154
        <td align="center" ><div class="title" ></div></td>

155
    </tr>

156
</table>

157
158
</body>

159
</html>';

160
      break;

161
162
    case 'style1b':

163
        echo '<html>

164
<head>

165
<style type="text/css">

166
body {background-color:'.$bg.';}

167
.numbers {

168
    padding: 0px;

169
    width: 45px;

170
    text-align: center;

171
    font-family: Arial;             

172
    font-size: 28px;

173
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

174
    font-style: normal;   /* options are normal or italic */

175
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

176
}

177
.title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */

178
    border-style: none;

179
    padding: 0px 0px 3px 0px;

180
    width: 45px;

181
    text-align: center;

182
    font-family: Arial;

183
    font-size: 10px;

184
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

185
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

186
}

187
#table {

188
    width: 400px;

189
    height: 70px;

190
    border-style: ridge;

191
    border-width: 3px;

192
    border-color: #666666;       /* change color using the hexadecimal color codes for HTML */

193
    background-color: #222222;   /* change color using the hexadecimal color codes for HTML */

194
    margin: 0px auto;

195
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

196
    top: 0px;             /* change to position the timer */

197
    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

198
}

199
</style>

200
201
<script type="text/javascript">

202
203
/*

204
Count down until any date script-

205
By JavaScript Kit (www.javascriptkit.com)

206
Over 200+ free scripts here!

207
Modified by Robert M. Kuhnhenn, D.O. 

208
on 5/30/2006 to count down to a specific date AND time,

209
on 10/20/2007 to a new format, and 1/10/2010 to include

210
time zone offset.

211
*/

212
213
var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters

214
var year=2010;    //-->Enter the count down target date YEAR

215
var month=12;      //-->Enter the count down target date MONTH

216
var day=21;       //-->Enter the count down target date DAY

217
var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)

218
var minute=38;    //-->Enter the count down target date MINUTE

219
var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

220
221
//    DO NOT CHANGE THE CODE BELOW!

222
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

223
224
function countdown(yr,m,d,hr,min){

225
    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

226
    var today=new Date();

227
    var todayy=today.getYear();

228
    if (todayy < 1000) {todayy+=1900;}

229
    var todaym=today.getMonth();

230
    var todayd=today.getDate();

231
    var todayh=today.getHours();

232
    var todaymin=today.getMinutes();

233
    var todaysec=today.getSeconds();

234
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

235
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

236
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

237
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

238
    var dd=futurestring-todaystring;

239
    var dday=Math.floor(dd/(60*60*1000*24)*1);

240
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

241
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

242
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

243
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

244
        document.getElementById(\'count2\').innerHTML=current;

245
        document.getElementById(\'count2\').style.display="inline";

246
        document.getElementById(\'count2\').style.width="390px";

247
        document.getElementById(\'dday\').style.display="none";

248
        document.getElementById(\'dhour\').style.display="none";

249
        document.getElementById(\'dmin\').style.display="none";

250
        document.getElementById(\'dsec\').style.display="none";

251
        document.getElementById(\'days\').style.display="none";

252
        document.getElementById(\'hours\').style.display="none";

253
        document.getElementById(\'minutes\').style.display="none";

254
        document.getElementById(\'seconds\').style.display="none";

255
        document.getElementById(\'spacer1\').style.display="none";

256
        document.getElementById(\'spacer2\').style.display="none";

257
        return;

258
    }

259
    else {

260
        document.getElementById(\'count2\').style.display="none";

261
        document.getElementById(\'dday\').innerHTML=dday;

262
        document.getElementById(\'dhour\').innerHTML=dhour;

263
        document.getElementById(\'dmin\').innerHTML=dmin;

264
        document.getElementById(\'dsec\').innerHTML=dsec;

265
        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);

266
    }

267
}

268
</script>

269
270
</head>

271
272-
        <td align="center" ><div class="title" id="days">Days</div></td>

272+
273-
        <td align="center" ><div class="title" id="hours">Hours</div></td>

273+
274-
        <td align="center" ><div class="title" id="minutes">Minutes</div></td>

274+
275-
        <td align="center" ><div class="title" id="seconds">Seconds</div></td>

275+
276
    </tr>

277
    <tr id="spacer1">

278
        <td align="center" ><div class="numbers" ></div></td>

279
        <td align="center" ><div class="numbers" id="dday"></div></td>

280
        <td align="center" ><div class="numbers" id="dhour"></div></td>

281
        <td align="center" ><div class="numbers" id="dmin"></div></td>

282
        <td align="center" ><div class="numbers" id="dsec"></div></td>

283
        <td align="center" ><div class="numbers" ></div></td>

284
    </tr>

285
    <tr id="spacer2">

286
        <td align="center" ><div class="title" ></div></td>

287
        <td align="center" ><div class="title" id="days">'.$l[0].'</div></td>

288
        <td align="center" ><div class="title" id="hours">'.$l[1].'</div></td>

289
        <td align="center" ><div class="title" id="minutes">'.$l[2].'</div></td>

290
        <td align="center" ><div class="title" id="seconds">'.$l[3].'</div></td>

291
        <td align="center" ><div class="title" ></div></td>

292
    </tr>

293
</table>

294
295
</body>

296
</html>';

297
        break;

298
299
    case 'style1c':

300
        echo '<html>

301
<head>

302
<style type="text/css">

303
body {background-color:'.$bg.';}

304
.numbers {

305
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */

306
    border-width: 2px;

307
    border-color: #666666;  /* change the border color using the hexadecimal color codes for HTML */

308
    background: #222222;    /* change the background color using the hexadecimal color codes for HTML */

309
    padding: 2px 0px;

310
    width: 55px;

311
    text-align: center; 

312
    font-family: Arial; 

313
    font-size: 28px;

314
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

315
    font-style: normal;   /* options are normal or italic */

316
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

317
}

318
.title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */

319
    border: none;    

320
    padding: 0px;

321
    width: 55px;

322
    text-align: center; 

323
    font-family: Arial; 

324
    font-size: 10px; 

325
    font-weight: normal;  /* options are normal, bold, bolder, lighter */

326
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

327
    background: transparent;    /* change the background color using the hexadecimal color codes for HTML */

328
}

329
#table {

330
    width: 400px;

331
    border: none;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */

332
    margin: 0px auto;

333
    position: relative;    /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

334
    top: 0px;        /* change to position the timer */

335
    left: 0px;       /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

336
}

337
</style>

338
339
<script type="text/javascript">

340
341
/*

342
Count down until any date script-

343
By JavaScript Kit (www.javascriptkit.com)

344
Over 200+ free scripts here!

345
Modified by Robert M. Kuhnhenn, D.O. 

346
on 5/30/2006 to count down to a specific date AND time,

347
on 10/20/2007 to a new format, and 1/10/2010 to include

348
time zone offset.

349
*/

350
351
var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters

352
var year=2010;    //-->Enter the count down target date YEAR

353
var month=12;      //-->Enter the count down target date MONTH

354
var day=21;       //-->Enter the count down target date DAY

355
var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)

356
var minute=38;    //-->Enter the count down target date MINUTE

357
var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

358
359
//    DO NOT CHANGE THE CODE BELOW!

360
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

361
362
function countdown(yr,m,d,hr,min){

363
    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

364
    var today=new Date();

365
    var todayy=today.getYear();

366
    if (todayy < 1000) {todayy+=1900;}

367
    var todaym=today.getMonth();

368
    var todayd=today.getDate();

369
    var todayh=today.getHours();

370
    var todaymin=today.getMinutes();

371
    var todaysec=today.getSeconds();

372
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

373
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

374
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

375
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

376
    var dd=futurestring-todaystring;

377
    var dday=Math.floor(dd/(60*60*1000*24)*1);

378
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

379
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

380
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

381
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

382
        document.getElementById(\'count2\').innerHTML=current;

383
        document.getElementById(\'count2\').style.display="block";

384
        document.getElementById(\'count2\').style.width="390px";

385
        document.getElementById(\'dday\').style.display="none";

386
        document.getElementById(\'dhour\').style.display="none";

387
        document.getElementById(\'dmin\').style.display="none";

388
        document.getElementById(\'dsec\').style.display="none";

389
        document.getElementById(\'days\').style.display="none";

390
        document.getElementById(\'hours\').style.display="none";

391
        document.getElementById(\'minutes\').style.display="none";

392
        document.getElementById(\'seconds\').style.display="none";

393
        document.getElementById(\'spacer1\').style.display="none";

394
        document.getElementById(\'spacer2\').style.display="none";

395
        return;

396
    }

397
    else {

398
        document.getElementById(\'count2\').style.display="none";

399
        document.getElementById(\'dday\').innerHTML=dday;

400
        document.getElementById(\'dhour\').innerHTML=dhour;

401
        document.getElementById(\'dmin\').innerHTML=dmin;

402
        document.getElementById(\'dsec\').innerHTML=dsec;

403
        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);

404
    }

405
}

406
</script>

407
408
</head>

409
410-
        <td align="center" ><div class="title" id="days">Days</div></td>

410+
411-
        <td align="center" ><div class="title" id="hours">Hours</div></td>

411+
412-
        <td align="center" ><div class="title" id="minutes">Minutes</div></td>

412+
413-
        <td align="center" ><div class="title" id="seconds">Seconds</div></td>

413+
414
    </tr>

415
    <tr id="spacer1">

416
        <td align="center" ><div class="title" ></div></td>

417
        <td align="center" ><div class="numbers" id="dday"></div></td>

418
        <td align="center" ><div class="numbers" id="dhour"></div></td>

419
        <td align="center" ><div class="numbers" id="dmin"></div></td>

420
        <td align="center" ><div class="numbers" id="dsec"></div></td>

421
        <td align="center" ><div class="title" ></div></td>

422
    </tr>

423
    <tr id="spacer2">

424
        <td align="center" ><div class="title" ></div></td>

425
        <td align="center" ><div class="title" id="days">'.$l[0].'</div></td>

426
        <td align="center" ><div class="title" id="hours">'.$l[1].'</div></td>

427
        <td align="center" ><div class="title" id="minutes">'.$l[2].'</div></td>

428
        <td align="center" ><div class="title" id="seconds">'.$l[3].'</div></td>

429
        <td align="center" ><div class="title" ></div></td>

430
    </tr>

431
</table>

432
433
</body>

434
</html>';

435
        break;

436
437
    case 'style1d':

438
        echo '<html>

439
<head>

440
<style type="text/css">

441
body {background-color:'.$bg.';} 

442
.background {

443
    border-style: none;

444
    width: 62px;

445
    height: 58px;

446
}

447
.numbers {

448
    border-style: none;

449
    background-color: #292929;

450
    padding: 0px;

451
    margin: 0px;

452
    width: 62px;

453
    height: 42px;

454
    text-align: center; 

455
    font-family: Arial; 

456
    font-size: 34px;

457
    font-weight: normal;    /* options are normal, bold, bolder, lighter */

458
    color: '.$color.';     /* change color using the hexadecimal color codes for HTML */

459
}

460
.title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */

461
    border: none;    

462
    padding: 0px;

463
    margin: 0px 3px;

464
    width: 62px;

465
    text-align: center; 

466
    font-family: Arial; 

467
    font-size: 10px; 

468
    font-weight: normal;    /* options are normal, bold, bolder, lighter */

469
    color: '.$color.';    /* change color using the hexadecimal color codes for HTML */

470
    background-color: #000000;  

471
}

472
#form {    /* the styles below will affect the outer border of the countdown timer */

473
    width: 400px;

474
    height: 80px;

475
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */

476
    border-width: 2px;

477
    border-color: #666666;  /* change color using the hexadecimal color codes for HTML */ 

478
    background-color: #000000;

479
    padding: 5px;

480
    margin: 0px auto;

481
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

482
    top: 0px;             /* change to position the timer */

483
    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

484
}

485
.line {

486
    border-style: none;

487
    width: 62px; 

488
    height: 2px;

489
    z-index: 15;

490
}

491
</style>

492
493
<script type="text/javascript">

494
495
/*

496
Count down until any date script-

497
By JavaScript Kit (www.javascriptkit.com)

498
Over 200+ free scripts here!

499
Modified by Robert M. Kuhnhenn, D.O. 

500
on 5/30/2006 to count down to a specific date AND time,

501
and on 1/10/2010 to include time zone offset.

502
*/

503
504
/*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */

505
var current="Winter is here!";     //—>enter what you want the script to display when the target date and time are reached, limit to 20 characters

506
var year=2010;        //—>Enter the count down target date YEAR

507
var month=12;          //—>Enter the count down target date MONTH

508
var day=21;           //—>Enter the count down target date DAY

509
var hour=18;          //—>Enter the count down target date HOUR (24 hour clock)

510
var minute=38;        //—>Enter the count down target date MINUTE

511
var tz=-5;            //—>Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

512
513
//—>    DO NOT CHANGE THE CODE BELOW!    <—

514
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

515
516
function countdown(yr,m,d,hr,min){

517
    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

518
    var today=new Date();

519
    var todayy=today.getYear();

520
    if (todayy < 1000) {

521
    todayy+=1900; }

522
    var todaym=today.getMonth();

523
    var todayd=today.getDate();

524
    var todayh=today.getHours();

525
    var todaymin=today.getMinutes();

526
    var todaysec=today.getSeconds();

527
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

528
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

529
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

530
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

531
    var dd=futurestring-todaystring;

532
    var dday=Math.floor(dd/(60*60*1000*24)*1);

533
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

534
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

535
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

536
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

537
        document.getElementById(\'count2\').innerHTML=current;

538
        document.getElementById(\'count2\').style.display="inline";

539
        document.getElementById(\'count2\').style.width="390px";

540
        document.getElementById(\'dday\').style.display="none";

541
        document.getElementById(\'dhour\').style.display="none";

542
        document.getElementById(\'dmin\').style.display="none";

543
        document.getElementById(\'dsec\').style.display="none";

544
        document.getElementById(\'days\').style.display="none";

545
        document.getElementById(\'hours\').style.display="none";

546
        document.getElementById(\'minutes\').style.display="none";

547
        document.getElementById(\'seconds\').style.display="none";

548
        return;

549
    }

550
    else {

551
        document.getElementById(\'count2\').style.display="none";

552
        document.getElementById(\'dday\').innerHTML=dday;

553
        document.getElementById(\'dhour\').innerHTML=dhour;

554
        document.getElementById(\'dmin\').innerHTML=dmin;

555
        document.getElementById(\'dsec\').innerHTML=dsec;

556
        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);

557
    }

558
}

559
</script>

560
561
</head>

562
563
<body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.')">

564
<div id="form">

565
    <div class="numbers" id="count2" style="position: absolute; top: 10px; height: 60px; padding: 15px 0 0 10px; background-color: #000000; z-index: 20;"></div>

566
    <img src="images/bkgdimage.gif" class="background" style="position: absolute; left: 69px; top: 12px;"/>

567-
    <div class="title" id="days" style="position: absolute; left: 66px; top: 73px;" >Days</div>

567+
568-
    <div class="title" id="hours" style="position: absolute; left: 138px; top: 73px;" >Hours</div>

568+
569-
    <div class="title" id="minutes" style="position: absolute; left: 210px; top: 73px;" >Minutes</div>

569+
570-
    <div class="title" id="seconds" style="position: absolute; left: 282px; top: 73px;" >Seconds</div>

570+
571
    <img src="images/line.jpg" class="line" style="position: absolute; left: 141px; top: 40px;"/>

572
    <div class="numbers" id="dhour" style="position: absolute; left: 141px; top: 21px;" ></div>

573
574
    <img src="images/bkgdimage.gif" class="background" style="position: absolute; left: 213px; top: 12px;"/>

575
    <img src="images/line.jpg" class="line" style="position: absolute; left: 213px; top: 40px;"/>

576
    <div class="numbers" id="dmin" style="position: absolute; left: 213px; top: 21px;" ></div>

577
578
    <img src="images/bkgdimage.gif" class="background" style="position: absolute; left: 285px; top: 12px;"/>

579
    <img src="images/line.jpg" class="line" style="position: absolute; left: 285px; top: 40px;"/>

580
    <div class="numbers" id="dsec" style="position: absolute; left: 285px; top: 21px;" ></div>

581
582
    <div class="title" id="days" style="position: absolute; left: 66px; top: 73px;" >'.$l[0].'</div>

583
    <div class="title" id="hours" style="position: absolute; left: 138px; top: 73px;" >'.$l[1].'</div>

584
    <div class="title" id="minutes" style="position: absolute; left: 210px; top: 73px;" >'.$l[2].'</div>

585
    <div class="title" id="seconds" style="position: absolute; left: 282px; top: 73px;" >'.$l[3].'</div>

586
</div>

587
588
</body>

589
</html>';

590
        break;

591
592
    case 'style2a':

593
        echo '<html><head>

594
<style type="text/css">

595
body {background-color:'.$bg.';} 

596
#count {

597
    border: none;

598
    text-align: center; 

599
    font-family: Arial; 

600
    font-size: 26px; 

601
    font-weight: normal;    /* options are normal, bold, bolder, lighter */

602
    font-style: italic;     /* options are normal or italic */

603
    color: '.$color.';    /* change color using the hexadecimal color codes for HTML */

604
    background-color: transparent;    /* change the background color using the hex color codes for HTML */

605
    margin: 0px auto; 

606
    text-align: center;

607
    width: 664px; 

608
    height: 37px;

609
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

610
    top: 0px;             /* change to position the timer */

611
    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

612
}

613
</style>

614
615
<script type="text/javascript">

616
617
/*

618
Count down until any date script-

619
By JavaScript Kit (www.javascriptkit.com)

620
Over 200+ free scripts here!

621
Modified by Robert M. Kuhnhenn, D.O. 

622
on 5/30/2006 to count down to a specific date AND time,

623
on 10/20/2007 to a new format, and 1/10/2010 to include

624
time zone offset.

625
*/

626
627
/*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */

628
var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters

629
var year=2010;    //-->Enter the count down target date YEAR

630
var month=12;      //-->Enter the count down target date MONTH

631
var day=21;       //-->Enter the count down target date DAY

632
var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)

633
var minute=38;    //-->Enter the count down target date MINUTE

634
var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

635
636
//    -->DO NOT CHANGE THE CODE BELOW!<--

637
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

638
639
function countdown(yr,m,d,hr,min){

640
theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

641
    var today=new Date();

642
    var todayy=today.getYear();

643
    if (todayy < 1000) {todayy+=1900;}

644
    var todaym=today.getMonth();

645
    var todayd=today.getDate();

646
    var todayh=today.getHours();

647
    var todaymin=today.getMinutes();

648
    var todaysec=today.getSeconds();

649
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

650
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

651
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

652
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

653
    var dd=futurestring-todaystring;

654
    var dday=Math.floor(dd/(60*60*1000*24)*1);

655
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

656
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

657
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

658
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

659
        document.getElementById(\'count\').innerHTML=current;

660
        return;

661
    }

662
    else {

663
        document.getElementById(\'count\').innerHTML=+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds";

664
        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);

665
    }

666
}

667
</script>

668
669
</head>

670
671
<body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">

672
    <div id="count"></div>

673
674
</body>

675
</html>';

676
        break;

677
678
    case 'style2b':

679
        echo '<html>

680
<head>

681
<style type="text/css">

682
body {background-color:'.$bg.';} 

683
#count {

684
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */

685
    border-width: 2px;

686
    border-color: #666666;  /* change color of the border using the hexadecimal color codes for HTML */

687
    padding: 4px;           /* change the spacing between the timer and the border */

688
    text-align: center; 

689
    font-family: Arial; 

690
    font-size: 22px;        /* change the size of the font */

691
    font-weight: normal;    /* options are normal, bold, bolder, lighter */

692
    font-style: normal;     /* options are normal or italic */

693
    color: '.$color.';    /* change color using the hexadecimal color codes for HTML */

694
    background-color: #222222;    /* change the background color using the hex color codes for HTML */

695
    margin: 0px auto;

696
    position: relative;    /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

697
    top: 0px;        /* change to position the timer */

698
    left: 0px;       /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

699
    width: 582px;

700
    height: auto;

701
}

702
</style>

703
704
<script type="text/javascript">

705
706
/*

707
Count down until any date script-

708
By JavaScript Kit (www.javascriptkit.com)

709
Over 200+ free scripts here!

710
Modified by Robert M. Kuhnhenn, D.O. 

711
on 5/30/2006 to count down to a specific date AND time,

712
on 10/20/2007 to a new format, and 1/10/2010 to include

713
time zone offset.

714
*/

715
716
/*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */

717
var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters

718
var year=2010;    //-->Enter the count down target date YEAR

719
var month=12;      //-->Enter the count down target date MONTH

720
var day=21;       //-->Enter the count down target date DAY

721
var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)

722
var minute=38;    //-->Enter the count down target date MINUTE

723
var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

724
725
//-->    DO NOT CHANGE THE CODE BELOW!    <--

726
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

727
728
function countdown(yr,m,d,hr,min){

729
theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

730
    var today=new Date();

731
    var todayy=today.getYear();

732
    if (todayy < 1000) {todayy+=1900;}

733
    var todaym=today.getMonth();

734
    var todayd=today.getDate();

735
    var todayh=today.getHours();

736
    var todaymin=today.getMinutes();

737
    var todaysec=today.getSeconds();

738
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

739
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

740
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

741
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

742
    var dd=futurestring-todaystring;

743
    var dday=Math.floor(dd/(60*60*1000*24)*1);

744
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

745
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

746
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

747
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

748
        document.getElementById(\'count\').innerHTML=current;

749
        return;

750
    }

751
    else {

752
        document.getElementById(\'count\').innerHTML=+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds";

753
        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);

754
    }

755
}

756
</script>

757
758
</head>

759
760
<body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">

761
    <div id="count"></div>

762
763
</body>

764
</html>';

765
        break;

766
767
    case 'style3a':

768
        echo '<html>

769
<head>

770
<style type="text/css">

771
body {background-color:'.$bg.';}

772
.numbers {

773
    text-align: right; 

774
    font-family: Arial; 

775
    font-size: 28px; 

776
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

777
    font-style: italic;   /* options are normal or italic */

778
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

779
}

780
.title {    /* the styles below will affect the title next to the numbers, i.e., “Days”, “Hours”, etc. */

781
    margin: 12px 0px 0px 0px;

782
    padding: 0px 8px 0px 3px;

783
    text-align: left;

784
    font-family: Arial; 

785
    font-size: 10px; 

786
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

787
    font-style: italic;   /* options are normal or italic */

788
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

789
}

790
#table {

791
    width: auto;

792
    margin: 0px auto;

793
    position: relative;    /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

794
    top: 0px;        /* change to position the timer */

795
    left: 0px;       /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

796
}

797
</style>

798
799
<script type="text/javascript">

800
801
/*

802
Count down until any date script-

803
By JavaScript Kit (www.javascriptkit.com)

804
Over 200+ free scripts here!

805
Modified by Robert M. Kuhnhenn, D.O. 

806
on 5/30/2006 to count down to a specific date AND time,

807
on 10/20/2007 to a new format, and 1/10/2010 to include

808
time zone offset.

809
*/

810
811
/*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */

812
var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters

813
var year=2010;    //-->Enter the count down target date YEAR

814
var month=12;     //-->Enter the count down target date MONTH

815
var day=21;       //-->Enter the count down target date DAY

816
var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)

817
var minute=38;    //-->Enter the count down target date MINUTE

818
var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

819
820
//-->    DO NOT CHANGE THE CODE BELOW!    <--

821
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

822
823
function countdown(yr,m,d,hr,min){

824
theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

825
    var today=new Date();

826
    var todayy=today.getYear();

827
    if (todayy < 1000) {todayy+=1900;}

828
    var todaym=today.getMonth();

829
    var todayd=today.getDate();

830
    var todayh=today.getHours();

831
    var todaymin=today.getMinutes();

832
    var todaysec=today.getSeconds();

833
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

834
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

835
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

836
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

837
    var dd=futurestring-todaystring;

838
    var dday=Math.floor(dd/(60*60*1000*24)*1);

839
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

840
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

841
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

842
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

843
        document.getElementById(\'count2\').innerHTML=current;

844
        document.getElementById(\'count2\').style.display="block";

845
        document.getElementById(\'count2\').style.width="390px";

846
        document.getElementById(\'dday\').style.display="none";

847
        document.getElementById(\'dhour\').style.display="none";

848
        document.getElementById(\'dmin\').style.display="none";

849
        document.getElementById(\'dsec\').style.display="none";

850
        document.getElementById(\'days\').style.display="none";

851
        document.getElementById(\'hours\').style.display="none";

852
        document.getElementById(\'minutes\').style.display="none";

853
        document.getElementById(\'seconds\').style.display="none";

854
        return;

855
    }

856
    else {

857
        document.getElementById(\'count2\').style.display="none";

858
        document.getElementById(\'dday\').innerHTML=dday;

859
        document.getElementById(\'dhour\').innerHTML=dhour;

860
        document.getElementById(\'dmin\').innerHTML=dmin;

861
        document.getElementById(\'dsec\').innerHTML=dsec;

862-
        <td align="left"><div class="title" id="days">Days</div></td>

862+
863
    }

864-
        <td align="left"><div class="title" id="hours">Hours</div></td>

864+
865
866-
        <td align="left"><div class="title" id="minutes">Minutes</div></td>

866+
867
868-
        <td align="left"><div class="title" id="seconds">Seconds</div></td>

868+
869
870
<body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">

871
<table id="table" cellspacing="0" cellpadding="0" border="0">

872
    <tr>

873
        <td colspan="8"><div class="numbers" id="count2" style="text-align: center;"></div></td>

874
    </tr>

875
    <tr>

876
        <td align="right"><div class="numbers" id="dday"></div></td>        

877
        <td align="left"><div class="title" id="days">'.$l[0].'</div></td>

878
        <td align="right"><div class="numbers" id="dhour"></div></td>

879
        <td align="left"><div class="title" id="hours">'.$l[1].'</div></td>

880
        <td align="right"><div class="numbers" id="dmin"></div></td>

881
        <td align="left"><div class="title" id="minutes">'.$l[2].'</div></td>

882
        <td align="right"><div class="numbers" id="dsec"></div></td>

883
        <td align="left"><div class="title" id="seconds">'.$l[3].'</div></td>

884
    </tr>

885
</table>

886
887
</body>

888
</html>';

889
        break;

890
891
    case 'style3b':

892
        echo '<html>

893
<head>

894
<style type="text/css">

895
body {background-color:'.$bg.';} 

896
.numbers {

897
    padding: 0px;

898
    text-align: right; 

899
    font-family: Arial; 

900
    font-size: 28px; 

901
    font-weight: bold;   /* options are normal, bold, bolder, lighter */

902
    font-style: italic;  /* options are normal or italic */

903
    color: '.$color.';      /* change color using the hexadecimal color codes for HTML */

904
    background: #222222;/* change color using the hexadecimal color codes for HTML */

905
}

906
.title {/* the styles below will affect the title next to the numbers, i.e., “Days”, “Hours”, etc. */

907
    padding-right: 5px;

908
    margin: 12px 0px 0px 0px;

909
    text-align: left;

910
    font-family: Arial; 

911
    font-size: 10px; 

912
    font-weight: bold;    /* options are normal, bold, bolder, lighter */

913
    font-style: italic;   /* options are normal or italic */

914
    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */

915
    background: #222222;  /* change color using the hexadecimal color codes for HTML */

916
}

917
#countdown {

918
    display: block;

919
    width: 400px;

920
    height: 47px; 

921
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */

922
    border-width: 2px;

923
    border-color: #666666;    /* change color using the hexadecimal color codes for HTML */

924
    background-color: #222222;    /* change color using the hexadecimal color codes for HTML */

925
    margin: 0px auto;

926
    position: relative;    /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */

927
    top: 0px;    /* change to position the timer */

928
    left: 0px;   /* change to position the timer; delete this property and it\'s value to keep timer centered on page */

929
}

930
</style>

931
932
<script type="text/javascript">

933
934
/*

935
Count down until any date script-

936
By JavaScript Kit (www.javascriptkit.com)

937
Over 200+ free scripts here!

938
Modified by Robert M. Kuhnhenn, D.O. 

939
on 5/30/2006 to count down to a specific date AND time,

940
on 10/20/2007 to a new format, and 1/10/2010 to include

941
time zone offset.

942
*/

943
944
/*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */

945
var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters

946
var year=2010;    //-->Enter the count down target date YEAR

947
var month=12;      //-->Enter the count down target date MONTH

948
var day=21;       //-->Enter the count down target date DAY

949
var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)

950
var minute=38;    //-->Enter the count down target date MINUTE

951
var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)

952
953
//-->    DO NOT CHANGE THE CODE BELOW!    <--

954
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

955
956
function countdown(yr,m,d,hr,min){

957
theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

958
    var today=new Date();

959
    var todayy=today.getYear();

960
    if (todayy < 1000) {todayy+=1900;}

961
    var todaym=today.getMonth();

962
    var todayd=today.getDate();

963
    var todayh=today.getHours();

964
    var todaymin=today.getMinutes();

965
    var todaysec=today.getSeconds();

966
    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

967
    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

968
    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

969
    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

970
    var dd=futurestring-todaystring;

971
    var dday=Math.floor(dd/(60*60*1000*24)*1);

972
    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

973
    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

974
    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

975
    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

976
        document.getElementById(\'count2\').innerHTML=current;

977
        document.getElementById(\'count2\').style.display="block";

978
        document.getElementById(\'count2\').style.width="390px";

979
        document.getElementById(\'dday\').style.display="none";

980
        document.getElementById(\'dhour\').style.display="none";

981
        document.getElementById(\'dmin\').style.display="none";

982
        document.getElementById(\'dsec\').style.display="none";

983
        document.getElementById(\'days\').style.display="none";

984
        document.getElementById(\'hours\').style.display="none";

985
        document.getElementById(\'minutes\').style.display="none";

986
        document.getElementById(\'seconds\').style.display="none";

987
        document.getElementById(\'spacer1\').style.display="none";

988
        document.getElementById(\'spacer2\').style.display="none";

989
        return;

990
    }

991
    else {

992
        document.getElementById(\'count2\').style.display="none";

993
        document.getElementById(\'dday\').innerHTML=dday;

994
        document.getElementById(\'dhour\').innerHTML=dhour;

995
        document.getElementById(\'dmin\').innerHTML=dmin;

996
        document.getElementById(\'dsec\').innerHTML=dsec;

997-
        <td align="left"><div class="title" id="days">Days</div></td>

997+
998
    }

999-
        <td align="left"><div class="title" id="hours">Hours</div></td>

999+
1000
</script>

1001-
        <td align="left"><div class="title" id="minutes">Minutes</div></td>

1001+
1002
</head>

1003-
        <td align="left"><div class="title" id="seconds">Seconds</div></td>

1003+
1004
<body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">

1005
<div id="countdown" >

1006
<table cellspacing="4" cellpadding="0" border="0" align="center">

1007
    <tr>

1008
        <td colspan="8"><div class="numbers" id="count2" style="text-align: center;"></div></td>

1009
    </tr>

1010
    <tr>

1011
        <td align="right"><div class="numbers" id="dday"></div></td>        

1012
        <td align="left"><div class="title" id="days">'.$l[0].'</div></td>

1013
        <td align="right"><div class="numbers" id="dhour"></div></td>

1014
        <td align="left"><div class="title" id="hours">'.$l[1].'</div></td>

1015
        <td align="right"><div class="numbers" id="dmin"></div></td>

1016
        <td align="left"><div class="title" id="minutes">'.$l[2].'</div></td>

1017
        <td align="right"><div class="numbers" id="dsec"></div></td>

1018
        <td align="left"><div class="title" id="seconds">'.$l[3].'</div></td>

1019
    </tr>

1020
</table>

1021
</div>

1022
1023
</body>

1024
</html>';

1025
        break;

1026
1027
    case 'digital':

1028
      echo '<html>

1029
<head>

1030
    <style type="text/css"> 

1031
    body {font-family:Arial;background-color:'.$bg.';}         

1032
    #holder {

1033
        position: relative;

1034
        top: 10px; 

1035
        left: 0px; 

1036
        width: 270px;

1037
        height: 60px;

1038
        border: none;

1039
        margin: 0px auto;

1040
    }

1041
    

1042
    #title, #note {

1043
        color: '.$color.';          /* this determines the color of the DAYS, HRS, MIN, 

1044
                     SEC labels under the timer and the color of the 

1045
                     note that displays after reaching the target date

1046
                     and time; if using the blue digital images,

1047
                     change to #52C6FF; for the red images,

1048
                     change to #FF6666; for the white images,

1049
                     change to #BBBBBB; for the yellow images,

1050
                     change to #FFFF00 */

1051
    }

1052
    

1053
    #note {

1054
        position: relative;

1055
        top: 6px;

1056
        height: 20px;

1057
        width: 260px;

1058
        margin: 0 auto;

1059
        padding: 0px;

1060
        text-align: center; 

1061
        font-family: Arial; 

1062
        font-size: 18px;

1063
        font-weight: bold;    /* options are normal, bold, bolder, lighter */

1064
        font-style: normal;   /* options are normal or italic */

1065
        z-index: 1;

1066
    }

1067
    

1068
    .title {

1069
        border: none;

1070
        padding: 0px;

1071
        margin: 0px;

1072
        width: 30px;

1073
        text-align: center;

1074
        font-family: Arial;

1075
        font-size: 10px;

1076
        font-weight: normal;    /* options are normal, bold, bolder, lighter */

1077
        background-color: transparent; 

1078
    }

1079
    

1080
    #timer {

1081
        position: relative; 

1082
        top: 0px; 

1083
        left: 0px; 

1084
        margin: 5px auto; 

1085
        text-align: center; 

1086
        width: 260px;

1087
        height: 26px;

1088
        border: none;

1089
        padding: 10px 5px 20px 5px; 

1090
        background: #000000;            /* may change to another color, or to 

1091
                           "transparent" */ 

1092
        border-radius: 20px;

1093
        box-shadow: 0 0 10px #000000;   /* change to "none" if you don\'t want a 

1094
                           shadow */

1095
    }

1096
    </style>

1097
    

1098
    <script type="text/javascript">     

1099
    /*

1100
    Count down until any date script-

1101
    By JavaScript Kit (www.javascriptkit.com)

1102
    Over 200+ free scripts here!

1103
    Modified by Robert M. Kuhnhenn, D.O. 

1104
    (www.rmkwebdesign.com/Countdown_Timers/)

1105
    on 5/30/2006 to count down to a specific date AND time,

1106
    on 10/20/2007 to a new format, on 1/10/2010 to include

1107
    time zone offset, and on 7/12/2012 to digital numbers.

1108
    */

1109
    

1110
    /*  

1111
    CHANGE THE ITEMS BELOW TO CREATE YOUR COUNTDOWN TARGET DATE AND ANNOUNCEMENT 

1112
    ONCE THE TARGET DATE AND TIME ARE REACHED.

1113
    */

1114
    var note="Winter has arrived!"; /* -->Enter what you want the script to 

1115
                          display when the target date and time 

1116
                          are reached, limit to 25 characters */

1117
    var year=2012;      /* -->Enter the count down target date YEAR */

1118
    var month=12;       /* -->Enter the count down target date MONTH */

1119
    var day=21;         /* -->Enter the count down target date DAY */

1120
    var hour=6;         /* -->Enter the count down target date HOUR (24 hour 

1121
                      clock) */

1122
    var minute=12;      /* -->Enter the count down target date MINUTE */

1123
    var tz=-5;          /* -->Offset for your timezone in hours from UTC (see 

1124
                      http://wwp.greenwichmeantime.com/index.htm to find 

1125
                      the timezone offset for your location) */

1126
    

1127
    //-->    DO NOT CHANGE THE CODE BELOW!    <--   

1128
    d1 = new Image(); d1.src = "images/digital-numbers/'.$color.'/1.png";

1129
    d2 = new Image(); d2.src = "images/digital-numbers/'.$color.'/2.png";

1130
    d3 = new Image(); d3.src = "images/digital-numbers/'.$color.'/3.png";

1131
    d4 = new Image(); d4.src = "images/digital-numbers/'.$color.'/4.png";

1132
    d5 = new Image(); d5.src = "images/digital-numbers/'.$color.'/5.png";

1133
    d6 = new Image(); d6.src = "images/digital-numbers/'.$color.'/6.png";

1134
    d7 = new Image(); d7.src = "images/digital-numbers/'.$color.'/7.png";

1135
    d8 = new Image(); d8.src = "images/digital-numbers/'.$color.'/8.png";

1136
    d9 = new Image(); d9.src = "images/digital-numbers/'.$color.'/9.png";

1137
    d0 = new Image(); d0.src = "images/digital-numbers/'.$color.'/0.png";

1138
    bkgd = new Image(); bkgd.src = "images/digital-numbers/'.$color.'/bkgd.gif";

1139
    

1140
    var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

1141
    

1142
    function countdown(yr,m,d,hr,min){

1143
        theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;

1144
        var today=new Date();

1145
        var todayy=today.getYear();

1146
        if (todayy < 1000) {todayy+=1900;}

1147
        var todaym=today.getMonth();

1148
        var todayd=today.getDate();

1149
        var todayh=today.getHours();

1150
        var todaymin=today.getMinutes();

1151
        var todaysec=today.getSeconds();

1152
        var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;

1153
        var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);

1154
        var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

1155
        var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

1156
        var dd=futurestring-todaystring;

1157
        var dday=Math.floor(dd/(60*60*1000*24)*1);

1158
        var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);

1159
        var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);

1160
        var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);

1161
        if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

1162
            document.getElementById(\'note\').innerHTML=note;

1163
            document.getElementById(\'note\').style.display="block";

1164
            document.getElementById(\'countdown\').style.display="none";

1165
            clearTimeout(startTimer);

1166
            return;

1167
        }

1168
        else {

1169
            document.getElementById(\'note\').style.display="none";

1170
            document.getElementById(\'timer\').style.display="block";

1171
            startTimer = setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",500);

1172
        }

1173
        convert(dday,dhour,dmin,dsec);

1174
    }

1175
    

1176
    function convert(d,h,m,s) {

1177
        if (!document.images) return;

1178
        if (d <= 9) {

1179
            document.images.day1.src = bkgd.src;

1180
            document.images.day2.src = bkgd.src;

1181
            document.images.day3.src = eval("d"+d+".src");

1182
        }

1183
        else if (d <= 99) {

1184
            document.images.day1.src = bkgd.src;

1185
            document.images.day2.src = eval("d"+Math.floor(d/10)+".src");

1186
            document.images.day3.src = eval("d"+(d%10)+".src");

1187
        }

1188
        else {

1189
            document.images.day1.src = eval("d"+Math.floor(d/100)+".src");

1190
            var day = d.toString();

1191
            day = day.substr(1,1);

1192
            day = parseInt(day);

1193
            document.images.day2.src = eval("d"+day+".src");

1194
            document.images.day3.src = eval("d"+(d%10)+".src");

1195
        }

1196
        if (h <= 9) {

1197
            document.images.h1.src = d0.src;

1198
            document.images.h2.src = eval("d"+h+".src");

1199
        }

1200
        else {

1201
            document.images.h1.src = eval("d"+Math.floor(h/10)+".src");

1202
            document.images.h2.src = eval("d"+(h%10)+".src");

1203
        }

1204
        if (m <= 9) {

1205
            document.images.m1.src = d0.src;

1206
            document.images.m2.src = eval("d"+m+".src");

1207
        }

1208
        else {

1209
            document.images.m1.src = eval("d"+Math.floor(m/10)+".src");

1210
            document.images.m2.src = eval("d"+(m%10)+".src");

1211
        }

1212
        if (s <= 9) {

1213
            document.images.s1.src = d0.src;

1214
            document.images.s2.src = eval("d"+s+".src");

1215
        }

1216
        else {

1217
            document.images.s1.src = eval("d"+Math.floor(s/10)+".src");

1218
            document.images.s2.src = eval("d"+(s%10)+".src");

1219
        }

1220
    }

1221
    </script>

1222
1223
    <link rel="stylesheet" type="text/css" media="screen,print" href="navbar.css" />

1224
        <script type="text/javascript" src="faq.js"></script>

1225
</head>

1226
<body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.')">

1227
    <div id="holder">

1228
        <div id="timer">

1229-
                    <div class="title" style="position: absolute; top: 36px; left: 42px">DAYS</div>

1229+
1230
            <div id="countdown">

1231
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="day1">

1232
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="day2">

1233
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="day3">

1234
                <img height=21 id="colon1" src="images/digital-numbers/'.$color.'/colon.png" width=9 name="d1">

1235
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="h1">

1236
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="h2">

1237
                <img height=21 id="colon2" src="images/digital-numbers/'.$color.'/colon.png" width=9 name="g1">

1238
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="m1">

1239
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="m2">

1240
                <img height=21 id="colon3" src="images/digital-numbers/'.$color.'/colon.png" width=9 name="j1">

1241
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="s1">

1242
                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="s2">

1243
                <div id="title">

1244
                    <div class="title" style="position: absolute; top: 36px; left: 42px">'.$l[0].'</div>

1245
                    <div class="title" style="position: absolute; top: 36px; left: 105px">HRS</div>

1246
                    <div class="title" style="position: absolute; top: 36px; left: 156px">MIN</div>

1247
                    <div class="title" style="position: absolute; top: 36px; left: 211px">SEC</div>

1248
                </div>

1249
            </div>

1250
        </div>

1251
    </div>

1252
</body>

1253
</html>';

1254
      break;

1255
1256
}

1257
?>
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!