var arr_th, arr_full, rm_id, rm_pt, rm_pc;

document.observe("dom:loaded", function() {
  var arr_rm = $('ipp').innerHTML.split('_'); 
  rm_id = arr_rm[0];
  rm_pc = 1*arr_rm[1];
  rm_pt = 1*arr_rm[2]; 
  initRecMenu();
});

function initRecMenu() {
  arr_th = $$('#rmenu_thumbs li');
  arr_full = $$('#rmenu_full > li');
  var n=0; arr_th.each(function(i) { n++; i.id = 'th_' + n });
  n=0; arr_full.each(function(i) { n++; i.id = 'f_' + n });
  arr_th.each(function(i) { Event.observe(i,'mouseover',function() { rMo(this, i); }.bind(i)); });
  arr_th[0].addClassName('th_on');
  arr_full[0].addClassName('active');
  makeNav();
}

function rMo(evt,rec) {
  arr_th.each(function(i) {
    i.removeClassName('th_on'); $(i.id.replace('th_','f_')).removeClassName('active');
  });
  rec.addClassName('th_on'); $(rec.id.replace('th_','f_')).addClassName('active');
}

function makeNav() {
  var str_p = '', p_prev, p_next;
  p_prev = rm_pc+1; p_next = rm_pc-1;
  if ( rm_pc < rm_pt ) { str_p += '<div class="prev_a" onclick="nav_page(' + rm_id + ',' + p_prev + ');"></div>'; }
  else { str_p += '<div class="prev"></div>'; }
  if ( rm_pc > 1 ) { str_p += '<div class="next_a" onclick="nav_page(' + rm_id + ',' + p_next + ' );"></div>';
  }
  else { str_p += '<div class="next"></div>'; }
  $('rmenu_nav').update(str_p);
}

function nav_page( m, p ) {
  new Ajax.Request ( '/includes/ajax/ajax_recipes_menu_xml.asp', { method: 'get', parameters: 'm=' + m + '&p=' + p, onComplete: process_nav_page } );
}


function process_nav_page(req) {
  var rmenu_th = $('rmenu_thumbs');
  var rmenu_full = $('rmenu_full');
  var str_f = '', str_th = '';
	var r, r_title, r_course, r_type, r_kitchen, r_time, r_img_small, r_img_big, r_url;
  rmenu_th.update('');
  rmenu_full.update('');
  var items = req.responseXML.getElementsByTagName("rec");
  if ( items.length != 0 ) {
    for (var i = 0; i < items.length; i++) {
      r           = items[i].childNodes;
  		r_title     = r[0].childNodes[0].data;
  		r_course    = r[1].childNodes[0].data;
  		r_type      = r[2].childNodes[0].data;
  		r_kitchen   = r[3].childNodes[0].data;
  		r_time      = r[4].childNodes[0].data;
  		r_img_small = r[5].childNodes[0].data;
  		r_img_big   = r[6].childNodes[0].data;
  		r_url       = r[7].childNodes[0].data;

      str_f += 
        '<li>'
      + '<p>' + r_course + '</p>'
      + '<a href="' + r_url + '" rel="nofollow"><img src="' + r_img_big + '" alt="" /></a>'
      + '<h2><a href="' + r_url + '" rel="nofollow">' + r_title + '</a></h2>'
      + '<ul><li class="li_bull">' + r_course + '</li><li>' + r_type + '</li></ul>'
      + '<ul><li class="li_bull">' + r_kitchen + '</li><li>' + r_time + '</li></ul>'
      + '</li>';

      str_th +=
        '<li>'
      + '<a href="' + r_url + '" rel="nofollow"><img src="' + r_img_small + '" alt="" /></a>'
      + '<h2><a href="' + r_url + '" rel="nofollow">' + r_title + '</a></h2>'
      + '</li>';

    }
    rmenu_th.update(str_th);
    rmenu_full.update(str_f);
    var p = req.responseXML.getElementsByTagName("page")[0].childNodes[0].data;
    rm_pc = 1*p;
    initRecMenu();
    var url_ga = '' + document.URL.replace('http://', '').replace(window.location.hostname, '');
    if ( rm_pc!= 1 ) { url_ga += rm_pc }
    try {pageTracker._trackPageview(url_ga);} catch(err){}
  }
}