var adeg, animate, animdeg, bg, bgcolor, cbg, cdeg, changeTo, chour, drawNumber, getHourDeg, isAm, link, linkurl, nextPromo, page, prevPromo, promo, rotateTo, start_clock, supdate, update_animated;

cbg = 0;

bg = ["jam-1.jpg", "jam-2.jpg", "jam-3.jpg", "jam-4.jpg", "jam-5.jpg", "jam-6.jpg", "jam-7.jpg", "jam-8.jpg", "jam-9.jpg", "jam-10.jpg", "jam-11.jpg", "jam-12.jpg", "jam-13.jpg", "jam-14.jpg", "jam-15.jpg", "jam-16.jpg", "jam-17.jpg", "jam-18.jpg", "jam-19.jpg", "jam-20.jpg", "jam-21.jpg", "jam-22.jpg", "jam-23.jpg", "jam-24.jpg"];

bgcolor = ['#543d5e', '#543d5e', '#54425c', '#cd6c1e', '#5a3618', '#af4a0d', '#47221d', '#4c2b12', '#c8651e', '#4b2a11', '#503e56', '#503e56', '#952e77', '#952e77', '#de8436', '#d1711f', '#c7620d', '#952e77', '#c7620d', '#503e56', '#631f19', '#503e56', '#631f19', '#631f19', ''];

bgcolor = [];

bgcolor[0] = {
  color: '#543d5e',
  x: 0,
  y: 0
};

bgcolor[1] = {
  color: '#543d5e',
  x: 0,
  y: 0
};

bgcolor[2] = {
  color: '#54425c',
  x: 0,
  y: 0
};

bgcolor[3] = {
  color: '#cd6c1e',
  x: 0,
  y: 0
};

bgcolor[4] = {
  color: '#5a3618',
  x: 0,
  y: 0
};

bgcolor[5] = {
  color: '#af4a0d',
  x: 0,
  y: 0
};

bgcolor[6] = {
  color: '#47221d',
  x: 0,
  y: 0
};

bgcolor[7] = {
  color: '#4c2b12',
  x: 0,
  y: 0
};

bgcolor[8] = {
  color: '#c8651e',
  x: 0,
  y: 0
};

bgcolor[9] = {
  color: '#4b2a11',
  x: 0,
  y: 0
};

bgcolor[10] = {
  color: '#503e56',
  x: 0,
  y: 0
};

bgcolor[11] = {
  color: '#503e56',
  x: 0,
  y: 0
};

bgcolor[12] = {
  color: '#952e77',
  x: 0,
  y: 0
};

bgcolor[13] = {
  color: '#952e77',
  x: 0,
  y: 0
};

bgcolor[14] = {
  color: '#de8436',
  x: 0,
  y: 0
};

bgcolor[15] = {
  color: '#d1711f',
  x: 0,
  y: 0
};

bgcolor[16] = {
  color: '#c7620d',
  x: 0,
  y: 0
};

bgcolor[17] = {
  color: '#952e77',
  x: 0,
  y: 0
};

bgcolor[18] = {
  color: '#c7620d',
  x: 0,
  y: 0
};

bgcolor[19] = {
  color: '#503e56',
  x: 0,
  y: 0
};

bgcolor[20] = {
  color: '#631f19',
  x: 0,
  y: 0
};

bgcolor[21] = {
  color: '#503e56',
  x: 0,
  y: 0
};

bgcolor[22] = {
  color: '#631f19',
  x: 0,
  y: 0
};

bgcolor[23] = {
  color: '#631f19',
  x: 0,
  y: 0
};

bgcolor[24] = {
  color: '#631f19',
  x: 0,
  y: 0
};

linkurl = [];

linkurl[0] = 'http://www.mcdonalds.co.id/our-food/menu-items/menu-mantap/';

linkurl[1] = 'http://www.mcdonalds.co.id/our-food/menu-items/menu-mantap/';

linkurl[2] = 'http://www.mcdonalds.co.id/our-food/menu-items/desserts/';

linkurl[3] = 'http://www.mcdonalds.co.id/our-food/menu-items/hemat-setiap-hari/';

linkurl[4] = 'http://www.mcdonalds.co.id/our-food/menu-items/hemat-setiap-hari/';

linkurl[5] = 'http://www.mcdonalds.co.id/our-food/menu-items/menu-mantap/';

linkurl[6] = 'http://www.mcdonalds.co.id/our-food/menu-items/hemat-setiap-hari/';

linkurl[7] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[8] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[9] = 'http://www.mcdonalds.co.id/our-food/menu-items/menu-mantap/';

linkurl[10] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[11] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[12] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[13] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[14] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[15] = 'http://www.mcdonalds.co.id/our-food/menu-items/hemat-setiap-hari/';

linkurl[16] = 'http://www.mcdonalds.co.id/our-food/menu-items/breakfast/';

linkurl[17] = 'http://www.mcdonalds.co.id/our-food/menu-items/hemat-setiap-hari/';

linkurl[18] = 'http://www.mcdonalds.co.id/our-food/menu-items/breakfast/';

linkurl[19] = 'http://www.mcdonalds.co.id/our-food/menu-items/breakfast/';

linkurl[20] = 'http://www.mcdonalds.co.id/our-food/menu-items/breakfast/';

linkurl[21] = 'http://www.mcdonalds.co.id/our-food/menu-items/breakfast/';

linkurl[22] = 'http://www.mcdonalds.co.id/our-food/menu-items/hemat-setiap-hari/';

linkurl[23] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

linkurl[24] = 'http://www.mcdonalds.co.id/our-food/menu-items/core-menu/';

link = $('<a href="#" style="text-align: center;top: 340px;z-index: 1000;position: absolute;height: 100px;display: block;width: 100%;"></a>');

adeg = 0;

cdeg = 0;

chour = 0;

page = 0;

isAm = false;

animdeg = {
  start: 0,
  end: 0,
  time: 0,
  interval: 0,
  actualdeg: 0
};

promo = ["happymeal.png", "mccafe.png", "oreo.png", "panas.png", "oreo.png", "mccafe.png", "happymeal.png", "panas.png"];

getHourDeg = function(h) {
  var aday, deg, hour, minutes, p, seconds, total;
  hour = h;
  minutes = 0;
  seconds = 0;
  if (hour > 12) hour = hour - 12;
  total = (hour * 3600) + (minutes * 60) + seconds;
  aday = 12 * 3600;
  p = (total / aday) * 100;
  deg = (360 / 12) * hour + (360 / (12 * 60)) * minutes;
  deg = deg;
  return deg;
};

changeTo = function(id) {
  var pg;
  pg = id - 1;
  $("#bgImage img").hide().attr("src", path + ("jam-" + pg + ".jpg")).fadeIn();
  $('#containerBg').css('background-color', '');
  $('body').css('background-color', bgcolor[pg - 1]['color']);
  cbg = id;
};

rotateTo = function(h) {
  var d, edeg, hour, sdeg;
  d = new Date();
  hour = h;
  if (h !== chour) {
    if (!isAm) hour = 12 + parseInt(hour);
    sdeg = getHourDeg(chour);
    edeg = getHourDeg(h);
    animate(sdeg, edeg, changeTo, hour);
  }
  chour = h;
};

update_animated = function() {
  if (animdeg.start >= animdeg.end) {
    animdeg.callback(animdeg.to);
    link.attr('href', linkurl[animdeg.to - 1]);
  } else {
    $(".tick").jqrotate(animdeg.start);
    setTimeout('update_animated()', animdeg.time);
  }
  animdeg.start++;
};

animate = function(sdeg, edeg, callback, to) {
  animdeg.callback = callback;
  animdeg.to = to;
  animdeg.start = sdeg;
  animdeg.actualdeg = edeg;
  if (edeg < sdeg) edeg = 360 + edeg;
  animdeg.end = edeg;
  animdeg.interval = edeg - sdeg;
  animdeg.time = 2000 / animdeg.interval;
  $(".tick").jqrotate(animdeg.start);
  setTimeout('update_animated()', animdeg.time);
};

start_clock = function() {
  var d, deg, hour;
  d = new Date();
  hour = d.getHours();
  if (hour < 12) {
    isAm = true;
  } else {
    isAm = false;
  }
  chour = hour;
  deg = getHourDeg(hour);
  animate(0, deg, changeTo, chour);
};

supdate = function() {
  var start;
  start = page * 4;
  $(".promo1 img").fadeOut(function() {
    $(this).attr("src", path + promo[start]).fadeIn();
  });
  $(".promo2 img").fadeOut(function() {
    $(this).attr("src", path + promo[start + 1]).fadeIn();
  });
  $(".promo3 img").fadeOut(function() {
    $(this).attr("src", path + promo[start + 2]).fadeIn();
  });
  $(".promo4 img").fadeOut(function() {
    $(this).attr("src", path + promo[start + 3]).fadeIn();
  });
};

prevPromo = function(e) {
  if (page > 0) {
    page--;
  } else {
    page = 0;
  }
  supdate();
  return false;
};

nextPromo = function(e) {
  if ((promo.length / 4) < page) {
    page++;
  } else {
    page = Math.floor((promo.length / 4) - 1);
  }
  supdate();
  return false;
};

drawNumber = function() {
  var angle, css, distance, i, p, vectorX, vectorY;
  distance = 45;
  for (i = 1; i <= 12; i++) {
    angle = i / 12 * 360;
    angle = angle - 90;
    vectorX = distance * Math.cos(angle * (Math.PI / 180));
    vectorY = distance * Math.sin(angle * (Math.PI / 180));
    css = {
      position: "absolute",
      left: vectorX,
      top: vectorY,
      width: "10px",
      height: "10px"
    };
    p = $("<a id='bg-" + i + "' href=''></a>").css(css);
    p.click(function() {
      var id, o;
      id = $(this).attr('id');
      o = id.substr(3, id.length);
      rotateTo(o);
      return false;
    });
    $(".number").append(p);
  }
  $('#container').append(link);
};