$(document).ready(function(){

    $(window).click(function () {
      $('#stock li').removeClass("above");
    });
	
    $(".cl").hover(function () {
      $('#stock li').removeClass("above");
    });
	
	$(".wn").hover(function () {
      $('#stock li').removeClass("above");
      $(".nw").css("color", "#333");
    }, function () {
      $(".nw").css("color", "#666");
    });

/* W O M E N ' S C A T E G O R I E S -> I T E M S */
	$(".dw").hover(function () {
      $("#stock li").removeClass("above");
      $(".wd").addClass("above");
    });

    $(".cw").hover(function () {
      $("#stock li").removeClass("above");
      $(".wc").addClass("above");
    });

    $(".aw").hover(function () {
      $("#stock li").removeClass("above");
      $(".wa").addClass("above");
    });
	
    $(".sw").hover(function () {
      $("#stock li").removeClass("above");
      $(".ws").addClass("above");
    });


/* W O M E N ' S I T E M S -> C A T E G O R I E S */
    $(".wd").hover(function () {
      $(".dw").addClass("above");
    }, function () {
      $(".dw").removeClass("above");
    });

    $(".wc").hover(function () {
      $(".cw").addClass("above");
    }, function () {
      $(".cw").removeClass("above");
    });

    $(".wa").hover(function () {
      $(".aw").addClass("above");
    }, function () {
      $(".aw").removeClass("above");
    });

    $(".ws").hover(function () {
      $(".sw").addClass("above");
    }, function () {
      $(".sw").removeClass("above");
    });
	
	
/* M E N ' S C A T E G O R I E S -> I T E M S */
    $(".me").hover(function () {
      $("#stock li").removeClass("above");
      $(".mm").addClass("above");
    });
	
    $(".dm").hover(function () {
      $("#stock li").removeClass("above");
      $(".md").addClass("above");
    });
	
    $(".cm").hover(function () {
      $("#stock li").removeClass("above");
      $(".mc").addClass("above");
    });
	
    $(".am").hover(function () {
      $("#stock li").removeClass("above");
      $(".ma").addClass("above");
    });
	
    $(".sm").hover(function () {
      $("#stock li").removeClass("above");
      $(".ms").addClass("above");
    });


/* M E N ' I T E M S S -> C A T E G O R I E S */
    $(".mm").hover(function () {
      $(".me").addClass("above");
    }, function () {
      $(".me").removeClass("above");
    });

    $(".md").hover(function () {
      $(".dm").addClass("above");
    }, function () {
      $(".dm").removeClass("above");
    });

    $(".mc").hover(function () {
      $(".cm").addClass("above");
    }, function () {
      $(".cm").removeClass("above");
    });

    $(".ma").hover(function () {
      $(".am").addClass("above");
    }, function () {
      $(".am").removeClass("above");
    });

    $(".ms").hover(function () {
      $(".sm").addClass("above");
    }, function () {
      $(".sm").removeClass("above");
    });

    $(".fg").hover(function () {
      $("#stock li").removeClass("above");
      $(".gf").addClass("above");
    });

    $(".gf").hover(function () {
      $(".fg").addClass("above");
    }, function () {
      $(".fg").removeClass("above");
    });	




	var shared = {
	position: {my: "left top", target: "mouse", adjust: { x:20, y:20, method: 'shift',}, viewport: $(window), },
	show: { delay: 100, solo: true, },
	hide: {target: $('#labela, #labelb, #labelc, #labeld, li'), delay: 0},
	style: { classes: 'ui-tooltip-vis'},
	};
	
	
/* T I P S */
	
	
	
	$('#agav').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/agav.jpg'>"
	}));
	
	$('#aire').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/aire.jpg'>",
	}));
	
	$('#alde').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/alde.jpg'>",
	}));
	
	$('#alle').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/alle.jpg'>",
	}));
	
	$('#allu').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/newfolder/allu.jpg'>",
	}));
	
	$('#ambr').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/ambr.jpg'>",
	}));
	
	$('#anis').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/newfolder/anis.jpg'>",
	}));
	
	$('#arma').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/newfolder/armj.jpg'>",
	}));
	
	$('#atto').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/atto.jpg'>",
	}));
	
	$('#auri').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/auri.jpg'>",
	}));
	
	$('#auca').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/newfolder/autu.jpg'>",
	}));
	
	$('#bell').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/newfolder/bell.jpg'>",
	}));
	
	$('#berg').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/newfolder/berg.jpg'>",
	}));
	
	$('#biel').qtip( $.extend({}, shared, {
	content: "<img src= 'vis/context/newfolder/biel.jpg'>",
	}));
	
	$('#blug').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/blug.jpg'>",
	}));
	
	$('#blum').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/blum.jpg'>",
	}));
	
	$('#bogl').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/bogl.jpg'>",
	}));
	
	$('#bosb').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/bosb.jpg'>",
	}));
	
	$('#boso').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/boso.jpg'>",
	}));
	
	$('#bpst').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/bpst.jpg'>",
	}));
	
	$('#carr').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/carr.jpg'>",
	}));
	
	$('#chea').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/chea.jpg'>",
	}));
	
	$('#citi').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/cioh.jpg'>",
	}));
	
	$('#civi').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/civi.jpg'>",
	}));
	
	$('#coop').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/coop.jpg'>",
	}));
	
	$('#copp').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/copp.jpg'>",
	}));
	
	$('#cross').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/cross.jpg'>",
	}));
	
	$('#cult').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/cult.jpg'>",
	}));
	
	$('#delm').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/delm.jpg'>",
	}));
	
	$('#dext').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/dext.jpg'>",
	}));
	
	$('#dona').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/dona.jpg'>",
	}));
	
	$('#ekol').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/ekol.jpg'>",
	}));
	
	$('#erme').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/erme.jpg'>",
	}));
	
	$('#eyeb').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/eyeb.jpg'>",
	}));
	
	$('#fabi').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/fabi.jpg'>",
	}));
	
	$('#fali').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/fali.jpg'>",
	}));
	
	$('#ferr').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/ferr.jpg'>",
	}));
	
	$('#fits').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/fits.jpg'>",
	}));
	
	$('#flat').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/flat.jpg'>",
	}));
	
	$('#fly3').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/fly3.jpg'>",
	}));
	
	$('#free').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/free.jpg'>",
	}));
	
	$('#gard').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/gard.jpg'>",
	}));
	
	$('#germ').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/germ.jpg'>",
	}));
	
	$('#giog').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/giog.jpg'>",
	}));
	
	$('#gior').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/gioa.jpg'>",
	}));
	
	$('#grsa').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/grsa.jpg'>",
	}));
	
	$('#grav').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/grav.jpg'>",
	}));
	
	$('#hami').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/hami.jpg'>",
	}));
	
	$('#inis').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/inis.jpg'>",
	}));
	
	$('#iose').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/iose.jpg'>",
	}));
	
	$('#jbra').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/jbra.jpg'>",
	}));
	
	$('#jean').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/jepg.jpg'>",
	}));
	
	$('#jfol').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/jfol.jpg'>",
	}));
	
	$('#johv').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/johv.jpg'>",
	}));
	
	$('#left').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/left.jpg'>",
	}));
	
	$('#luba').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/luba.jpg'>",
	}));
	
	$('#lubi').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/lbm1.jpg'>",
	}));
	
	$('#luig').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/luib.jpg'>",
	}));
	
	$('#mac').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/mac.jpg'>",
	}));
	
	$('#mabr').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/mabr.jpg'>",
	}));
	
	$('#male').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/male.jpg'>",
	}));
	
	$('#madi').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/madi.jpg'>",
	}));
	
	$('#mama').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/marm.jpg'>",
	}));
	
	$('#masi').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/masi.jpg'>",
	}));
	
	$('#maje').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/maje.jpg'>",
	}));
	
	$('#marc').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/marc.jpg'>",
	}));
	
	$('#metr').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/metr.jpg'>",
	}));
	
	$('#miil').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/miil.jpg'>",
	}));
	
	$('#moor').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/moor.jpg'>",
	}));
	
	$('#mosc').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/mosc.jpg'>",
	}));
	
	$('#olga').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/olga.jpg'>",
	}));
	
	$('#pant').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/pant.jpg'>",
	}));
	
	$('#pese').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/pese.jpg'>",
	}));
	
	$('#pier').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/pier.jpg'>",
	}));
	
	$('#pire').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/pire.jpg'>",
	}));
	
	$('#pogg').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/pogg.jpg'>",
	}));
	
	$('#port').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/port.jpg'>",
	}));
	
	$('#relw').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/relw.jpg'>",
	}));
	
	$('#ross').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/ross.jpg'>",
	}));
	
	$('#samu').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/samu.jpg'>",
	}));
	
	$('#sand').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/sand.jpg'>",
	}));
	
	$('#sadu').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/sadu.jpg'>",
	}));
	
	
	$('#sant').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/sant.jpg'>",
	}));
	
	$('#sarp').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/sarp.jpg'>",
	}));
	
	$('#schu').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/schu.jpg'>",
	}));
	
	$('#sete').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/sete.jpg'>",
	}));
	
	$('#shan').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/shan.jpg'>",
	}));
	
	$('#skip').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/skip.jpg'>",
	}));
	
	$('#soh').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/soh.jpg'>",
	}));
	
	$('#styh').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/styh.jpg'>",
	}));
	
	$('#susg').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/susg.jpg'>",
	}));
	
	$('#tedr').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/tedr.jpg'>",
	}));
	
	$('#terr').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/terr.jpg'>",
	}));
	
	$('#timb').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/timb.jpg'>",
	}));
	
	$('#tran').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/tran.jpg'>",
	}));
	
	$('#truz').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/truz.jpg'>",
	}));
	
	$('#yarn').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/yarn.jpg'>",
	}));
	
	$('#zzeg').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/zzeg.jpg'>",
	}));
	
	$('#zegn').qtip( $.extend({}, shared, {
	content: "<img src='vis/context/newfolder/zegs.jpg'>",
	}));
	
	


  });