function getMobileTimeline(title,id,array,timelineButtons){
var timelines;
timelines="<div style='font:5vw Anton;margin-bottom:20px;'>"+title+"<div style='display:flex'>";
for(var i=0;i<timelineButtons.length;i++){
if(i==0){
timelines=timelines+"<div style='position:relative;left:0%;top:0%;transform:translate(0%,0%);width:20vw;height:20vw;-moz-border-radius:10vw;-webkit-border-radius:10vw;border-radius:10vw;margin-right:1vw;overflow:hidden;border:3px solid #00C0FF;cursor:pointer;'><img id='timelineButton"+id+i+"' onclick='scrollTimeline(\""+id+"\","+i+","+array.length+");' style='max-width:20vw;max-height:20vw;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);' src='"+timelineButtons[i]+"'></iframe></div>";}else{
timelines=timelines+"<div style='position:relative;left:0%;top:0%;transform:translate(0%,0%);width:20vw;height:20vw;-moz-border-radius:10vw;-webkit-border-radius:10vw;border-radius:10vw;margin-right:1vw;overflow:hidden;border:3px solid #00C0FF;cursor:pointer;'><img id='timelineButton"+id+i+"' onclick='scrollTimeline(\""+id+"\","+i+","+array.length+");' style='max-width:20vw;max-height:20vw;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);' src='"+timelineButtons[i]+"'></div>";
}
}
timelines=timelines+"</div></div><div style='border-bottom:3px dotted #00C0FF;height:0px; left:0px;right:0px;'></div>";
for(var pageNumber=0;pageNumber<array.length;pageNumber++){
/**if(pageNumber==0){
timelines=timelines+"</div><div id='timelinePanel"+id+pageNumber+"' style='position: relative;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding-bottom:12vw;'><div style='position:absolute;border:0;margin:-3px;background-color:#00C0FF;width:4px; top:0px;bottom:0px;left:50%;margin-top:4vw;margin-bottom:4vw;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div>";
}else{
timelines=timelines+"<div id='timelinePanel"+id+pageNumber+"' style='position: relative;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding-bottom:12vw;'><div style='position:absolute;border:0;margin:-3px;background-color:#00C0FF;width:4px; top:0px;bottom:0px;left:50%;margin-top:4vw;margin-bottom:4vw;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'></div>";
}**/
for(var j=0;j<array[pageNumber].length;j++){
if(j%2==0){
//left container
timelines=timelines+"<div style='width:100%;border-right:3px dotted #00C0FF;border-bottom:3px dotted #00C0FF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'><div style='animation-name:fadeIn;animation-duration:0.7s;'><div style='position:relative;left:100%;top:0%;transform:translate(-50%,100%);width:20vw;height:20vw;-moz-border-radius:10vw;-webkit-border-radius:10vw;border-radius:10vw;overflow:hidden;border:3px solid #00C0FF;'><img style='max-width:20vw;max-height:20vw;;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);' src='"+array[pageNumber][j][0]+"'></div><div style='position:relative;left:0%;top:-2vh;transform:translate(1vw,0%);padding:25px 25px;margin-right:12vw;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:whitesmoke;'><div style='font:4vw helvetica;color:white;background-color:#00C0F0;padding:2vw;margin-bottom:1vw;;'>"+array[pageNumber][j][1]+"<div style='position:relative;left:100%;top:50%;transform:translate(100%,-50%);width:0px;border:solid;border-width:1.5vw 0px 1.5vw 1.5vw;border-color:transparent transparent transparent #0CC0F0;'></div></div><iframe src='"+array[pageNumber][j][2]+"'/ style='width:100%;'></iframe><p style='padding:2vw;color:white;font:4vw helvetica;background-color:#0070c0;'>"+array[pageNumber][j][3]+"</p></div></div></div>";
}else{
//right
timelines=timelines+"<div style='border-left:3px dotted #00C0FF;border-bottom:3px dotted #00C0FF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;'><div style='animation-name:fadeIn;animation-duration:0.7s;'><div style='position:relative;left:0%;top:0%;transform:translate(-50%,100%);width:20vw;height:20vw;-moz-border-radius:10vw;-webkit-border-radius:10vw;border-radius:10vw;overflow:hidden;border:3px solid #00C0FF;'><img style='max-width:20vw;max-height:20vw;;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);' src='"+array[pageNumber][j][0]+"'></div><div style='position:relative;left:0%;top:-2vh;transform:translate(11vw,0%);padding:25px 25px;margin-right:12vw;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:whitesmoke;'><div style='font:4vw helvetica;color:white;background-color:#00C0F0;padding:2vw;margin-bottom:1vw;;'>"+array[pageNumber][j][1]+"<div style='position:relative;left:0%;top:50%;transform:translate(-150%,-50%);width:0px;border:solid;border-width:1.5vw 1.5vw 1.5vw 1.5vw;border-color:transparent #0CC0F0 transparent transparent;'></div></div><iframe src='"+array[pageNumber][j][2]+"'/ style='width:100%;'></iframe><p style='padding:2vw;color:white;font:4vw helvetica;background-color:#0070c0;'>"+array[pageNumber][j][3]+"</p></div></div></div>";
}
}
timelines=timelines+"</div>";
}
return timelines;
}