friars games

by aaronk85

HTML

[% IF !isMobileDevice %]
[% END %]

<div id="scoreboard">
	<div id="match-center">
		<div id="match-center-top">    
			<span class="match-centre-header">Friars Match Centre</span>    
			<span id="comp-title"></span>       
			<select name="sblock36902_dropdown_name" class="SP_ext_scripts" id="sblock36902_dropdown"></select>  
			<div id="match-center-bottom">    
				<div id="sblock36902_wrapper"></div>
			</div>
		</div>
	</div>
</div>

CSS

#scoreboard {
    float: left;
    height: 130px;
    margin: 0;
    width: 100%;
}
#scoreboard .teamleft, #scoreboard .teamright, #scoreboard .spvsdiv {
    background: none no-repeat scroll left top transparent;
    color: transparent;
    display: inline;
    float: left;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
}
#scoreboard select {
    
}
#match-center #scoreboard .spteams, #scoreboard .splogowrap {
    display: block !important;
    visibility: visible !important;
}
#match-center #scoreboard .splogowrapteams {
    display: none !important;
    float: left;
    width: 80px;
}
#match-center {
    border: medium none;
    display: inline;
    float: left;
    font-family:'DINRegular', Arial, Verdana, sans-serif;
    margin-left: 5px;
    margin-top: 10px;
    width: 100%;
}
#match-center #scoreboard .spmatch {
    display: inline;
    float: left;
    margin: 5px 5px 0 !important;
    width: 300px !important;
}
#match-center .match-centre-header {
    display: inline;
    float: left;
    height: 21px;
    letter-spacing: -0.7px;
    line-height: 16px;
    text-indent: 5px;
}
#match-center #match-center-top {
    float: left;
    width: 100%;
}
#match-center #match-center-top span {
    color: #100B34;
    font-size: 20px;
    text-transform: uppercase;
}
#match-center #sblock36902_wrapper span {
    color: #100B34;
    font-family:'DINRegular', Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}
#match-center #sblock36902_dropdown {
    float: right;
}
#match-center #match-center-bottom {
    float: left;
    margin-top: 0;
    padding: 5px 0 0;
    width: 100%;
}
#match-center .spcompname {
    color: #000;
    float: right;
font-size: 12px;
    font-weight: bold;
    margin: -26px 150px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 300px;
}
#match-center .spmatch {
    background: url("http://www-static.spulsecdn.net/images/backgrounds/grey_line.png")...

JavaScript

var d = new Date();
	var hours = d.getHours();
	var day = d.getDay();
	if ((day == 6 && (hours >= 14)) || day <= 2) {
		customIndex = 1;
	} else {
		customIndex = 0;
	}

	var comp1 = 'http://www.sportingpulse.com/ext/external_schedule.cgi?c=1-3232-36902-276715-18067110&pool=0&cols=&fix='+ customIndex + '&json=1';
	var comp2 = 'http://www.sportingpulse.com/ext/external_schedule.cgi?c=1-3232-36902-278207-16986762&pool=0&cols=&fix='+ customIndex + '&json=1';
	var comp3 = 'http://www.sportingpulse.com/ext/external_schedule.cgi?c=1-3232-36902-283827-18067058&pool=0&cols=&fix='+ customIndex + '&json=1';
	var comp4 = 'http://www.sportingpulse.com/ext/external_schedule.cgi?c=1-3232-36902-283828-15080395&pool=0&cols=&fix='+ customIndex + '&json=1';
	var comp5 = 'http://www.sportingpulse.com/ext/external_schedule.cgi?c=1-8334-112666-283692-20151676&pool=0&cols=&fix='+ customIndex + '&json=1';

	var comps = [
	  {val : '', text: 'Choose Team'},
	  {val : comp1, text: 'DIVISION 1'},
        {val : comp2, text: 'DIVISION 1 RESERVE'},
        {val : comp3, text: 'UNDER 19 NORTH'},
        {val : comp4, text: 'UNDER 19 SECTION 2'},
        {val : comp5, text: 'Port Melbourne'},
	];

	jQuery(comps).each(function() {
	 jQuery("#sblock36902_dropdown").append(jQuery("<option>").attr('value',this.val).text(this.text));
	});

	var extscript = document.createElement('script');
	extscript.src = "http://www-static.spulsecdn.net/js/ext_script_ddown.js";
	document.body.appendChild(extscript);

	var lsscript = document.createElement('script');
	lsscript.src = "http://www-static.spulsecdn.net/js/livescores.js";
	document.body.appendChild(lsscript);