i tried to upload my program for my web site, so i enabled javascript mode on processing and exported my program.

but when i open the index file ony a blanc screen comes up...

i also added the images folder to my web export folder , thinking the images were the problem....

here's a link so you can accses my code.

http://www.openprocessing.org/sketch/93465

please take a look , i really need this on my web page.

i'm trying to make these buttons wich turn red when ever the mouse goes over them.

i wanted it to be possible to make as much buttons as needed , so i decided to try it whit a class and objects.

i did succeed in the making of the buttons but my colour code gets inverted.

i don't know what i did wrong, the recognision of the presence of the mouse in each rect is verry important for the future of this project.

I would be so verry gratefull if you could help me out,

here is my code:

2. Boutton B1 = new Boutton (5,5);
3. Boutton B2 = new Boutton (5,60);
4. boolean INSIDE;
5. void setup(){
6.   int L = displayWidth-((displayWidth/100)*10);
7.   int l = displayHeight-((displayHeight/100)*10);
8.   size (L,l);
9.   background (0);
10. }
11. void draw(){
12.   B1.affi();
13.   B1.ext();
14.   B2.affi();
15.   B2.ext();
16. }
17. class Boutton {
18.   float ypos,xpos;
19.   Boutton (float x , float y){
20.     
21.     ypos = y;
22.     xpos = x;
23.   }
24.   
25.   void affi(){
26.     
27.     if (INSIDE == true) fill (255,0,0);
28.     else fill(255);
29.     rectMode(CORNER);
30.     
31.     if( mouseX > xpos && mouseX < xpos+200 && mouseY > ypos && mouseY < ypos + 50 ){
32.       INSIDE = true;
33.    }
34.   else{
35.     INSIDE = false;
36. 
    
37.     
38.   }
39. }
40. void ext(){
41.     rect ( xpos ,ypos ,200,50);
42.   }
43. }

 i have this lag when ever i get over 5 mouseclicks or a bit more, i don't know what to do about it, could someone have a quick look at this and tell me what i did wrong?

I would be so verry gratefull.

here is the link to my programm.

https://mega.co.nz/#!1Z9y1AJZ!MdGF7G-Hw67NdA41up0juBMyOFBHyCEBy1hhy8mJm3M