$(document).ready(function(){
  if($.cookie('sid')){
    $.post(
      '/cgi-bin/ajaxCart.cgi',
      {sid: $.cookie('sid')},
      function(data){
        $(data).addClass('incart');
      }
    );
  }

  $('#add').click(function(){
      if($('.frame.selected').length){
        var url = '/cgi-local/webcat/products_page.cgi?action=buy&mode=1';
        var concat = '&';
        $('.frame.selected').each(function(){
            url = url + concat + 'iid=' + $(this).attr("id"); concat = '&';
          });
        url = url + '&cs=' + escape(window.location.href);
        window.location.href = url;
      } else {
        return false;
      }
    });

  $('#checkout').click(function(){
      if($('.frame.selected').length && confirm('Add selected charts to cart?')){
	$('#add').click();
      } else {
        return true;
      }
  });

  $('#reset').click(function(){ $('.frame.selected').removeClass('selected'); });

  $('#scale').change(function(){
    if($(this).val()=='all') {
      $('.frame').show();
    } else {
      $('.frame').hide();
      $('.frame.'+$(this).val()).show();
    }
  });

  $('.helpToggle').click(function(){ $('#help').toggle(); });

  var offset = $('#container').get(0).offsetTop;
  $().mousemove(function(e){
    $('.frame.hover .details').css({
        left: e.pageX + 15,
	top:  e.pageY - offset
    });
  });

  $('.frame').hover(
    function(){ $(this).addClass('hover'); },
    function(){ $(this).removeClass('hover'); }
  );

  if($.browser.msie)
  {
    var img = document.createElement('img');
    $(img).attr({src: '/images/spacer.gif'});
    $('.chartLink a').prepend(img);
    $(img).hover(
        function(){ $(this).parents().find('.frame').addClass('hover'); },
        function(){ $(this).parents().find('.frame').removeClass('hover'); }
    );
    $('.chart').prepend(img);
  }

  $('.frame').not('.incart')
    .click(function(){
      $(this).toggleClass('selected');
    });
});