$(function () {
      $('#nav > ul > li').hover(function () {
        var o = $(this).offset();
        var newtop  = o.top + $(this).height();
        var newleft = o.left;
        $(this).children('ul').css('top',newtop).css('left',newleft).stop(true,true).fadeIn();
        $(this).addClass('lihover');
      },function () {
        checkClose($(this).removeClass('lihover'));
      });
      $('#nav > ul > li > ul').hover(function () {
        $(this).parents('li').addClass('ulhover');
      },function () {
        checkClose($(this).parents('li').removeClass('ulhover'));
      });
      $('#nav > ul > li > ul > li').hover(function () {
        $(this).addClass('hover');
      },function () {
        $(this).removeClass('hover');
      }).click(function () {
        window.location = $(this).children('a').attr('href');
      });

      $('#tab-head > div').click(function () {
        $('#tab-head > div.active, #tab-content > div.active').removeClass('active');
        $(this).addClass('active');
        $('#'+this.id+'-content').addClass('active');
        /* $(this).add('#'+this.id+'-content').addClass('active'); */

      }).css('cursor','pointer');
      $('#mapImage').quikView();
      $('#webcamImage,#webcamImageLink').click(function () {
          webcams.show();
          return false;
        }).css('cursor','pointer');
      $('h1,h2,h3').each(function () {
        $(this).attr('title',$(this).text());
        genTitle(this);
      });
  $('#nfn,#nsn').change(function () {
    $('#nfulln').val($('#nfn').val()+' '+$('#nsn').val());
  });
  $('#newsletter form').submit(function () {
    var pst = {
      name: $('#newsletter input[name=name]').val(),
      firstname: $('#newsletter input[name=firstname]').val(),
      surname: $('#newsletter input[name=surname]').val(),
      email: $('#newsletter input[name=email]').val(),
      l: $('#newsletter input[name=l]').val()
    }
    $.post('/engineware/s/salespitchx/add',pst,function (data) {
      if (data == 1) {
        $('#newsletter form').html('<p>Thanks for signing up!</p>').fadeIn();
      }else{
        $('#newsletter form').html('<p>A Error occured, please try again later.</p>').fadeIn();
      }
    });
    $('#newsletter form').fadeOut();
    return false;
  });
});





function genTitle(obj) {
      var tagname = obj.tagName;
      var s = $(obj).css('font-size');
      if ($(obj).find('a').length) {
        obj = $(obj).find('a').attr('title',$(obj).attr('title'));
      }/*
        switch(tagname) {
          case 'h1':
          case 'H1': s = 20; break;
          case 'h2':
          case 'H2': s = 16; break;
          case 'h3':
          case 'H3': s = 14; break;
          case 'h4':
          case 'H4': s = 10; break;
          case 'div':
          case 'DIV': return false;
        } */
        var c =$(obj).css('color');
        if (c.substr(0,1) == '#') {
          c = c.substr(1);
        }else{
          c = rgbConvert(c);
        }
        $(obj).html('<img src="/images/title.php?c='+c+'&b=FFFFFF&s='+s+'&text='+escape($(obj).attr('title'))+'"/>');
}
function rgbConvert(str) {
   str = str.replace(/rgb\(|\)/g, "").split(",");
   str[0] = parseInt(str[0], 10).toString(16).toLowerCase();
   str[1] = parseInt(str[1], 10).toString(16).toLowerCase();
   str[2] = parseInt(str[2], 10).toString(16).toLowerCase();
   str[0] = (str[0].length == 1) ? '0' + str[0] : str[0];
   str[1] = (str[1].length == 1) ? '0' + str[1] : str[1];
   str[2] = (str[2].length == 1) ? '0' + str[2] : str[2];
   return (str.join(""));
}

    function checkClose(obj) {
      if (!obj.hasClass('ulhover') && !obj.hasClass('lihover')) {
        obj.children('ul').stop(true,true).fadeOut();
      }
    }


var webcams = {
  images: {},
  show: function () {
  // show loading ?!?
  $('#bigImage').click(function () {
    $('#_quikviewOverlay').click();
    });
  $.get('/webcams.php',{t: +new Date()},webcams.process);
  },
  process: function (d) {
    var lines = d.split('@');

    for(x in lines) {
     if (x < lines.length) {
      var images = lines[x].split('#');
      var imgs = new Array();
      for (i = 1; i < images.length; i++)
      {
        imgs[i-1] = images[i];
      }
      webcams.images[images[0]] = imgs;
      }
    }
    webcams.setupSelect();
    webcams.overlay();
  },
  setupSelect: function () {
    $('#webcamTime').html('');
    for(x in webcams.images) {
      if (x != '') {
        $('#webcamTime').append('<option>'+x+'</option>');
      }
    }
    $('#webcamTime').find('option:first').select().end().change(webcams.loadImages).change();
  },
  loadImages: function () {
    $('ul#webcamList').html('');
    for (i = 0; i < webcams.images[$(this).val()].length; i++) {

      $('ul#webcamList').append('<li><img src="/'+webcams.images[$(this).val()][i]+'" width="70" height="58"></li>');
    }
    $('ul#webcamList img').css('cursor','pointer').click(webcams.switchImg).eq(0).click();
  },
  switchImg: function () {
    $('#bigImage').attr('src',$(this).attr('src'));

  },
  overlay: function () {
      $('<div></div>')
          .css('position','fixed')
          .css('top','0')
          .css('left','0')
          .css('width','100%')
          .css('height','100%')
          .css('background','#000000')
          .attr('id','_quikviewOverlay')
          .fadeTo(0,0)
          .appendTo('body')
          .click(function () {
            $('#_quikviewOverlay').remove();
            $('#webcamImages').hide();
          })
          .fadeTo(200,.7,function () {
            var ww = $(window).width();
            var wh = $(window).height();
            var bt = wh - $('#webcamImages').height();
            var bl = ww - $('#webcamImages').width();

            var closr = $('<div></div>')
                .css('background','url(/images/cross.png) top right no-repeat')
                .css('width','16px')
                .css('height','16px')
                .css('marginTop','-12px')
                .css('marginRight','-12px')
                .css('float','right')
                .css('cursor','pointer')
                .click(function () {
                  $('#_quikviewOverlay').remove();
                  $('#webcamImages').hide();
                  $(this).remove();
                });
            $('#webcamImages')
              .css('z-index',99)
              .css('position','fixed')
              .css('top', bt /2)
              .css('left', bl /2)
              .fadeIn()
              .prepend(closr);
          });
  }
}