window.addEvent('domready', function() {

var size = Window.getSize();
if (size.y < 611) {	
    $('top').setStyle('position','absolute');
    $('userdetails').setStyle('position','absolute');
    $('navigation').setStyle('position','absolute');
    $$('.letters').setStyle('position','absolute');
    $$('.target').setStyle('margin-top', 0);
}
	
var plusImage='/images/plus.png';
var minusImage='/images/minus.png';
var myLink='';
var myElem='';
var myPlus = new Element('img', {
    src: plusImage,
    'class': 'addstableicon',
    'cursor': 'crosshair',
    'title': 'Add it to your stable',
    styles: {
          display: 'none'
    },
    events: {
        click: function() {
              var myid=getID(myLink);
              addStable(myid);
	      myElem.addClass('cookie');
	      var myDisplay=el.getStyle('display');
                  }, 
        mouseenter: function(){
                          myPlus.setStyle('display', 'block');
                   },
        mouseleave: function(){
                   myPlus.setStyle('display', 'none');
              },
    }
});
var myMinus = new Element('img', {
    src: minusImage,
    'class': 'delstableicon',
    'cursor': 'crosshair',
    'title': 'Remove it from your stable',
    styles: {
          display: 'none'
    },
    events: {
        click: function() {
              var myid=getID(myLink);
              delStable(myid);
	      myElem.removeClass('delstable');
	      var myDisplay=el.getStyle('display');
                  }, 
        mouseenter: function(){
                          myMinus.setStyle('display', 'block');
                   },
        mouseleave: function(){
                   myMinus.setStyle('display', 'none');
              },
    }
});

  $$('.addstable').each(function(el) {
        el.addEvents({
              mouseenter: function(){
		    if (!el.hasClass('cookie') && (window.location.pathname.match("/stable/list/") || !window.location.pathname.match("/stable/"))) {
                     myPlus.setStyle('display', 'block');
                     myPlus.position({relativeTo: el,
                                      position: 'upperleft'});
                     if (myLink=el.getProperty('href')) {
		     }
		     else {
			 myLink=el.getElement('a').getProperty('href');
		     }
		     myElem=el;
                 }
              },
              mouseleave: function(){
                   myPlus.setStyle('display', 'none');
              },
    });
  });

  $$('.delstable').each(function(el) {
        el.addEvents({
              mouseenter: function(){
		    if (el.hasClass('delstable')) {
                     myMinus.setStyle('display', 'block');
                     myMinus.position({relativeTo: el,
                                      position: 'upperleft'});
                     if (myLink=el.getProperty('href')) {
		     }
		     else {
			 myLink=el.getElement('a').getProperty('href');
		     }
		     myElem=el;
                 }
              },
              mouseleave: function(){
                   myMinus.setStyle('display', 'none');
              },
    });
  });

myPlus.inject(document.body);
myMinus.inject(document.body);

function getID(car) {
      var data=new URI(car);
      return data.getData('car');
}

function addStable(id) {
      var Cars = Cookie.read('Stable');
      cookieCars = new Array;
      if(Cars != null) {
             cookieCars.append(Cars.split('&'));
      }
      cookieCars.include(id).unique();
      var cleanCars = cookieCars.filter(function(item, index){
    return item > 0;
});
      Cars = cleanCars.join('&');
      Cookie.write('Stable',Cars,{duration: 60, path: '/'});
      $('stablecount').set('html',cleanCars.length);
}
function delStable(id) {
      var Cars = Cookie.read('Stable');
      cookieCars = new Array;
      if(Cars != null) {
             cookieCars.append(Cars.split('&'));
      }
      cookieCars.erase(id).unique();
      var cleanCars = cookieCars.filter(function(item, index){
    return item > 0;
});
      Cars = cleanCars.join('&');
      Cars = cookieCars.join('&');
      Cookie.write('Stable',Cars,{duration: 60, path: '/'});
      $('stablecount').set('html',cleanCars.length);
}

});