$(function() {

	// Picture hover
	
	var offset = 1;

	$('a.clearLink').hover(function(e) {
		var href = $(this).attr('href');
		$('<img id="largeImage" src="' + href + '" alt="image" />').css('top', e.pageY + offset).css('left', e.pageX + offset).appendTo('body');
	}, function() {
		$('#largeImage').remove();
	});
	
	$('a.clearLink').mousemove(function(e) {
		$('#largeImage').css('top', e.pageY + offset).css('left', e.pageX + offset);
	});
    
    // Filter
    
    $("span#blackberryClick").click(function () {
      $("td.windowsmobileDiv").hide();
      $("td.iphoneDiv").hide();
      $("td.androidDiv").hide();
      $("td.otherDiv").hide();
      $("td.blackberryDiv").fadeIn('slow');
    });
    
    $("span#windowsmobileClick").click(function () {
      $("td.blackberryDiv").hide();
      $("td.iphoneDiv").hide();
      $("td.androidDiv").hide();
      $("td.otherDiv").hide();
      $("td.windowsmobileDiv").fadeIn('slow');
    });
    
    $("span#iphoneClick").click(function () {
      $("td.blackberryDiv").hide();
      $("td.windowsmobileDiv").hide();
      $("td.androidDiv").hide();
      $("td.otherDiv").hide();
      $("td.iphoneDiv").fadeIn('slow');
    });
    
    $("span#androidClick").click(function () {
      $("td.blackberryDiv").hide();
      $("td.windowsmobileDiv").hide();
      $("td.iphoneDiv").hide();
      $("td.otherDiv").hide();
      $("td.androidDiv").fadeIn('slow');
    });
    
    $("span#otherClick").click(function () {
      $("td.blackberryDiv").hide();
      $("td.windowsmobileDiv").hide();
      $("td.iphoneDiv").hide();
      $("td.androidDiv").hide();
      $("td.otherDiv").fadeIn('slow');
    });
    
    $("span#allClick").click(function () {
      $("td.blackberryDiv").fadeIn('slow');
      $("td.windowsmobileDiv").fadeIn('slow');
      $("td.iphoneDiv").fadeIn('slow');
      $("td.androidDiv").fadeIn('slow');
      $("td.otherDiv").fadeIn('slow');
    });
	
});