By James Pereira
—
Last update
Apr 26, 2006
—
Installed
3,769 times.
Add Syntax Highlighting (this will take a few seconds, probably freezing your browser while it works)
// ==UserScript==
// @name moustache your facebook friends
// @author James Pereira
// @namespace http://www.sawdustbunny.com/
// @description Moustache your friends, and "facebook me": facebook.com/profile.php?id=208628
// @description This script uses another script called 'dom-drag' from www.youngpup.net
// @description ********************************************
// @description ** TO RESIZE MOUSTACHES, HOVER OVER THE **
// @description ** MOUSTACHE AND PRESS THE LEFT OR RIGHT **
// @description ** ARROW KEY **
// @description ********************************************
// @include http://facebook.com/profile.php*
// @include http://*.facebook.com/profile.php*
// ==/UserScript==
// moustache pics
var m = Array();
m[0] = "data:image/gif,GIF89aK%00%19%00%F7%00%00%FF%FF%FF%FF%FF%CC%FF%FF%99%FF%FFf%FF%FF3%FF%FF%00%FF%CC%FF%FF%CC%CC%FF%CC%99%FF%CCf%FF%CC3%FF%CC%00%FF%99%FF%FF%99%CC%FF%99%99%FF%99f%FF%993%FF%99%00%FFf%FF%FFf%CC%FFf%99%FFff%FFf3%FFf%00%FF3%FF%FF3%CC%FF3%99%FF3f%FF33%FF3%00%FF%00%FF%FF%00%CC%FF%00%99%FF%00f%FF%003%FF%00%00%CC%FF%FF%CC%FF%CC%CC%FF%99%CC%FFf%CC%FF3%CC%FF%00%CC%CC%FF%CC%CC%CC%CC%CC%99%CC%CCf%CC%CC3%CC%CC%00%CC%99%FF%CC%99%CC%CC%99%99%CC%99f%CC%993%CC%99%00%CCf%FF%CCf%CC%CCf%99%CCff%CCf3%CCf%00%CC3%FF%CC3%CC%CC3%99%CC3f%CC33%CC3%00%CC%00%FF%CC%00%CC%CC%00%99%CC%00f%CC%003%CC%00%00%99%FF%FF%99%FF%CC%99%FF%99%99%FFf%99%FF3%99%FF%00%99%CC%FF%99%CC%CC%99%CC%99%99%CCf%99%CC3%99%CC%00%99%99%FF%99%99%CC%99%99%99%99%99f%99%993%99%99%00%99f%FF%99f%CC%99f%99%99ff%99f3%99f%00%993%FF%993%CC%993%99%993f%9933%993%00%99%00%FF%99%00%CC%99%00%99%99%00f%99%003%99%00%00f%FF%FFf%FF%CCf%FF%99f%FFff%FF3f%FF%00f%CC%FFf%CC%CCf%CC%99f%CCff%CC3f%CC%00f%99%FFf%99%CCf%99%99f%99ff%993f%99%00ff%FFff%CCff%99fffff3ff%00f3%FFf3%CCf3%99f3ff33f3%00f%00%FFf%00%CCf%00%99f%00ff%003f%00%003%FF%FF3%FF%CC3%FF%993%FFf3%FF33%FF%003%CC%FF3%CC%CC3%CC%993%CCf3%CC33%CC%003%99%FF3%99%CC3%99%993%99f3%9933%99%003f%FF3f%CC3f%993ff3f33f%0033%FF33%CC33%9933f33333%003%00%FF3%00%CC3%00%993%00f3%0033%00%00%00%FF%FF%00%FF%CC%00%FF%99%00%FFf%00%FF3%00%FF%00%00%CC%FF%00%CC%CC%00%CC%99%00%CCf%00%CC3%00%CC%00%00%99%FF%00%99%CC%00%99%99%00%99f%00%993%00%99%00%00f%FF%00f%CC%00f%99%00ff%00f3%00f%00%003%FF%003%CC%003%99%003f%0033%003%00%00%00%FF%00%00%CC%00%00%99%00%00f%00%003%00%00%00%03%00%00%FF%FF%FF%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00!%F9%04%01%00%00%D9%00%2C%00%00%00%00K%00%19%00%00%08%FF%00%B3%09%1CH%B0%A0%C1%83%08%13*%5C%C8%B0%A1%C3%87%10%23Jt(%08Q%A0%40%133jL%C8%AAcGD%82.%5E%D9HR%A2%C7%93%1FYY%2C%C9%D2%A0%A0C!%11%9Dl%C5jVM%9B'1%B6%1C%A8%F3aJD%88%60%AE%92yRV%C7Y%D7%B0a%9B%85%AD%E6%CA%9D%D9B2%0C%84%B2*%AB%982e2U%BAUi%D3%AB%3DK%AA%BCx0P%D6%9A4m.%C5%D6%0A%E8I%A2%5E%B1%25%8D%8B%CD%E8X%B2%1A%BB%98%BD%88W%20Z%94%5D%D7z%9CeSPG%BAs%E7*%F5hQ%A4%95%88V%A8~%04y%88%15%D7%BA%AD%02_%E6Z3%9AGYt%95%5E%1B%1D%97%E6%DBC%17%BB%3Cn%A87%5B%CD%C1%5C%3D%C7e%DA%B5%F6I%A4%A1E%8FV%DC%94%E8%5B%A9%0B%23w%F1%DB*%F7Z%E3%9CO%D2%B5%8C8%F4%D1%9B(%81%1F%B4%A2w%F8%40%E6%C7%E5%22g%FB%95%B0W%D2%A1%93%82%B6%F7j%DAr%CD%DE%16%A5%0B%B4B%3Du%C1%F3%DB%95%16%DF%AAY%EE%F8%EF%BBy%DB%3D%8F2%E8K%BE%81%E8UQ_%D7%C1%A7%1Dr%06%C6%25%5Ex%F7%B1%C5%DCQ%99%F5W%D1K%82%BC%C4%8A%7B%06%C1%95%9Bf%D8%C5%A7%A0%7D%A255Ky%7F%A9%B4%8A%20C%BD%D5%18B%81T%A4%92r%B3%C5xYfK%BD%16%1FN%1F%95W%9Eo*%85%14%E0C%17aG%DF%86%09%99%96V%5C%D0U%F6%E2G%86%99%05%14_%D6Ae%12%7CI%99%C7%98o%20%05y%D1jRft%D4b%11%FAfVt%5D%B6d%95G.f%25H%99%5D%02%E5%D6%93%7C%B1)%E7%9Ct%B6%14%10%00%3B";
m[1] = "data:image/gif,GIF89aB%00-%00%F7%00%00%FF%FF%FF%FF%FF%CC%FF%FF%99%FF%FFf%FF%FF3%FF%FF%00%FF%CC%FF%FF%CC%CC%FF%CC%99%FF%CCf%FF%CC3%FF%CC%00%FF%99%FF%FF%99%CC%FF%99%99%FF%99f%FF%993%FF%99%00%FFf%FF%FFf%CC%FFf%99%FFff%FFf3%FFf%00%FF3%FF%FF3%CC%FF3%99%FF3f%FF33%FF3%00%FF%00%FF%FF%00%CC%FF%00%99%FF%00f%FF%003%FF%00%00%CC%FF%FF%CC%FF%CC%CC%FF%99%CC%FFf%CC%FF3%CC%FF%00%CC%CC%FF%CC%CC%CC%CC%CC%99%CC%CCf%CC%CC3%CC%CC%00%CC%99%FF%CC%99%CC%CC%99%99%CC%99f%CC%993%CC%99%00%CCf%FF%CCf%CC%CCf%99%CCff%CCf3%CCf%00%CC3%FF%CC3%CC%CC3%99%CC3f%CC33%CC3%00%CC%00%FF%CC%00%CC%CC%00%99%CC%00f%CC%003%CC%00%00%99%FF%FF%99%FF%CC%99%FF%99%99%FFf%99%FF3%99%FF%00%99%CC%FF%99%CC%CC%99%CC%99%99%CCf%99%CC3%99%CC%00%99%99%FF%99%99%CC%99%99%99%99%99f%99%993%99%99%00%99f%FF%99f%CC%99f%99%99ff%99f3%99f%00%993%FF%993%CC%993%99%993f%9933%993%00%99%00%FF%99%00%CC%99%00%99%99%00f%99%003%99%00%00f%FF%FFf%FF%CCf%FF%99f%FFff%FF3f%FF%00f%CC%FFf%CC%CCf%CC%99f%CCff%CC3f%CC%00f%99%FFf%99%CCf%99%99f%99ff%993f%99%00ff%FFff%CCff%99fffff3ff%00f3%FFf3%CCf3%99f3ff33f3%00f%00%FFf%00%CCf%00%99f%00ff%003f%00%003%FF%FF3%FF%CC3%FF%993%FFf3%FF33%FF%003%CC%FF3%CC%CC3%CC%993%CCf3%CC33%CC%003%99%FF3%99%CC3%99%993%99f3%9933%99%003f%FF3f%CC3f%993ff3f33f%0033%FF33%CC33%9933f33333%003%00%FF3%00%CC3%00%993%00f3%0033%00%00%00%FF%FF%00%FF%CC%00%FF%99%00%FFf%00%FF3%00%FF%00%00%CC%FF%00%CC%CC%00%CC%99%00%CCf%00%CC3%00%CC%00%00%99%FF%00%99%CC%00%99%99%00%99f%00%993%00%99%00%00f%FF%00f%CC%00f%99%00ff%00f3%00f%00%003%FF%003%CC%003%99%003f%0033%003%00%00%00%FF%00%00%CC%00%00%99%00%00f%00%003%00%00%00%FF%FF%FF%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00!%F9%04%01%00%00%D8%00%2C%00%00%00%00B%00-%00%00%08%FF%00%B1%09%1CH%B0%A0%C1%83%08%13*%5C%C8%B0!6V%B3Z%CD%8A%C8%AA%15%2BD%18%2Fb%DC(%A8%8B%20%87%20%1BVdum%D65%8B%ADZ!b%C52%E3JV%826%06%0AI%F3%E0%2CD%13Q%AAl%25K%A5%A0%91%82%12!R%19(f%CC%995kZ%A4%08q%16LA%12Y%3AUyQ%25%22%A3%88%BAtI%0A%B2)%C4%96_%03%05%BAVR%EAE%8DVcb%D4%CA5a%C5%A9d%9D%AE%7C%093P%AB%B8N%AB%5E%DD%88RP%C7%B6%07!%92%BD%5B%D6%22%CB%B3g%E3%5E%3BK%F4%E7O%A1W%BB%5C%01%3CP*%D9k%B2.%3B%BD%F95%E5E%93%25%E5%FA%84%8A(QE%8C%81%AEX%99%9C%B4bO%D0%25%2F%2B%1E%D94%A5I%93)1Z%8D%B8%D2tV%ADli6%8D%1DZ3f%B2%ACd%C5%BC%16%0D%B6f%98%BCS%06%BD%E8%D7%A3%A0%40%5BAJTL%BC%FB%ED%8A%87%86%C7%FF%BE%ED%D9*%DA%A1%AD%ACc%FC%08%92%BB%EC%F7%8AMV%8CMx%BC%C5%9E%BA%A9%0F%ED%E8%D7%A8%C3%ED%F0%C9v%5B%7C%82%99%24%CBD%9AE%24QF%16%E9vU%7FW5%E4%5C%80%EFM%D4%DC%7C%08%C26Q%5E%B3%C82%97Fj%C5%E4E%7F%D9%B9%D5%1D%85%E3Es%E0I%13%91t%5B%86%D0%20xXU0%AD4%E2U%23%06%17%98I%D6dF!h%03%DE%05dq%D6l%B8%99%87_%7DXZLB%5D%87%1DB%2C%9D%F8%A3%7BF%96TdI%99%25%E7%94%2C%2Cq%99%DCS%81%5CUQ%2B%5E%E4%18%98%94(z7%E4%80%3De%06%9A%2Cp%C6%C9%13%22a%5E%24T%22b%FDe%10%80i%1Aw%A2%86%DEqw%E5%8A%10yvVd%88%EC%F9%DA%84%F0M8%60q%99%B9%19i%87q%5EY%5CN%BC%F5%A7%E7%40%0A%9E%84f%80kv%98%1C%97%A4z%C9Rx%87%20%B2Jr%D6%10%87%9BL%9B%3E%FF%B4T%9F%15b%C9%0Ae%0FQ%D9JL%1E%11Ths%9F%1AG)%AE%BE%C2%A9%E1%83%25%CA%1A%91%A7S%8Az%2B%B1%05%B1%B2*yW%3D9P%2B1%0AI!O%87%25%0AmA%81%ACZ%91Q%BDV%D6%93%A5%15z%F9%ADBb%AD%A4V%B9%02Y6%0B%B0%2F%1E%B6.C%D8%15%25V%B2%2F%B99%DEb%5C%8A%84%18%AA%E1%05r%C8%BE%20i%95o%B2%87I%E4%B0C.%AD%14%1E%9D%A9%86y%1D%9Db%81dE%17%D81%2CU%5E%20!bJF-%AD%E2n%20%AC%88%25%D6%C1!m%AC%95%15%04%85%C7RH%AA%BA%24%D7K%87%FC%84l%AC%0EI%C6%05%AEs%91f%11%CA%17%D5yT%BEI%25%0B%D8%C4T%5DeZG%20%8E%88%D4%BD!%C54R%2BE%DDt%DD%AE0q%AC4%D5%0C%7D%0CQL%0Dv%B1%DFu%23%82%1D%92m)%F9%C4J%22%D7%19%E5WQjw%95%13%97%F9%3D%B8%5EG%87%D4H%ED%90WT%8D%A9%F7%DC%F0%FA%AD%D0%81f9%EC%EE%83%81x%11%A6%E1a%7F%B9YK%EBU%AB0%E4%0B%9D%C5%E5f%86%16%25%88%E3W%7C%8D9A%2Fm%D9%25%88%18%BF%3C%FAB%24%7F9W%C7%A1%CB%B0%3A%B10S%16%10%00%3B";
m[2] = "data:image/gif,GIF89a%5E%00%1F%00%F7%00%00%FF%FF%FF%FF%FF%CC%FF%FF%99%FF%FFf%FF%FF3%FF%FF%00%FF%CC%FF%FF%CC%CC%FF%CC%99%FF%CCf%FF%CC3%FF%CC%00%FF%99%FF%FF%99%CC%FF%99%99%FF%99f%FF%993%FF%99%00%FFf%FF%FFf%CC%FFf%99%FFff%FFf3%FFf%00%FF3%FF%FF3%CC%FF3%99%FF3f%FF33%FF3%00%FF%00%FF%FF%00%CC%FF%00%99%FF%00f%FF%003%FF%00%00%CC%FF%FF%CC%FF%CC%CC%FF%99%CC%FFf%CC%FF3%CC%FF%00%CC%CC%FF%CC%CC%CC%CC%CC%99%CC%CCf%CC%CC3%CC%CC%00%CC%99%FF%CC%99%CC%CC%99%99%CC%99f%CC%993%CC%99%00%CCf%FF%CCf%CC%CCf%99%CCff%CCf3%CCf%00%CC3%FF%CC3%CC%CC3%99%CC3f%CC33%CC3%00%CC%00%FF%CC%00%CC%CC%00%99%CC%00f%CC%003%CC%00%00%99%FF%FF%99%FF%CC%99%FF%99%99%FFf%99%FF3%99%FF%00%99%CC%FF%99%CC%CC%99%CC%99%99%CCf%99%CC3%99%CC%00%99%99%FF%99%99%CC%99%99%99%99%99f%99%993%99%99%00%99f%FF%99f%CC%99f%99%99ff%99f3%99f%00%993%FF%993%CC%993%99%993f%9933%993%00%99%00%FF%99%00%CC%99%00%99%99%00f%99%003%99%00%00f%FF%FFf%FF%CCf%FF%99f%FFff%FF3f%FF%00f%CC%FFf%CC%CCf%CC%99f%CCff%CC3f%CC%00f%99%FFf%99%CCf%99%99f%99ff%993f%99%00ff%FFff%CCff%99fffff3ff%00f3%FFf3%CCf3%99f3ff33f3%00f%00%FFf%00%CCf%00%99f%00ff%003f%00%003%FF%FF3%FF%CC3%FF%993%FFf3%FF33%FF%003%CC%FF3%CC%CC3%CC%993%CCf3%CC33%CC%003%99%FF3%99%CC3%99%993%99f3%9933%99%003f%FF3f%CC3f%993ff3f33f%0033%FF33%CC33%9933f33333%003%00%FF3%00%CC3%00%993%00f3%0033%00%00%00%FF%FF%00%FF%CC%00%FF%99%00%FFf%00%FF3%00%FF%00%00%CC%FF%00%CC%CC%00%CC%99%00%CCf%00%CC3%00%CC%00%00%99%FF%00%99%CC%00%99%99%00%99f%00%993%00%99%00%00f%FF%00f%CC%00f%99%00ff%00f3%00f%00%003%FF%003%CC%003%99%003f%0033%003%00%00%00%FF%00%00%CC%00%00%99%00%00f%00%003%00%00%00%FF%FF%FF%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00!%F9%04%01%00%00%D8%00%2C%00%00%00%00%5E%00%1F%00%00%08%FF%00%B1%09%1CH%B0%A0%C1%83%08%13*%1Cx%E5J%17%87%0E%BBtYH%B1%A2%C5%8BVdh%D4%98q%23%C7%19V%1Av%911%F2%0A%17%88%0F%BB%CCPy%B1%A5K%82WB%CA%ECb%85fL%99%20%AD%E8%94qEF%C7%9A1i%AE%04%FA0c%C6%9E%D8%AC%BC%5CJ0%A4O%8E%24I%DA%8C%09UgG%A8%3D%B3%D6%04%194bV%9EO%7Bjd%EA2%24%17%AC6Cv%E1b%25'O.%20%9F%1E5%EA3%87%CE%916%85%1E%E5%D9%F0%E9X%B2%15%AF%E0%E8%D9%D6i%DB%93'M%1A%9D%7B%D5%E7%CA%98%5C%B5%CE%60%9B2%A6C%A0bY%FC%05%8C%D0%F2%DE%A0%85%7D*6%A9%95%F4N%A34iZ%C1Q%B3%F5%95%19%97%1F%9EL%CD%B3%23%0B%A5%9C%05%B6%95%3B9.M%BB%93C%926m%F4dc%9E%95%1F%C6%CC%B1%DCJ%E2%E4%92%3B%82%CC-%83%2BH%9Aae%D6%9E%5C%FB%A4c%A0p%E9Z%FFM%9D%BA%A1%F1%BEy%1D%D6V%8E%15%B0%C6%2B9%BC%17%F6%0D%D5%E6%EC%D6%A7%8Bj%D4%5C%5D-D.)Ya%17X%25%3D%F4%1ED%19i%16%D2K%1E%D1%25%9AO%E1%89f%60Vl%E5d%97%7D%FAy%E4%93DE%0DV%DEy%AE%A56%97X%9BQ%F4%94%82%B5%3D%F8%DD%8A%86%A5U%98N%A4aw%95Z%12%D5%84%5Ch)%91%D4%5C%8C%40%E9%A4%A0%89%B6m%A4S%5CU%89eVN%5C%C9%D5%D6%87T%85%25%11Do%BD%F5%18%935%C9%96%24aY!%04%95%0C%FCA%A1%24%91B%92H%D5%5D%AE%91%A4%16QM%C6%C8azwq%88%26f%F7%F55%A6A%5Cny%5B%9D%5B%CE%18%D7M%20%CD%20ZFl%81%96%1A%806y%98%DC%9A%88%A6TcJ'%5D%E8YC3%D0%E9%D3OrM%EA%17%97%87%FD%C4%DD%90%23R%86%12t%89%86%DAE%20%81%AC%F9il%5C%09H%98%0C%04%E5%B9%A5G%24%FE%FF%84%A5%5D%90%B1%25%DE%7FU%96**%A9%A3%F6Zj%20%82%F8%1A*%82%08%3A%C6%EA%40%FB%D5I%A9%97%8B%F1w%14%5C%93%96TXZ%E4%C5%D6%EB%93%12%E9zP%17%82%00%CB%AD%B7%D9%22jT_%1D%11%94%D3i%97%0Ai%A9%7Fjq%E5%E1%60%84r%A8-%60d%94%EA%C5!%88t%DB%ED%B5%5EH4Xu%3E%B5%1Ak%A5%8Bmw%E6%9A5%CD%E6%106%12%E5%B6%94%AEE%11%16)C'V5%E9%8B%12%8A%3A%91%C3%0E%2B%0A%DFn%C7%26%A5%D1%0A%2C%AC%C0%91L%97y%96-%C7%2Co%CB%E1%98%7F%F5%A4Y%0C(%065%DB%CB%0D%B7%AC%F3%40%88%C2%06%96n%15%3F%8B%AD%A2%3B%17M%90%17%A5%5E%E6%11%C3%E2%8D%17%D1%AFFG-%90%A9%25%05L%A4Q%D7)%1A%88%D4R%07%D2%2F%87%EF%E9%D6%A7c%8A%F6%CA5%D7%89%22%25%10XmY%C6%E1%D9p%A3%04%DF%15%07%A9%9A3%DCpc%AB6%DE%7C%2F%08%04%1Bs%7D%07~Q%40%00%3B";
m[3] = "data:image/gif,GIF89aF%00%26%00%F7%00%00%FF%FF%FF%FF%FF%CC%FF%FF%99%FF%FFf%FF%FF3%FF%FF%00%FF%CC%FF%FF%CC%CC%FF%CC%99%FF%CCf%FF%CC3%FF%CC%00%FF%99%FF%FF%99%CC%FF%99%99%FF%99f%FF%993%FF%99%00%FFf%FF%FFf%CC%FFf%99%FFff%FFf3%FFf%00%FF3%FF%FF3%CC%FF3%99%FF3f%FF33%FF3%00%FF%00%FF%FF%00%CC%FF%00%99%FF%00f%FF%003%FF%00%00%CC%FF%FF%CC%FF%CC%CC%FF%99%CC%FFf%CC%FF3%CC%FF%00%CC%CC%FF%CC%CC%CC%CC%CC%99%CC%CCf%CC%CC3%CC%CC%00%CC%99%FF%CC%99%CC%CC%99%99%CC%99f%CC%993%CC%99%00%CCf%FF%CCf%CC%CCf%99%CCff%CCf3%CCf%00%CC3%FF%CC3%CC%CC3%99%CC3f%CC33%CC3%00%CC%00%FF%CC%00%CC%CC%00%99%CC%00f%CC%003%CC%00%00%99%FF%FF%99%FF%CC%99%FF%99%99%FFf%99%FF3%99%FF%00%99%CC%FF%99%CC%CC%99%CC%99%99%CCf%99%CC3%99%CC%00%99%99%FF%99%99%CC%99%99%99%99%99f%99%993%99%99%00%99f%FF%99f%CC%99f%99%99ff%99f3%99f%00%993%FF%993%CC%993%99%993f%9933%993%00%99%00%FF%99%00%CC%99%00%99%99%00f%99%003%99%00%00f%FF%FFf%FF%CCf%FF%99f%FFff%FF3f%FF%00f%CC%FFf%CC%CCf%CC%99f%CCff%CC3f%CC%00f%99%FFf%99%CCf%99%99f%99ff%993f%99%00ff%FFff%CCff%99fffff3ff%00f3%FFf3%CCf3%99f3ff33f3%00f%00%FFf%00%CCf%00%99f%00ff%003f%00%003%FF%FF3%FF%CC3%FF%993%FFf3%FF33%FF%003%CC%FF3%CC%CC3%CC%993%CCf3%CC33%CC%003%99%FF3%99%CC3%99%993%99f3%9933%99%003f%FF3f%CC3f%993ff3f33f%0033%FF33%CC33%9933f33333%003%00%FF3%00%CC3%00%993%00f3%0033%00%00%00%FF%FF%00%FF%CC%00%FF%99%00%FFf%00%FF3%00%FF%00%00%CC%FF%00%CC%CC%00%CC%99%00%CCf%00%CC3%00%CC%00%00%99%FF%00%99%CC%00%99%99%00%99f%00%993%00%99%00%00f%FF%00f%CC%00f%99%00ff%00f3%00f%00%003%FF%003%CC%003%99%003f%0033%003%00%00%00%FF%00%00%CC%00%00%99%00%00f%00%003%00%00%00%FF%FF%FF%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00!%F9%04%01%00%00%D8%00%2C%00%00%00%00F%00%26%00%00%08%FF%00%B1%09%1CH%B0%A0%C1%83%08%13*%5C%C8%B0%A1%C3%87%02w%7C%D9%B1%03%A2%C5%8B%0B%25%EE%C8%22q%A2G%8C%09w%D4%00i%B0%06E%8F%1D)j%AC%F1E%A0%8B%8B'U%CA%A48%D2%E2%CC%2F%13u%EC%D09Q%E3D%8C8M%F6%9C9%B3F%CD%90)uj%3C%19dG%99%A26%89J%9Dzt%60%C7%9E(%99%EET%BA%94%E2%C3%A1%5D%A7J%C5%E9%93%EC%C9%AC9%BD%E8(%A3%83%8C%CC%89U%91%AAl%CAU%ACP%948%87%E6%DDAc'%8D%2F4t%04.%E3%85%F0%17%B72%19%CAl%FAv%A9%C9%1A4%8Cf1J%F91%CB%CA%90ih%A6%01A%B3%17%2F%89%1E%85.%F3%C5%CB%DE%8Cs%1B%F3%DD%AC%D9%05%0D%D7%10%5C%BBf%CD%BA%B3%E6%D8%10Z%60%F12(Q%ABY%C0g%25R%EB%E5d%5C%82K%9FJ%24%ED%85%C6%0C%E7%AFg%CC%96MC%81l%17%D4%5D%B7%D8%BE%7D%C6n%DF%C1g%B1%FF%02%DE%CA%B0S%89!%3D6%FD%22x%86%FB%19%DD%E1s%97N%FFuk%17%F2%DF_%01%FD%FB%F7%B5Y%AD%C82%1Ey%CDq%D5%12Bz%E9P%DAg%5E%082%C8gXD%E8%05%16%DE%5DA%E1%7B%FA%ED%D6%20x%00v%D8%CA%7F%02%22%22%20%804%B4%D0WL%07%F9%D4T%19%2C%26%12%DE%2C%FF%91%D7%CA%8C2%D2%F8%9B%87%C1%DDx%CD5%E3!b%85%152%04r%E3%20-t%C6%13z%05%B1%24Q%10%13%91%11Z%8E1%92%17%5E%94%2FNy%23%8C%B3%20%12%88%15%2C%ACp%80%15%03%B6%82E%02%D5%9D%F8SA%1D5%15%84%82e%04'%8Bx%AC%8C%F7_%80%3B%C2%B8c%9D%FF%E5%19%DC%8E%ACl%C9%C2%01%5E%AE%10C%20%E4%0D%02%DFfwUD%D0%17%EB9uX%9B%E4%C9%D2%85%151%C8%F0%A3%15Wt%11H%20%9A%0A%E2%A9%20%88%84%0A%EA%A7W%CC%C0%02%02%2B%AC%C0B%0C%2B%C8%D0%C5%80%89%5C%FF!%5BgJ%22)P_%131%B6%13h%C0%ED(K%20%AC%1E%00%80%01*%A4%BAB%09%C6%1A%CB%C2%B2%CC%9E%9A*%B32%A4%0A%26%81-%5C%07%81%92gF%F4E%19L%96%01%04%7B4%F0%A7%A7%80%5CX%91j%00%80v%A9.%B3%AA%AA%DAl%97%CF%AE%F0j%A1%87%C2f%A6WV%3D%C5hL%CEa!%C8%95y%B2%A2%25%A5%81%26%1B%EF%B2%ED%26%9Cj%177%B6%92%08%7C%D7%B9%60%94G%07%E6K%91%9A%E0%3E%40%83%BFW%F6%3A%8B%80%AC%00%12-%A0%24%1B%9C%AC%01%2BXqH%94%86%9A%88%1Dg%91%C5T%B1%40%13)%A7%DCj%F89%E7%85%8Dv%C2)%8B%2C%ABlI0%C9%06%14%8D%B2%15%5C%AC2%A7%C3X%CC%F6Z%0D%0A%DCk%2B%CD%E7)%05%17m-x7H%7F%FE%F5%8C%A5x%88%1C%B2%E9%D8%87%B0%B2%E3%90%CF%BD%86%5D%D41%EBU%10%A3%FB%DE%BCZk%9B%B9%F7%1D%22%BEu%EC%F1%8BT%02%FF%E8E%DA%AE%19%15%19dXM%8D%0DN%A41F%1AM%99%BD%ACY~3%EC%C7%9B%20%89%80%A7%23%943%26Ba%B5%12%D7%D0%F9%89%E7id%D0S%2C%EA%A0%EB%D5%B49%8D%C5%E3Y%3Bw%85%0E30%88w%22%BD%3D%B8%BAw%9B%B9%105ef)%87%90%BEA%24%AE%2FMt%D3f%FCf%9F%E9%80%85%60%8F%1F%7F%DB%E0L%915%F3%DB%2C%02%B1%03%10%C5%0D%AFCf%AC9%CD%DANy%E5%95%FC%DC%B4%99t%16%C5%86%8F%BE-%B7Ad%7F%15%E3%91%0Dn%FE%FB%FA*%F8%FE%F6%22%5D%95%D7%8A'5%C4-%8B%DB%0A%9EF%98%14%BE%F7%85O%2FLr%8A%FD%0E%B8%17%9F%94EQ%0C%C1%89%00I%17%3C%09bEz%60%91Y%B7%E0%96%40%99%A9H%3D%D3%5B%08%00YD%9A%C5%25%CE%82%1D%24%CB%09%B9%95%2B%BC%2Cn%5B0%24%A0%A3%40%02%C0%04%B2%C8Q%A4%81%5B%0D%B7%E5(%02%B6%EF%3C%DF%EA%96r5(%26C%92%1C%AE%849%B4%A0%A3%3C%F2B%7D%C1%B0%840t%E1%13IcD%82%40q%7D9%CC%E2%13%A3%C8C-%22%EE%8A%25%AC%A2%18%C7H%C62%9A%91%20%01%01%00%3B";
m[4] = "data:image/gif,GIF89a%7D%00D%00%F7%00%00%FF%FF%FF%FF%FF%CC%FF%FF%99%FF%FFf%FF%FF3%FF%FF%00%FF%CC%FF%FF%CC%CC%FF%CC%99%FF%CCf%FF%CC3%FF%CC%00%FF%99%FF%FF%99%CC%FF%99%99%FF%99f%FF%993%FF%99%00%FFf%FF%FFf%CC%FFf%99%FFff%FFf3%FFf%00%FF3%FF%FF3%CC%FF3%99%FF3f%FF33%FF3%00%FF%00%FF%FF%00%CC%FF%00%99%FF%00f%FF%003%FF%00%00%CC%FF%FF%CC%FF%CC%CC%FF%99%CC%FFf%CC%FF3%CC%FF%00%CC%CC%FF%CC%CC%CC%CC%CC%99%CC%CCf%CC%CC3%CC%CC%00%CC%99%FF%CC%99%CC%CC%99%99%CC%99f%CC%993%CC%99%00%CCf%FF%CCf%CC%CCf%99%CCff%CCf3%CCf%00%CC3%FF%CC3%CC%CC3%99%CC3f%CC33%CC3%00%CC%00%FF%CC%00%CC%CC%00%99%CC%00f%CC%003%CC%00%00%99%FF%FF%99%FF%CC%99%FF%99%99%FFf%99%FF3%99%FF%00%99%CC%FF%99%CC%CC%99%CC%99%99%CCf%99%CC3%99%CC%00%99%99%FF%99%99%CC%99%99%99%99%99f%99%993%99%99%00%99f%FF%99f%CC%99f%99%99ff%99f3%99f%00%993%FF%993%CC%993%99%993f%9933%993%00%99%00%FF%99%00%CC%99%00%99%99%00f%99%003%99%00%00f%FF%FFf%FF%CCf%FF%99f%FFff%FF3f%FF%00f%CC%FFf%CC%CCf%CC%99f%CCff%CC3f%CC%00f%99%FFf%99%CCf%99%99f%99ff%993f%99%00ff%FFff%CCff%99fffff3ff%00f3%FFf3%CCf3%99f3ff33f3%00f%00%FFf%00%CCf%00%99f%00ff%003f%00%003%FF%FF3%FF%CC3%FF%993%FFf3%FF33%FF%003%CC%FF3%CC%CC3%CC%993%CCf3%CC33%CC%003%99%FF3%99%CC3%99%993%99f3%9933%99%003f%FF3f%CC3f%993ff3f33f%0033%FF33%CC33%9933f33333%003%00%FF3%00%CC3%00%993%00f3%0033%00%00%00%FF%FF%00%FF%CC%00%FF%99%00%FFf%00%FF3%00%FF%00%00%CC%FF%00%CC%CC%00%CC%99%00%CCf%00%CC3%00%CC%00%00%99%FF%00%99%CC%00%99%99%00%99f%00%993%00%99%00%00f%FF%00f%CC%00f%99%00ff%00f3%00f%00%003%FF%003%CC%003%99%003f%0033%003%00%00%00%FF%00%00%CC%00%00%99%00%00f%00%003%00%00%00%08%07%0A%FF%FF%FF%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00!%F9%04%01%00%00%D9%00%2C%00%00%00%00%7D%00D%00%00%08%FF%00%B3%09%1CH%B0%A0%C1%83%08%13*%5C%C8%B0%A1%C3%87%10%23J%9C%A8%10%91%20%8A%183jD%88%AD%A3G%8C%D8f!%0A%24(%D0%C6%93(%1Fz%F4%C8je%C4%90%ACHv%09%84%A8%8B%8C%2B)s%EAd%C5j%166%9E%40%5B%FEt%A9%B0cIV%82XY%0CDS%90M%9DP1%02%FD%09t%26%22%2B%AC%AC%04%9A%25t%A5%D7%8E%3CG%02M%3A%92i%A0%9BZ%A3%AAmH%B3%25%D0%9AW%BA%94%BC%82%08h%AB%AF%2B%A1%BD%A5Y7%26%AB.%5C%AE%04%EAb%E5%CA%8A%96k%13%1BD%1AH)%2BY%81%04%CF%1C%5CW%ECP%AA%5E%B9ZA%C4%B91O%B3L%09%5B%19%CD%02%A9%E2%D3%5C%2B%9B%AAK%93%B4%C5%BE%81.%FBe%A9%14%D1%15%AD%8E%1D%8F%9C%89%F4f%A0%03%81d%9DN%CC3%E9gAsY%C8%D8%CCSsX%A7W%DC%167%DB%A5%0B%D5V%7Be4%1E%D9%EA%D0%8A.%AC%86G%FF%A5%FA%19%E9*%C2%93I%02%05me2%CF%2B%87%94v%C1%3Es%16W%B7%7D%E3n%E6%CEj%C5h%2B%E2%A5%E4%93E%90Y%F1%13S%D1UWU%20%2B%C8%B0%DC%15Nu%01%1BI%DB%05%12%9F%2C%3Ca%83%DD!N%9DE%D7%60%B3%9C%A5%95I%01j%14%08v~E%F7%D9%60Lu%D8%05%0B%2C%14%06%E1dI5%C6%14g1mF%9E%2C%3F%D5(!e%8D9%D5%1ES%25f%D4%15%2B%F1%85%88H%2B%84%F1U%D7LPV%B7%99%5CJq%15%88%15%AB%60e%19O%D8a%13_L4%85%C6Y%84%12%86W%A4DBq)%9DRm5%26K%2Buy%81%D4%93%23!%12%226%23mFWL%82%1C%D2%1D6%AB%24u_a%B6%95IXVX%5Dt%26D%82t%D4%25%97!%96%D4%CA%9B%3D%B5%84!%9E%911%D6%97%20y%96%16Zc%D8%04%19%93U%ACp1%18nC%96%C4)%89%8B6%24%DDO%5C%ED%FF%C8%D5%7D%3Eu%94%DAv%E5%81wj%90%80%D8%15%DBgV%60%17%26S%22%D9X%96m%AD2%E4S%86%D8%40%03VK%B3D%13T%5Dw%A18%95O5%8A%E5Ty%5B%95%F7%D9!%B32%05Yq%87%0C%16%D3!%C9.%E4%91%B3%2B%5D%E3%91O%B5z%84aP%97%B5%16%8DXm!%97%5BX%ACX%AB%A1%0C%DE%9E%1B%5D%2B%E9%26%B4%D2%5Dx1%BB%92%9A%9E%09%D5V%A5p%B6%12bl%3F%F5%25%14%8FT%CD%1B%14S%60%9AY%B0A%97%E1%D5%915%5E%DD%C5oO(%F6%E5%95tu%D5%AA%94Gw%C5J%DE%AFL%FD%84%95%0C%1F%17%24%F2%C2%5D%B1%84%C8%81%3F%F1%E8%D8%C2Ce8%DB%B3HC%FBlK%9E%85%8A%8D%A29%0B%B43%D1%2C%85Z%9C%5B%0B%C7%8B%17%BCU%83%F5S%97%5EoL%15%22QK%3D%F5%D4%40al%EB%D4%F1%F6%EC56%D7%B8%8D%F0%B3%06%22ye%D9g%EF%3CU%DEo%F7%FF%EC%F6W%0A%87D%95%15%5C%25%88w%B3%7C%7B%25%8B%B3j%0B%EE6%B3%D6%80%9D8%E0%D7xfc%179%AF%3D%F9J%F1%BA%1CT%BF%D3!%15T4%9B%87%1C%C8*%D7%D4%C9j%BA%D8X%F3j%D1o%EBM%9ERP3D%E5%DF%1A%86%CC%12S%C2vXp%D8%7D%DD%D7%93%C8%8FW%B6%BAD%C4%B3%E2n%9A%19%DA%06%E6%EF%605%8C%D4%9B%D0%C8%2C%B8l%E4a%B7%D1W%91%E3%9E!M%12b%9E%2CL%A2%FF%1C%13%D5%09k%D8%1C%D9%DBk%1Dw%E3%1D%AD%B2WL)%89%5CT%B31i%CB%EC%DC0%3D%1B%EB%F0%1E%DB%C8%E3%10%C6%3C%87%FD%0A%40%02%5C%91%15JR%8A%A1%1C%C4Q%AA%9B%09%9E%FC%B6%2C%D0qE%10o%A2JN%BA%129%92%BD%8Eb%91%11%09%02%8D%C4%8A%DB%C0h%050%BAI%9A%08%02%16%C8%7C%EA3%8F%BA%60%E4%2C4%96%C7(E'4%91%97%C9jX7k%60%A5T%1A%09%D5%15%FFX%60%98%18-%07%85%CC%E9%88%40HF%15%16Q%A8*%1B%EB%8B%14%FF%F2%19%9D%5Ca%0F-%B9%06%BBx%F2%A3%C1%C4%AD%15%9E%89%8ET%BAp%05%ED%D8%A4.0%B9%92%7F%12v%25%0CJ%86M%06j%CB%88l%E4%18%BA%20%C2%0BPi%CF%0E%81R%18%B3Ljc%1C%22%08N%1C%E2%C4%40%94%263Y9%CC%A5%C0R%92%0A%99%0AL%D1)%8D%20%B80%AA%BF%D4%A92%EC%CB%C9%15%04%23%B4%E6%5CI0%99%BAN%20L%D1%14%B9%C8%A0A%0Ep%80B86%13%ED%E0%052%CB%E9%5B%FE%20%19%1B%A6h%05%2B%91%81%D2R%BC0%A6%99%40E%3B%D4bZRF%03%25%B7%CC%EBKWZ%8E%84jb%8AR%D0%E1%20%D4%3A%0B%C5F%C6%B9%FE%FC%8A%25%82%B9%0A%22%00%D1%C8%C1%04%06Qq%D9%96U%9ET%BB%93%94Q%10*%FA%92Vf%B1%9C%DD%F4%2B%7B%B6%A1%8B%2Cj5%8By%96%A2%14%05%C1%90f%0Ct%FF%BD%8ETo(%5DX%C1%CA%AC%10%9F%E8%5C!KW%BA%12V%CA%A8%15Dp%01%3A1I%84%5Ctb%85%E5%0C%86I%5B%11%04p%04%B1%9C%ACXhm%95%CC%5DK%AC%F1%B3%BB%88O%20%18%C2%8E%0C%1A%A5%B5%AF0%E8meaR%FEly%15%AD%04%B4%90%B7%B1%8DEN%8A%92%DB%ACT%2B%5CX%20%2BX%00%9C%17%BD%E7Dc%03O%D0%B0%B1H%96%00b%20%F5%0C%0EV%CE%167%81%D6%CB%8E%B5%DC%0C%83%B2%B2%1Cb%22%E8SV9%DEF%D0B%C6%C8%5C%89CVX%C1%95%AC%C31h%0Cs%9A%D5%5C%09%3E%05R%B8%AC%F0m%A8%3DS!%C7~%D8G%2B%00%60%93%FE%B9%CD%A9%E2%22%97%9A%E8%C4%88%01%CDSN%FB%A3%95%C3%B0%A2%14%3DiL%B0B%E2%13%02%F6s%AE%D9%B0%D2%F9b%E7%95%AA%1EI%AD%B5I%A85%09%A3V%06%8D%86)2%60%C1'%5B%A4%13%07%8D%C6%A2%CB%E9%E8onS7%60%FF%11%CE%9FS%83%C6%1CPj%C3%D8%B0KdU%05%156%00Q%1A%3E%C5%A712%20%8C%0C%02P%AE%D3%AAQ%3B%84%1D%0CE%97C%C4%8AZA9P%88NG%0F%13%BD%E5t%C9exq%A6%40%9A%F3%97%D6%FD%F6%2B%9E%F5%08%19Sg%96%9F%A0%C70A%8DQI%96s%00%16%B4%12%3C%23%ECi%0A%AF%CB%02%FF%7CG%ADe%CC%91tb%D4%B5%CB%B0%8B%2B%9E%18H40%A4%15%BC0%91GWy%E7c9%F6%97%2B%C4M2%BF%D9%C3)Gu%C2%EF%5CwJ9!mj%2B%BA%82%03%20%11-%7D%94%A0%97%AE%CB%C1%AF%AD%CB'%81x%A6%D4%F4%82%08(%F4%A4%9E%A4s%E9T%B1qK%BE%06%22n%C9%E5%E8iK3%9A%154%A8%A2%0E%9AhN%22%93%DA%06%9D%D2%C8h%89%D1%7Frh3%B5%9Em%9E%AB%9B'6%A21%9A%0C%9E%B7%235%3E%04X%0E%A3VD%94%2B6%9Bd%8A%7D%0D%A3%DD%0F%17%11%FF%3D%99D%C9%AAP%08%E5%FE%06%A00%FE%89%ED%8E%11%A5%DA%AE%D4%EA%C0%82x*Ad%81%B1%EF%AC%CC-%FE%11%8A%15J%D1%A4%12%D6%25%A7%85%1Db%17%00q%CA%B4%B6%E7%C8%ED)%E7F%C0%17%97%12%C3(%06%25%00%40%91U%FBa%B7%90%F8%C8%A3%D4%D8%96Y!h%82%94%82%2B%60%2C%ADYT%94V%9E%B8%90A%A6%3A%D4L%3A%C4%13%8B%1A%E6%3FW%80%822U%2BV%8D%24(2%264%F1%0A%02%00%1C%E5%1012%C1%AA%9C%15%94%8D%C4%40%40A%A9%239%C8%1C%A0%81%B1%B4J%B9%CF%0EjL%88%F6%80%08%0F%03%AC%26%ED%D1%8EH%08%13I%FF%C4%E8%0A1%60%C1U%92%0B%15%F0%08I%B9Ff6%12%A1p%80%05%9A%0B%26%2FZ%01%02%8C%CC%82%18%3C%06%11XD%C8*%B0%09%A3lva%0F%C3%BA%E5%0An%03%9E%AC%A4y%24B%BEJ%BF%3F%CC%82%00%C4%96%A7)%91%C1%98%AE%7B%93%18%99%18%00P%FFF!%17%60%04%AA%1Fg%85%DD%9E%E1%14f%0D%B2%0A%0F%82E%06%07%D0NE%AB%2B%A3%DB%08%26A%7D%14%8Cj%85%EE%9F%D7%1A9%CF%2C%D04J%F2WF%0F%1F%DD%C4%01%20%F8%A9%86t%A4%E7%04%C2%0B3%7F%60%3FCE%D4%12%7B%1A%D3%B1u%F7%26M%A8%D6%EB%AE%60%BEL%91%3A%BD%D5%F2%24%3C%131F%F9%5E%F6%D1W%B0%87%87c%91%94%9BLnu%C8%E0%90W%9Ae41H-QML%F8%237%F9%DD%CCYJ%7F%89%99%16%B5t!Dr%E9%02%B5%01%FB%F4%A3%3F%81%E0f%2F%AA%1E%12%FC%10%AD%D5J%CB%F7%91%C5%988C%FA%C1%10f%24%BC%ACLPY%84%D5%C4%CC%C7%92%16%99%B6%89%8B%1C%F5e%1F%20%EA%B5%EF%AF%1E%F6%00%12%DC%A2%17%2F%EEr%D7%1EoM%CC%DD%40%175e!%09%5C%FAkbP%C7%C0%C4)%9C%C1rPR%3A%DA%3C%BC%AC%3Eo%13a%922%9C%9F%1C%22%3D%8E%00%D3%8FL%04%EB%9F%C1%E8%3D%EBA%9C%5C%25%D9%F40F%16%E61%01%E2%0A)m%03q%9A%EC!%BA%B6%8CA%B1O%B29%3E%FDG%FC9%C2%22J%24%1E%15S%134%91%5CW%B0%7B%A3%A1%07%25%928%81%40n%06XV%DD%C4%25gb%23%F8Wd%F9%D5%80%22C%3A%2B%B2%1E-c%11%3D%D1*HR%1D%3E%A7%1C%87%D3.-T%25%EB%C1%23e%D3%82%3A%F3%15%12%03)%1Dq%0D.X%83%2CD5%3Dc%83%3Ax%83%05%86%0D%3B%F8%83%1C%01%84'%11%10%00%3B";
var current_img;
function keyListener(e){
if(e.keyCode==37){
//keyCode 37 is left arrow
current_img.width -= 1;
}
if(e.keyCode==39){
//keyCode 39 is right arrow
current_img.width += 1;
}
}
for(var i=0; i<5; i++){
var l = document.createElement('img');
l.src = m[i];
l.style.position = "absolute";
l.style.zIndex = (100 + i);
document.body.insertBefore(l, document.body.firstChild);
initDrag(l, null, null, null, null, 0, 800, 0, 800);
l.style.top = ((i*50) + "px");
addListeners(l);
}
function addListeners(l){
l.addEventListener("mouseover", function() {mouseOverFunc(l);}, false);
l.addEventListener("mouseout", function() {mouseOutFunc();}, false);
}
function mouseOutFunc(){
document.removeEventListener("keydown", keyListener, false);
}
function mouseOverFunc(l){
current_img = l;
document.addEventListener("keydown", keyListener, false);
}
/**************************************************
* dom-drag.js
* 09.25.2001
* www.youngpup.net
**************************************************
* 2001-10-28 - fixed minor bug where events
* sometimes fired off the handle, not the root.
*
* 2005-04-29 Jesse Ruderman - mangled so it probably
* only works for reordering lists; made it keep
* hold of the item better when onDrag moves
* the element within the DOM or when the user
* scrolls.
*
* 2005-12-01 Jesse Ruderman - modified it to use
* addEventListener (and preventDefault) so it can
* work with Greasemonkey 0.6.3 (XPCNativeWrappers).
*
* 2005-12-01 Jesse Ruderman - tore it up so that
* it's less object-oriented and more closure-y,
* so I can hook in onDrag as needed even with
* XPCNativeWrappers.
**************************************************/
function initDrag (o, onDragStart, onDragEnd, onDrag, root, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
{
onDragStart = onDragStart ? onDragStart : (function() { });
onDragEnd = onDragEnd ? onDragEnd : (function() { });
onDrag = onDrag ? onDrag : (function() { });
o.addEventListener("mousedown", start, false);
var hmode = bSwapHorzRef ? false : true ;
var vmode = bSwapVertRef ? false : true ;
// Can't do this with XPCNativeWrappers!
// For this Greasemonkey script, o.root == o, so use that.
// o.root = root && root != null ? root : o ;
// If I needed this feature, I'd use closures or something.
root = root ? root : o;
if (hmode && isNaN(parseInt(root.style.left ))) root.style.left = "0px";
if (vmode && isNaN(parseInt(root.style.top ))) root.style.top = "0px";
if (!hmode && isNaN(parseInt(root.style.right ))) root.style.right = "0px";
if (!vmode && isNaN(parseInt(root.style.bottom))) root.style.bottom = "0px";
var xMapper = fXMapper ? fXMapper : null;
var yMapper = fYMapper ? fYMapper : null;
var grabX;
var grabY;
var minMouseX;
var maxMouseX;
var minMouseY;
var maxMouseY;
function start (e)
{
e = fixE(e);
var y = parseInt(vmode ? root.style.top : root.style.bottom);
var x = parseInt(hmode ? root.style.left : root.style.right );
onDragStart(x, y);
grabX = e.pageX - x;
grabY = e.pageY - y;
if (hmode) {
if (minX != null) minMouseX = e.clientX - x + minX;
if (maxX != null) maxMouseX = minMouseX + maxX - minX;
} else {
if (minX != null) maxMouseX = -minX + e.clientX + x;
if (maxX != null) minMouseX = -maxX + e.clientX + x;
}
if (vmode) {
if (minY != null) minMouseY = e.clientY - y + minY;
if (maxY != null) maxMouseY = minMouseY + maxY - minY;
} else {
if (minY != null) maxMouseY = -minY + e.clientY + y;
if (maxY != null) minMouseY = -maxY + e.clientY + y;
}
document.addEventListener("mousemove", drag, false);
document.addEventListener("mouseup", end, false);
e.preventDefault();
return false;
}
function drag (e)
{
e = fixE(e);
var ey = e.pageY;
var ex = e.pageX;
var y = parseInt(vmode ? root.style.top : root.style.bottom);
var x = parseInt(hmode ? root.style.left : root.style.right );
var nx, ny;
if (minX != null) ex = hmode ? Math.max(ex, minMouseX) : Math.min(ex, maxMouseX);
if (maxX != null) ex = hmode ? Math.min(ex, maxMouseX) : Math.max(ex, minMouseX);
if (minY != null) ey = vmode ? Math.max(ey, minMouseY) : Math.min(ey, maxMouseY);
if (maxY != null) ey = vmode ? Math.min(ey, maxMouseY) : Math.max(ey, minMouseY);
// Goal: keep (topleft - grab) constant
// To know where to place it, we need to know its natural position.
var errorY;
do {
nx = -grabX + ex //((ex - o.lastMouseX) * (hmode ? 1 : -1));
ny = -grabY + ey //((ey - o.lastMouseY) * (vmode ? 1 : -1));
if (xMapper) nx = o.xMapper(y)
else if (yMapper) ny = o.yMapper(x)
root.style[hmode ? "left" : "right"] = nx + "px";
root.style[vmode ? "top" : "bottom"] = ny + "px";
// Remember where it is so we can tell whether the onDrag function caused it to move.
oldOffsetTop = o.offsetTop;
onDrag(nx, ny, root);
// onDrag may have modified the DOM. Catch up. (Idea from toolman / tim taylor)
errorY = o.offsetTop - oldOffsetTop;
grabY += errorY;
} while(errorY);
e.preventDefault();
return false;
}
function end (e)
{
document.removeEventListener("mousemove", drag, false);
document.removeEventListener("mouseup", end, false);
onDragEnd( parseInt(root.style[hmode ? "left" : "right"]),
parseInt(root.style[vmode ? "top" : "bottom"]),
root);
}
};
function fixE (e)
{
if (typeof e == 'undefined') e = window.event;
if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
return e;
}
