";
tableTxt+="| "+[i+1]+" | ";
tableTxt+=""+race[i].country+" | ";
tableTxt+=""+race[i].venueShort+" | ";
tableTxt+=""+race[i].month+" "+race[i].date+" | ";
tableTxt+="";
}
$("#table").html(tableTxt);
$("#venueTable").css({'border-collapse':'collapse', 'width':'100%'});
$("#venueTable tr:even").css({"font-weight":"normal","color":"#000", "background-color":"#f8f8f9",'border-color':"rgb(150,150,150)","border-width":"1px 0","border-style":"solid"});
$("#venueTable tr:odd").css({"font-weight":"normal","color":"#000", "background-color":"#E9E9EA",'border-color':"rgb(150,150,150)","border-width":"1px 0","border-style":"solid"});
$(".venue").css({'height':'25px', 'cursor':'pointer'});
$(".numberNo").css({'padding-left':'8px', 'width':'20px'});
$("#venue"+raceNo).css({"font-weight":"bold", "color":"#fff"}).addClass("bgColor");
for (var i=0;i0){ $("#graph").fadeIn(100); }else{ $("#graph").fadeOut(100);}
}else{
headlinetxt.innerHTML=txtArr[0];
$("#menuTxt").show();
$("#track").css({left:0});
$("#graph").fadeIn(100);
$("#menuBtn0").css({left:40});
$("#graph").stop().animate({ top:0 }, 0, function (){ $("#graph").stop().animate({opacity:1}, 200); });
}
if (containerw < 550){
hD.getSymbolInstanceById('track').goToTimeInTimelineNamed(actWidth*2, 'Main Timeline')
$("#track, #graph, #mapMc, #shadowBox").css({left:containerw/2-200});
$("#shadowBox").show();
$("#bikePic").hide();
$("#table").css({left:containerw/2-200});
hD.setElementProperty(table, 'width', (400), 0);
$(".venueshort").show();
$(".raceMonth").show();
if (menuClicked==0){ $("#table").stop().animate({ top:550 }, 0); hD.setElementProperty(table, 'height', (510), 0); $("#calBtn").show();}
if (menuClicked==1){ $("#table").stop().animate({ top:550 }, 0); hD.setElementProperty(table, 'height', (510), 0); $("#calBtn").show();}
if (menuClicked==2){ $("#table").stop().animate({ top:375 }, 0); hD.setElementProperty(table, 'height', (175), 0); }
}else{
$("#shadowBox").hide();
$("#calBtn").hide();
}
if (containerw < 400){
hD.getSymbolInstanceById('track').goToTimeInTimelineNamed(actWidth*2, 'Main Timeline')
$("#track, #graph, #mapMc, #table").css({left:0});
$(".venueshort").hide();
}else{
}
hD.getElementById('txtWidth').innerHTML = "SW = " + containerw;
$("#copyright").css({left:containerw-106});
$("#navBtns").css({left:((containerw/2)-400)});
closeSource();
checkRTL();
loadTable();
$("#table").stop().animate({scrollTop:raceNo*25}, 500, 'easeOutCubic');
}
//********************************************************************************************************
// LOAD TEAMS TABLE
//********************************************************************************************************
function loadTable(){
data=team[clicked];
var driverdata= data.drivers;
var tableTxt1="";
tableTxt1+="| "+driverdata[0].name+" |
";
tableTxt1+="| "+driverdata[0].dob+" |
";
tableTxt1+="| "+driverdata[0].ht+" |
";
tableTxt1+="| "+driverdata[0].wt+" |
";
tableTxt1+="| "+driverdata[0].starts+" |
";
tableTxt1+="| "+driverdata[0].wins+" |
";
tableTxt1+="
";
$("#driverTable1, #driverTable2").empty();
$("#driverTable1, #driverTable2").css({height:0});
$("#driverTable1").html(tableTxt1);
$("#dataTable1").css({'border-collapse':'collapse', 'width':'100%'});
$("#dataTable1 tr:odd").css({"font-weight":"normal","color":"#000", "background-color":"#e5e5e5",'border-color':"rgb(150,150,150)","border-width":"0px 0","border-style":"solid"});
$("#dataTable1 tr:even").css({"font-weight":"normal","color":"#000", "background-color":"#fff",'border-color':"rgb(150,150,150)","border-width":"0px 0","border-style":"solid"});
$("#dataTable1 tr:nth-child(1)").css({"font-size":"15px"});
var tableTxt2="";
tableTxt2+="| "+driverdata[1].name+" |
";
tableTxt2+="| "+driverdata[1].dob+" |
";
tableTxt2+="| "+driverdata[1].ht+" |
";
tableTxt2+="| "+driverdata[1].wt+" |
";
tableTxt2+="| "+driverdata[1].starts+" |
";
tableTxt2+="| "+driverdata[1].wins+" |
";
tableTxt2+="
";
$("#driverTable2").html(tableTxt2);
$("#dataTable2").css({'border-collapse':'collapse', 'width':'100%'});
$("#dataTable2 tr:odd").css({"font-weight":"normal","color":"#000", "background-color":"#e5e5e5",'border-color':"rgb(150,150,150)","border-width":"0px 0","border-style":"solid"});
$("#dataTable2 tr:even").css({"font-weight":"normal","color":"#000", "background-color":"#fff",'border-color':"rgb(150,150,150)","border-width":"0px 0","border-style":"solid"});
$(".dataRow").css({'cursor':'pointer', 'text-align':'left', 'height':'18px', 'vertical-align':'bottom'});
$(".driver").css({"border-style":"solid", "border-width":" 0px", "border-color":" #fff", "border-right-width":" 0px", 'padding-left':'0px', 'padding-right':'0px', 'padding':'3px'});
$("#dataTable2 tr:nth-child(1)").css({"font-size":"15px"});
$("#teamTxt").html(''+data.teamName+'');
$("#bikeTxt").html(data.bike);
$("#no1").html(driverdata[0].no);
$("#no2").html(driverdata[1].no);
hD.setElementProperty(bikeTxt, 'top', (driverTable1.scrollHeight + driverTable2.scrollHeight)/2+224, 0);
hD.setElementProperty(logo, 'top', (driverTable1.scrollHeight + driverTable2.scrollHeight)/2+188, 0);
}
function changeTeam(){
if (clicked<0){
clicked=11;
}
if (clicked>11){
clicked=0;
}
hD.setElementProperty(frontWheel, 'rotateZ', 0, 0);
hD.setElementProperty(rearWheel, 'rotateZ', 0, 0);
hD.setElementProperty(frontWheel, 'rotateZ', 360, 0.8, 'easein');
hD.setElementProperty(rearWheel, 'rotateZ', 360, 0.8, 'easein');
$(".logo").css({top:-180*clicked});
$("#driverHead1, #driverHead2").css({top:-180*clicked});
$(".helmet").css({top:-180*clicked});
$("#bike").stop().animate({ left: 640 }, 300, "easeInCubic", function(){
$("#frontWheel").css({left:0, top:0});
if (clicked==2){ $("#frontWheel").css({left:-2}); }
if (clicked==3){ $("#frontWheel").css({top:-1, left:-4}); }
if (clicked==5){ $("#frontWheel").css({left:-8}); }
if (clicked==6){ $("#frontWheel").css({left:-14, top:2}); }
if (clicked==9){ $("#frontWheel").css({left:-8, top:0}); }
if (clicked==10){ $("#frontWheel").css({left:-7, top:-1}); }
if (clicked==11){ $("#frontWheel").css({left:0, top:2}); }
$(".bike").css({top:-180*clicked});
$(".wheel").css({top:-180*clicked});
$("#bike").stop().animate({ left: -640 }, 0);
$("#bike").animate({ left: 0 }, 480, "easeOutCubic");
hD.setElementProperty(frontWheel, 'rotateZ', 360, 0.4, 'easeout');
hD.setElementProperty(rearWheel, 'rotateZ', 360, 0.4, 'easeout');
});
if (containerw < maxWidth){
closeTeamMenu();
}
resetTeam();
}
//********************************************************************************************************
// TEAM NAV BTNS
//********************************************************************************************************
$("#teamBtnNext").on("click", function () {
clicked++;
changeTeam();
loadTable();
});
$("#teamBtnBack").on("click", function () {
clicked--;
changeTeam();
loadTable();
});
//********************************************************************************************************
// TEAM SWIPE
//********************************************************************************************************
$("#swipe").on("swipeleft", function () {
clicked++;
changeTeam();
loadTable();
});
$("#swipe").on("swiperight", function () {
clicked--;
changeTeam();
loadTable();
});
//********************************************************************************************************
// CALENDAR BTN
//********************************************************************************************************
$("#calBtn").on("click", function () {
$("#table").stop().animate({ top:75 }, 400, "easeOutCubic");
});
//********************************************************************************************************
// TEAM BTNS
//********************************************************************************************************
teamArray = [];//the array that will hold references to the buttons.
for (var h=0; h<12; h++){
teamArray.push(h);
$("#teamBtn"+h+" .btnLogo").css({top:-180*h});
}
function resetTeam(){
for (var h=0; h 17){
$("#btnNext").fadeOut(0);
raceNo = 18;
}
$(".track").fadeOut(100);
$("#track"+raceNo).fadeIn(100);
$("#trackNo").html(raceNo+1);
$("#topSpeed").html(race[raceNo].topspeed);
$("#aveSpeed").html(race[raceNo].avespeed);
$("#turnsLeft").html(race[raceNo].left);
$("#turnsRight").html(race[raceNo].right);
$("#countryName").html(race[raceNo].country);
$("#trackName").html(race[raceNo].venue);
$("#date").html(race[raceNo].month+' '+race[raceNo].date);
$("#lapTxt").html(txtArr[11] +' ' + ""+race[raceNo].laps+""+"
"+txtArr[12] +" "+""+race[raceNo].length+"");
$("#raceTxt").html(txtArr[13] +' ' + ""+race[raceNo].distance+""+"
"+txtArr[14] +" "+""+race[raceNo].width+"");
if (menuClicked==0 && containerw < 550){ $("#table").stop().animate({ top:550 }, 300, 'easeInCubic'); } //hD.setElementProperty(table, 'height', (175), 0);
if (menuClicked==1 && containerw < 550){ $("#table").stop().animate({ top:550 }, 300, 'easeInCubic'); } //hD.setElementProperty(table, 'height', (175), 0);
new Vivus('trackline'+raceNo, {type:"oneByOne", duration:600}, function(){ });
}
//********************************************************************************************************
// SET STAGE
//********************************************************************************************************
$("#menuBtn0 .btnBg").css({opacity:0.5});
$("#navBtns").css({shadow:1});
//********************************************************************************************************
// MAP BUTTONS
//********************************************************************************************************
mapArray = [];//the array that will hold references to the buttons.
for (var h=0; h0||menuClicked>0){
$("#graph").fadeIn(100);
if( raceStatus==2){
$("#gridgraph").css({'opacity':1});
$("#sessiongraph").css({'opacity':0});
}else{
$("#gridgraph").css({'opacity':0});
$("#sessiongraph").css({'opacity':1});
}
}else{
$("#graph").fadeOut(100);
}
}else{
$("#graph").fadeIn(100);
}
//prerace=0 (2), session=1 (1), grid=2 (1), race=3 (1), finished=4 (3);
}
//********************************************************************************************************
// SOURCE BTN
//********************************************************************************************************
var sourceVis = false;
$("#sourceBtn").on("click", function () {
if (sourceVis == false){
$("#sourceBtn").stop().animate({ top: 0-sourcetxt.scrollHeight }, 300, "easeOutCubic");
sourceArrow.style.transform = "rotate(-90deg)";
$("#sourceArrow").css({left:0, top:0});
sourceVis = true;
}else{
closeSource();
}
checkRTL();
});
function closeSource(){
$("#sourceBtn").stop().animate({ top: 0 }, 300, "easeOutCubic");
sourceArrow.style.transform = "rotate(90deg)";
$("#sourceArrow").css({left:0, top:0});
sourceVis = false;
}
//********************************************************************************************************
// CHECK RTL
//********************************************************************************************************
function checkRTL(){
if (RTL == true){
$("#txt0").css({'text-align':'right'});
$("#txt2").css({'text-align':'right'});
$("#txt4").css({'text-align':'right'});
$("#sourceArrow").css({left:171});
$("#sourceBtn").css({left:containerw-189});
$("#copyright").css({left:0});
}
}
//********************************************************************************************************
//LIVE DATA
//********************************************************************************************************
var dataURL = ('http:'==document.location.protocol?"http://www2.graphicnews.com/":"https://data.graphicnews.com/")+ "infostradasports/api.php";
var raceID=raceIDs[raceNo];
var gnNo=36242, yearNo=2018;//35089
var gridClicker = function(phase){ //to handle lexical scope
return function (e) {
getGrid();
//prerace=0 (2), session=1 (1), grid=2 (1), race=3 (1), finished=4 (3);
phaseSelected=2;
$("#sessiongraph").css({'opacity':0});//, #txt22
$("#gridgraph").css({'opacity':1});
$("#txt3").html(txtArr[23]);
$("#gridBtn .bg").css({'background-color':'#FF2800'});
$("#gridBtn .btnTxt").css({'color':'#FFffff','font-weight':700});
$("#raceBtn .btnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#raceBtn .bg").css({'background-color':'#E8EBED'});
for (var i=0;i<6;i++){
$("#sesBtn"+i+" .sessBtnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#sesBtn"+i+" .sesbg").css({'background-color':'#E8EBED'});
}
e.preventDefault();
e.stopPropagation();
};
};
var phArr=['F','Q','G','R'];
var showPhase = function(phase,phaseNo,sessionNo){//pa,
return function(e){
getPhases(phase);
//var ps = stage.substr(0,1);
$("#gridgraph").css({'opacity':0});//, #txt22
$("#sessiongraph").css({'opacity':1});
$("#raceBtn .btnTxt, #gridBtn .btnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#raceBtn .bg, #gridBtn .bg").css({'background-color':'#E8EBED'});
phaseSelected=1;
var sessNo= sessionNo<50?(sessionNo/10)-1:(sessionNo/10)-2+phaseNo;
for (var i=0;i<6;i++){
if(i==sessNo){
$("#txt3").html(session[sessNo].sesFull);
$("#sesBtn"+i+" .sessBtnTxt").css({'color':'#ffffff','font-weight':700});
$("#sesBtn"+i+" .sesbg").css({'background-color':'#FF2800'});
}else{
$("#sesBtn"+i+" .sessBtnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#sesBtn"+i+" .sesbg").css({'background-color':'#E8EBED'});
}
}
e.preventDefault();
e.stopPropagation();
}
}
var showLive = function(phase, phaseNo, sessionNo){///phase, stage, sess
return function(e){
if(sessionNo>50){
if (sessionNo==60){
getResults(phase);
phaseSelected=3;
$("#sessiongraph, #gridgraph").css({'opacity':0});
//$("#livegraph,").css({'opacity':1});
$("#txt3").html(txtArr[24]);
$("#raceBtn .bg").css({'background-color':'#FF2800'});
$("#raceBtn .btnTxt").css({'color':'#FFffff','font-weight':700});
$("#gridBtn .btnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#gridBtn .bg").css({'background-color':'#E8EBED'});
}else{
getGrid(phaseNo);
phaseSelected=2;
$("#sessiongraph").css({'opacity':0});//#livegraph
$("#gridgraph").css({'opacity':1});
$("#txt3").html(txtArr[23]);
$("#gridBtn .bg").css({'background-color':'#FF2800'});
$("#gridBtn .btnTxt").css({'color':'#FFffff','font-weight':700});
$("#raceBtn .btnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#raceBtn .bg").css({'background-color':'#E8EBED'});
}
for (var i=0;i<6;i++){
$("#sesBtn"+i+" .sessBtnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#sesBtn"+i+" .sesbg").css({'background-color':'#E8EBED'});
}
}else{
phaseSelected=1;
$("#gridgraph").css({'opacity':0});//#livegraph,
$("#sessiongraph").css({'opacity':1});
$("#raceBtn .btnTxt, #gridBtn .btnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#raceBtn .bg, #gridBtn .bg").css({'background-color':'#E8EBED'});
var sessNo= sessionNo<50?(sessionNo/10)-1:(sessionNo/10)-1+phaseNo;
for (var i=0;i<6;i++){
if(i==sessNo){
$("#txt3").html(session[sessNo].sesFull);
$("#sesBtn"+i+" .sessBtnTxt").css({'color':'#ffffff','font-weight':700});
$("#sesBtn"+i+" .sesbg").css({'background-color':'#FF2800'});
}else{
$("#sesBtn"+i+" .sessBtnTxt").css({'color':'#9D9D9D','font-weight':400});
$("#sesBtn"+i+" .sesbg").css({'background-color':'#E8EBED'});
}
}
}
scaleSite();
e.preventDefault();
e.stopPropagation();
}
}
function showFinished(latest){//Elements if race finished
//notify race finished
clearInterval(raceInterval);
raceInterval=setTimeout(function(){ getGP(raceIDs[raceNo]); },600000);
raceFinished=1;
}
function sessLiveOrFin(latest){//Elements to show if live or finished
$("#txt3").html(latest);
}
var gridPhase=0;
function getSeason(){
$.ajax({ type: "GET",
url: dataURL,
data: "type=motogp&q=season&gn="+gnNo+"&yr="+yearNo,
contentType: "text/plain", dataType: "jsonp", jsonp: "callback",
async: true,
crossDomain: true,
success: function (data) {
if(data){
var seasondata=data;
raceNo=0;
for (var i = 0; i < seasondata.length; i++){
if(seasondata[i].b_Started==true){
if(seasondata[i].b_Finished==true){
if(i24){
barHeightr = Math.round(444/raceData.length);
}else{
barHeightr = 18;
}
if (raceData.length>0){
//calculate relative length of each bar
minTime = raceData[0].n_TimeRel;
var mxm = (minTime!=null) ? minTime : 0;
var timeRel = 0;
for (var n=0; nmxm) {
mxm = raceData[n].n_TimeRel;
}
}
for (var i = 0; i < raceData.length; i++) {
//if (raceData[i].n_TimeRel!=null && raceData[i].n_TimeRel>mxm) {
// mxm = raceData[i].n_TimeRel;
//}
//create timing tables and final results table
var resultsText ="";
resultsText +="
";
resultsText +="
";
resultsText +=" | ";
resultsText +=" | ";
resultsText +=" | ";
resultsText +="
";
resultsText +="
";
resultsText +="
";
phaseText += "
";
phaseText += "
";
phaseText +=" | ";
phaseText +=" | ";
//phaseText +=" | ";
phaseText +=" | ";
phaseText +="
";
phaseText +="
";
phaseText +="
";
if(i%2==0){
//gridText +=" | ";
gridText +=" | ";
gridText +=" | ";
}else{
gridText +=" | ";
gridText +=" | ";
//gridText +=" | ";
}
gridText +="