// (c) 2010 Jared Bendis - OK so its Javascript but what are you really doing looking in here?
// Go ahead and look but don't touch - just because you can read this doesn't mean you should steal it :)	

var imageLoc="http://www.virtualmenorah.com/images/"; 
	var widthOffset=0;
	var heightOffset=0;
	var scaleFactor=1;
	var designHeight=735;
	var designWidth=500;
	var c1off=0;
	var c2off=0;
	var c3off=0;
	var c4off=0;
	var c5off=0;
	var c6off=0;
	var c7off=0;
	var c8off=0;
	var c0off=0;
	var f0=14;
	var f1=14;
	var f2=14;
	var f3=14;
	var f4=14;
	var f5=14;
	var f6=14;
	var f7=14;
	var f8=14;
	var mode=0;
	var tx1=0;
	var ty1=0;
	var night=0;
	var type=0;
	var nightoff=0;
	var noff=-2000;
	var coff=0;
	var canim;
	var fanim;
	var start=0;
	var cutoff=235;
	
	function preventBehavior(e){  
		e.preventDefault();
	}
	
	function checkOrientation() {
			setOffsetVars();
			scaleImages();
			drawImages(); 
	};

	function xxx(xvar) {
		xvar=widthOffset+xvar*scaleFactor;
		return xvar;
	}
	
	function yyy(yvar) {
		yvar=heightOffset+yvar*scaleFactor;
		return yvar;
	}
	
	function sss(svar) {
		svar=svar*scaleFactor;
		return svar;
	}
	
	 function loadImages() {
		//document.getElementById('background').setAttribute('src',imageLoc+"bg.png");
		document.getElementById('menorah').setAttribute('src',imageLoc+"menorah2.png");
		document.getElementById('night').setAttribute('src',imageLoc+"night.png");		
		document.getElementById('candles').setAttribute('src',imageLoc+"candles.png");		
	 }
	 
	 function loadFlames() {
		 if (f0<13) {
			 if (c0off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f0').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f0++;
				if (f0>13) {f0=13;}
				document.getElementById('f0').setAttribute('src',imageLoc+"aa"+f0+".png");
			 }
		 }
		 
		 if (f1<13) {
			 if (c1off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f1').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f1++;
				if (f1>13) {f1=13;}
				document.getElementById('f1').setAttribute('src',imageLoc+"aa"+f1+".png");
			 }
		 }
		 if (f2<13) {
			 if (c2off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f2').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f2++;
				if (f2>13) {f2=13;}
				document.getElementById('f2').setAttribute('src',imageLoc+"aa"+f2+".png");
			 }
		 }
		 
		 if (f3<13) {
			 if (c3off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f3').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f3++;
				if (f3>13) {f3=13;}
				document.getElementById('f3').setAttribute('src',imageLoc+"aa"+f3+".png");
			 }
		 }
		 if (f4<13) {
			 if (c4off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f4').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f4++;
				if (f4>13) {f4=13;}
				document.getElementById('f4').setAttribute('src',imageLoc+"aa"+f4+".png");
			 }
		 }
		 if (f5<13) {
			 if (c5off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f5').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f5++;
				if (f5>13) {f5=13;}
				document.getElementById('f5').setAttribute('src',imageLoc+"aa"+f5+".png");
			 }
		 }
		 if (f6<13) {
			 if (c6off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f6').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f6++;
				if (f6>13) {f6=13;}
				document.getElementById('f6').setAttribute('src',imageLoc+"aa"+f6+".png");
			 }
		 }
		 if (f7<13) {
			 if (c7off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f7').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f7++;
				if (f7>13) {f7=13;}
				document.getElementById('f7').setAttribute('src',imageLoc+"aa"+f7+".png");
			 }
		 }
		 if (f8<13) {
			 if (c8off<cutoff) {
				FireNo=Math.floor(Math.random()*7)+1;
				document.getElementById('f8').setAttribute('src',imageLoc+"aa"+FireNo+".png");
			 } 
			 else {
				f8++;
				if (f8>13) {f8=13;}
				document.getElementById('f8').setAttribute('src',imageLoc+"aa"+f8+".png");
			 }
		 }
	 }
	
	function scaleImages() {
		document.getElementById('menorah').setAttribute('width',sss(476));
		document.getElementById('menorah').setAttribute('height',sss(389));
	
		document.getElementById('night').setAttribute('width',sss(500));
		document.getElementById('night').setAttribute('height',sss(717));

		document.getElementById('candles').setAttribute('width',sss(500));
		document.getElementById('candles').setAttribute('height',sss(717));
		
		document.getElementById('f0').setAttribute('width',sss(44));
		document.getElementById('f0').setAttribute('height',sss(67));

		document.getElementById('f1').setAttribute('width',sss(44));
		document.getElementById('f1').setAttribute('height',sss(67));
	
		document.getElementById('f2').setAttribute('width',sss(44));
		document.getElementById('f2').setAttribute('height',sss(67));
		
		document.getElementById('f3').setAttribute('width',sss(44));
		document.getElementById('f3').setAttribute('height',sss(67));
	
		document.getElementById('f4').setAttribute('width',sss(44));
		document.getElementById('f4').setAttribute('height',sss(67));
	
		document.getElementById('f5').setAttribute('width',sss(44));
		document.getElementById('f5').setAttribute('height',sss(67));
	
		document.getElementById('f6').setAttribute('width',sss(44));
		document.getElementById('f6').setAttribute('height',sss(67));
	
		document.getElementById('f7').setAttribute('width',sss(44));
		document.getElementById('f7').setAttribute('height',sss(67));
	
		document.getElementById('f8').setAttribute('width',sss(44));
		document.getElementById('f8').setAttribute('height',sss(67));
	
		document.getElementById('f0').setAttribute('width',sss(44));
		document.getElementById('f0').setAttribute('height',sss(67));
	
		document.getElementById('c0').setAttribute('width',sss(30));
		document.getElementById('c0').setAttribute('height',sss(226));
	
		document.getElementById('c1').setAttribute('width',sss(30));
		document.getElementById('c1').setAttribute('height',sss(226));
	
		document.getElementById('c2').setAttribute('width',sss(30));
		document.getElementById('c2').setAttribute('height',sss(226));
	
		document.getElementById('c3').setAttribute('width',sss(30));
		document.getElementById('c3').setAttribute('height',sss(226));
	
		document.getElementById('c4').setAttribute('width',sss(30));
		document.getElementById('c4').setAttribute('height',sss(226));
	
		document.getElementById('c5').setAttribute('width',sss(30));
		document.getElementById('c5').setAttribute('height',sss(226));
	
		document.getElementById('c6').setAttribute('width',sss(30));
		document.getElementById('c6').setAttribute('height',sss(226));
	
		document.getElementById('c7').setAttribute('width',sss(30));
		document.getElementById('c7').setAttribute('height',sss(226));
	
		document.getElementById('c8').setAttribute('width',sss(30));
		document.getElementById('c8').setAttribute('height',sss(226));
		
		document.getElementById('back').setAttribute('width',sss(500));
		document.getElementById('back').setAttribute('height',sss(274));
	}

	function drawImages() {
		document.getElementById('menorah').setAttribute('style',"position: absolute; left:"+xxx(12)+"px; top:"+yyy(317)+"px;");                
		document.getElementById('night').setAttribute('style',"position: absolute; left:"+xxx(0+noff)+"px; top:"+yyy(0+noff)+"px;");                
		document.getElementById('candles').setAttribute('style',"position: absolute; left:"+xxx(0+coff)+"px; top:"+yyy(0+coff)+"px;");                
		document.getElementById('back').setAttribute('style',"position: absolute; left:"+xxx(0)+"px; top:"+yyy(336)+"px;");                
		
		document.getElementById('c0').setAttribute('style',"position: absolute; left:"+xxx(239)+"px; top:"+yyy(91+c0off)+"px;");
		document.getElementById('c8').setAttribute('style',"position: absolute; left:"+xxx(25)+"px; top:"+yyy(110+c1off)+"px;");                
		document.getElementById('c7').setAttribute('style',"position: absolute; left:"+xxx(80)+"px; top:"+yyy(110+c2off)+"px;");                
		document.getElementById('c6').setAttribute('style',"position: absolute; left:"+xxx(136)+"px; top:"+yyy(110+c3off)+"px;");                
		document.getElementById('c5').setAttribute('style',"position: absolute; left:"+xxx(189)+"px; top:"+yyy(110+c4off)+"px;");                
		document.getElementById('c4').setAttribute('style',"position: absolute; left:"+xxx(289)+"px; top:"+yyy(110+c5off)+"px;");                
		document.getElementById('c3').setAttribute('style',"position: absolute; left:"+xxx(343)+"px; top:"+yyy(110+c6off)+"px;");                
		document.getElementById('c2').setAttribute('style',"position: absolute; left:"+xxx(396)+"px; top:"+yyy(110+c7off)+"px;");                
		document.getElementById('c1').setAttribute('style',"position: absolute; left:"+xxx(447)+"px; top:"+yyy(110+c8off)+"px;");                
		   
		document.getElementById('f0').setAttribute('style',"position: absolute; left:"+xxx(231)+"px; top:"+yyy(25+c0off)+"px;");                
		document.getElementById('f8').setAttribute('style',"position: absolute; left:"+xxx(18)+"px; top:"+yyy(45+c1off)+"px;");                
		document.getElementById('f7').setAttribute('style',"position: absolute; left:"+xxx(72)+"px; top:"+yyy(45+c2off)+"px;");                
		document.getElementById('f6').setAttribute('style',"position: absolute; left:"+xxx(127)+"px; top:"+yyy(45+c3off)+"px;");                
		document.getElementById('f5').setAttribute('style',"position: absolute; left:"+xxx(181)+"px; top:"+yyy(45+c4off)+"px;");                
		document.getElementById('f4').setAttribute('style',"position: absolute; left:"+xxx(282)+"px; top:"+yyy(45+c5off)+"px;");                
		document.getElementById('f3').setAttribute('style',"position: absolute; left:"+xxx(336)+"px; top:"+yyy(45+c6off)+"px;");                
		document.getElementById('f2').setAttribute('style',"position: absolute; left:"+xxx(389)+"px; top:"+yyy(45+c7off)+"px;");                
		document.getElementById('f1').setAttribute('style',"position: absolute; left:"+xxx(440)+"px; top:"+yyy(45+c8off)+"px;");   
	}
	
	
	function setOffsetVars(){
		rH=window.innerHeight;
		rW=window.innerWidth;

		heightOffset=0;
		widthOffset=0;
		
		ratioHeight=rH/designHeight;
		ratioWidth=rW/designWidth;
		
		if (ratioHeight<=ratioWidth) {
			scaleFactor=ratioHeight;
			widthOffset= (rW-(designWidth*scaleFactor))/2;
		} else {
			scaleFactor=ratioWidth;
			heightOffset= (rH-(designHeight*scaleFactor));
		}
		
		document.getElementById('background').setAttribute('width',rW);
		document.getElementById('background').setAttribute('height',rH);
		document.getElementById('background').setAttribute('style',"position: absolute; left:0px; top:0px;");                

	}
	
	function setup() {
		canim=setInterval('loadFlames();',250);
		nightoff=1000*(8-night);	
					
		setTimeout("document.getElementById('c0').setAttribute('src',imageLoc+'candle2.png');",200);
		setTimeout("f0=7;",400);
		
		setTimeout("document.getElementById('c1').setAttribute('src',imageLoc+'candle2.png');",1000);
		setTimeout("f1=7;",9000-nightoff);
				
		if (night>1) {
			setTimeout("document.getElementById('c2').setAttribute('src',imageLoc+'candle2.png');",1500);
			setTimeout("f2=7;",8500-nightoff);
		}
		if (night>2) {
			setTimeout("document.getElementById('c3').setAttribute('src',imageLoc+'candle2.png');",2000);
			setTimeout("f3=7;",8000-nightoff);
		}
		if (night>3) {
			setTimeout("document.getElementById('c4').setAttribute('src',imageLoc+'candle2.png');",2500);
			setTimeout("f4=7;",7500-nightoff);
		}
		if (night>4) {
			setTimeout("document.getElementById('c5').setAttribute('src',imageLoc+'candle2.png');",3000);
			setTimeout("f5=7;",7000-nightoff);
		}
		if (night>5) {
			setTimeout("document.getElementById('c6').setAttribute('src',imageLoc+'candle2.png');",3500);
			setTimeout("f6=7;",6500-nightoff);
		}
		if (night>6) {
			setTimeout("document.getElementById('c7').setAttribute('src',imageLoc+'candle2.png');",4000);
			setTimeout("f7=7;",6000-nightoff);
		}
		if (night>7) {
			setTimeout("document.getElementById('c8').setAttribute('src',imageLoc+'candle2.png');",4500);
			setTimeout("f8=7;",5500-nightoff);
		}
		
		if (type==2) {setTimeout("canim=setInterval('moveCandles();',5000);",10000-nightoff);}
		if (type==3) {setTimeout("canim=setInterval('moveCandles();',400);",10000-nightoff);}
				
	}
	
	function moveCandles() {
		if (c0off<cutoff) {
			c0off=c0off+Math.random();
		}
		if (c1off<cutoff) {
			c1off=c1off+Math.random();
		}
		if (c2off<cutoff) {
			c2off=c2off+Math.random();
		}
		if (c3off<cutoff) {
			c3off=c3off+Math.random();
		}
		if (c4off<cutoff) {
			c4off=c4off+Math.random();
		}
		if (c5off<cutoff) {
			c5off=c5off+Math.random();
		}
		if (c6off<cutoff) {
			c6off=c6off+Math.random();
		}
		if (c7off<cutoff) {
			c7off=c7off+Math.random();
		}
		if (c8off<cutoff) {
			c8off=c8off+Math.random();
		}

		drawImages();
	}
		
 	function UpdateInfo (event) {
            if ('pageX' in event) { // all browsers except IE before version 9
                var pageX = event.pageX;
                var pageY = event.pageY;
            }
            else {  // IE before version 9
                var pageX = event.clientX + document.documentElement.scrollLeft;
                var pageY = event.clientY + document.documentElement.scrollTop;
            }

			tx1=event.clientX;
			ty1=event.clientY;

			switch (mode) {
					case 0:
						if ((tx1>xxx(61)) && (ty1>yyy(155)) && (tx1<xxx(61+374)) && (ty1<yyy(155+93)) ) {
							type=1;
							mode=1;
							coff=-2000;	
							noff=0;
							drawImages();
						}
						if ((tx1>xxx(61)) && (ty1>yyy(319)) && (tx1<xxx(61+374)) && (ty1<yyy(319+93)) ) {
							type=2;
							mode=1;
							coff=-2000;
							noff=0;	
							drawImages();
						}
						if ((tx1>xxx(61)) && (ty1>yyy(483)) && (tx1<xxx(61+374)) && (ty1<yyy(483+93)) ) {
							type=3;
							mode=1;
							coff=-2000;	
							noff=0;
							drawImages();
						}
					
					break;
                    case 1: 
					   	if ((tx1>xxx(74)) && (ty1>yyy(118)) && (tx1<xxx(74+120)) && (ty1<yyy(118+120)) ) {
							night=1;
							start=1;
						}
						if ((tx1>xxx(307)) && (ty1>yyy(118)) && (tx1<xxx(307+120)) && (ty1<yyy(118+120)) ) {
							night=2;
							start=1;
						}
						if ((tx1>xxx(74)) && (ty1>yyy(270)) && (tx1<xxx(74+120)) && (ty1<yyy(270+120)) ) {
							night=3;
							start=1;
						}
						if ((tx1>xxx(307)) && (ty1>yyy(270)) && (tx1<xxx(307+120)) && (ty1<yyy(270+120)) ) {
							night=4;
							start=1;
						}
						if ((tx1>xxx(74)) && (ty1>yyy(421)) && (tx1<xxx(74+120)) && (ty1<yyy(421+120)) ) {
							night=5;
							start=1;
						}	
						if ((tx1>xxx(307)) && (ty1>yyy(421)) && (tx1<xxx(307+120)) && (ty1<yyy(421+120)) ) {
							night=6;
							start=1;
						}	
						if ((tx1>xxx(74)) && (ty1>yyy(571)) && (tx1<xxx(74+120)) && (ty1<yyy(571+120)) ) {
							night=7;
							start=1;
						}	
						if ((tx1>xxx(307)) && (ty1>yyy(571)) && (tx1<xxx(307+120)) && (ty1<yyy(571+120)) ) {
							night=8;
							start=1;
						}																								
						if (start==1) {
							noff=-2000;
							mode=2;
							drawImages();
							setup();
							
						}
					break;
					case 2:
						
					break;
			}
     }
		
	
		
 	function onBodyLoad() {
window.ondragstart = function() { return false; }  


		document.addEventListener("touchmove", preventBehavior, false);
		window.addEventListener("resize", checkOrientation, false);
document.addEventListener("click", UpdateInfo, false);

		setOffsetVars();
		loadImages(); 
		scaleImages();
		drawImages();

		setInterval(checkOrientation, 2000);
	                
     }