$(document).ready(function() {
   $('.tooltip').mouseover(function(event) {ToolTip.show(this, event)});
   $('.tooltip').mousemove(function(event) {ToolTip.setCoords(event)});
   $('.tooltip').mouseout(function() {ToolTip.hide()});
   $('input[type="submit"]').each(function(){
        this.onclick = doubleclick;
   });
});

function doubleclick(evt) {
            evt = evt?evt:window.event;
            var b = evt.target?evt.target:evt.srcElement;
            b.onclick = function() { return false};
            setTimeout(function(){ b.onclick = doubleclick;},3000);
            return true;
        }


function resetSelectBoxes(deleted_value) {
  var sel_count = $('.question_select').length;
  if (!deleted_value) {
    deleted_value = sel_count;
  }
  $('.question_select').each(function(){
    var opts = '';
    var sel = $(this);
    var val = sel.val();
    if (!val) {
      val = sel_count;
    }
    if (val > deleted_value) {
      val--;
    }
    for (var i=1;i<=sel_count;i++) {
      opts += '<option value="' + i + '"';
      if (val == i) {
        opts += ' selected="selected" ';
      }
      opts += '>' + i + '</option>';
    }
    sel.html(opts);
  });
}

questions_counter = 0;
answer_counter = 1;
function addQuestion(type) {

  var table = $('#' + type + '_list');
  if (!table.length) {
    return false;
  }
  table = table.get(0);

  var id = 'new' + questions_counter;
  var name = 'question[' + id + '][text]';
  questions_counter++;

  var tr = table.insertRow(-1);
  tr.id = 'question_' + id;
  var td = tr.insertCell(-1);
  td.width = 350;
  var td2 = tr.insertCell(-1);
  var div = $('<div>');
  var span_outer = $('<span>');
  span_outer.addClass('butt');
  var span_left = $('<span>');
  span_left.addClass('butt_l');
  var span_right = $('<span>');
  span_right.addClass('butt_r');
  var button = $('<button type="button">' + labels.remove + '</button>');
  button.addClass('button');
  $(button).click(function () { removeQuestion(id) });
  span_right.append(button)
  span_left.append(span_right);
  span_outer.append(span_left);
  div.append(span_outer);
  $(td).append(div);
  $(td).append('<input type="hidden" name="question[' + id + '][type]" value="' + type + '" />');
  $(td).append('<input type="text" class="text5" name="' + name + '" size="25" />');
//  $(td).append('<input type="text" class="text6" size="2" style="width:15px" maxlength="2" name="question[' + id + '][weight]" value="" />');
  $(td).append('<select class="question_select" id="question_select"  style=width:40px;height:19px;margin:4px;border: 1px solid #a7a6aa;></select>');
  /*
  var select_div = $('.question_weight');
  var select_tag = $('.question_select');
   $(select_tag).attr({
         name: 'question[' + id + '][weight]'
       });
  $(td).append(select_div);
  $(select_div).css({'display':'block'});
*/
  if (type != 'text') {
    var div1 = $('<div class="add_answ_btn">');
    var span_outer1 = $('<span>');
    span_outer1.addClass('butt');
    var span_left1 = $('<span>');
    span_left1.addClass('butt_l');
    var span_right1 = $('<span>');
    span_right1.addClass('butt_r');
    button1 = $('<button type="button">' + labels.answer_add + '</button>');
    button1.addClass('button');
    $(button1).click(function() { addAnswer(span_outer1, id)});
    span_right1.append(button1)
    span_left1.append(span_right1);
    span_outer1.append(span_left1);
    div1.append(span_outer1);
    $(td2).append(div1);
  }
  $(td).append('<br />');
  resetSelectBoxes();


if(isInt(questions_counter / 3))
{
  $(td).append('<div class="myline">');
//  $(td2).append('<div class="myline">');
}



}

function isInt (str)
{
  var i = parseInt (str);

  if (isNaN (i))
    return false;

  i = i . toString ();
  if (i != str)
    return false;

  return true;
}


function removeQuestion(id) {
  var quest = $('#question_' + id);
  var val = $('select', quest).val();
  quest.remove();
  resetSelectBoxes(val);

}

function removeAnswer(button, id) {
  $('#answer_' + id).remove();
  var parent = button.parentNode;
  $(button).remove();
  $('br + br', $(parent)).remove();
}

function addAnswer(button, question_id) {
  var id = "new" + answer_counter++;
//alert(answer_counter);
  var div = $('<div>');

  var span_outer = $('<span>');
  span_outer.addClass('butt');
  var span_left = $('<span>');
  span_left.addClass('butt_l');
  var span_right = $('<span>');
  span_right.addClass('butt_r');
  var rb = $('<button type="button">' + labels.remove + '</button>');
  rb.addClass('button');
  $(rb).click(function () { removeAnswer(div, id) });

  span_right.append(rb);
  span_left.append(span_right);
  span_outer.append(span_left);

  div.append(span_outer);
  button = button.get(0);
  while (button && button.tagName.toLowerCase() != 'div') {
    button = button.parentNode;
  }
  $(button).after('<input class="answer" id="answer_' + id + '" type="text" name="answer[' + question_id + '][' + id + ']" />');
  $(button).after(div);
  $(button).after($('<br class="qbr" />'));
}

ToolTip = {
  container: false,
  element: false,
  visible: false,

  show: function(element, event) {
    if (!ToolTip.container) {
      ToolTip.create();
    }

    if (ToolTip.visible && ToolTip.element == element) {
        return;
    }
    ToolTip.element = element;
    ToolTip.setText($(element).attr('fulltext'));
    ToolTip.setCoords(event);
    ToolTip.container.css({display: 'block'});
    ToolTip.visible = true;
  },

  setCoords: function(event) {
    var xdirection = 0;
    var ydirection = 1;
    var width = ToolTip.container.width()
    var height = ToolTip.container.height();
    if (document.body.clientWidth - event.pageX < width ) {
      xdirection = -1;
    }

    if (event.pageY < height) {
      ydirection = 0;
    }
    var top = event.pageY - ydirection*height;
    var left = event.pageX  - xdirection*width;

    ToolTip.container.css({
      left: left,
      top: top
    });

  },

  create: function () {
    ToolTip.container = $('<div id="tooltip-container"></div>');
    ToolTip.container.css({
      position: "absolute",
      display: "none"
    });
    ToolTip.container.prepend('<div id="tooltip-text"></div>');
    $(document.body).prepend(ToolTip.container);
  },

  setText: function(text) {
    $('#tooltip-text', ToolTip.container).html(text);
  },

  hide: function() {
    ToolTip.container.css('display', 'none');
    ToolTip.visible = false;
  }
}

// +++++++++++++++++++++++++++++++
function checkAllFields(ref)
{
var chkAll = document.getElementById('checkAll');
//var checks = document.getElementsByClassName('edituser');
var checks = $('.edituser');
var removeButton = document.getElementById('removeChecked');
var boxLength = checks.length;
var allChecked = false;
var totalChecked = 0;
  if ( ref == 1 )
  {
    if ( chkAll.checked == true )
    {
      for ( i=0; i < boxLength; i++ )
      checks[i].checked = true;
    }
    else
    {
      for ( i=0; i < boxLength; i++ )
      checks[i].checked = false;
    }
  }
  else
  {
    for ( i=0; i < boxLength; i++ )
    {
      if ( checks[i].checked == true )
      {
      allChecked = true;
      continue;
      }
      else
      {
      allChecked = false;
      break;
      }
    }
    if ( allChecked == true )
    chkAll.checked = true;
    else
    chkAll.checked = false;
  }
  for ( j=0; j < boxLength; j++ )
  {
    if ( checks[j].checked == true )
    totalChecked++;
  }
}

/*
function Modules() {
    var type = document.getElementById('products_VTYPE').value;
    var modules=document.getElementById('vmodules_id');
    var service = document.getElementById('service').value;
  if(type == service)
  {
   modules.style.display='block';
  }
  else
  {
   modules.style.display='none';
  }
}
*/
jQuery().ready(function(){	

  $("#products_VTYPE").change(function () {
    $("#products_VTYPE option:selected").each(function (e) {
      if($(this).val() == "SERVICE"){
        $("#vmodules_id, #vmodules_id2, #NPERIOD_div, #products_NPERIOD, #products_NPERIOD2").show("slow");
         
      }
      if($(this).val() == "" || $(this).val() == "PRODUCT"){
        $("#vmodules_id, #vmodules_id2, #NPERIOD_div, #products_NPERIOD, #products_NPERIOD2").hide("slow");
      }
    }); 
  });

  $("#product_form").submit(function () {
    if(   ($('#products_VTYPE').val() == "SERVICE" && $('#products_NPERIOD').val() == "") || ($('#products_VTYPE').val() == "SERVICE" && isNaN(parseInt($('#products_NPERIOD').val()))) ){
      $('#products_NPERIOD').val(30);
    } 
    if($('#products_VTYPE').val() == "PRODUCT"){
      $('#products_NPERIOD').val("");
    }    
  
  });
  
});




/* menu accordion */
jQuery().ready(function(){	
  if ($('#theMenu').length){
    // applying the settings
    jQuery('#theMenu').Accordion({
      active: 'h3.selected',
      header: 'h3.head1',
      alwaysOpen: false,
      animated: true,
      showSpeed: 400,
      hideSpeed: 800
    });
  }	
});
/* end menu accordion */

/* facebox */
jQuery(document).ready(function($) {
  if($('a[rel*=facebox]').length){
    $('a[rel*=facebox]').facebox({
      loading_image : '../images/facebox/loading.gif',
      close_image   : '../images/facebox/closelabel.gif'
    }) 
  }
})
/* end facebox */
