// JavaScript Document
//window.resizeTo(screen.availWidth,screen.availHeight);
//window.moveTo(0,0)

function reloadandresize(){
			
			document.getElementById("AllContainer").style.top = 0 + "px";
			document.getElementById("AllContainer").style.left = 0 + "px";
			
			//We wrap all the code in an object so that it doesn't interfere with any other code
			var x = 0, y = 0, msg = '';
		
			// for all except Explorer
			
			if (self.innerHeight) {
				x = self.innerWidth;
				y = self.innerHeight;
				msg += 'self.innerHeight/Width: '+ y + ', ' + x + 'px';
				
				// Explorer 6 Strict Mode
			} else if (document.documentElement && document.documentElement.clientHeight) {
					
				x = document.documentElement.clientWidth;
				y = document.documentElement.clientHeight;
				msg += 'document.documentElement.clientHeight/Width: '+ y + ', ' + x + 'px';
					
				// other Explorers
			} else if (document.body) {
					
				x = document.body.clientWidth;
				y = document.body.clientHeight;
				msg += 'document.body.clientHeight/Width: '+ y + ', ' + x + 'px';
			
			}
			 
			//alert(msg);
			//collect the variables			
			if(y >= 775){
				y = 0;
			}else{
				//adding the event listerner for Mozilla
				if(window.addEventListener) document.addEventListener('DOMMouseScroll', moveObject, false);
				//for IE/OPERA etc
				document.onmousewheel = moveObject;	
			}
			
			if(x >= 1215){
				x = 0;	
			}
			
			scroller.docH = 775;
			scroller.contH = y;
			document.getElementById("scrollArea").style.height = y + "px";
			
			scroller1.docW = 1215;
			scroller1.contW = x;
			document.getElementById("scrollArea1").style.width = x + "px";
			
			scroller.scrollAreaH = y;
			scroller1.scrollAreaW = x;
			
			//calculate height of scroller and resize the scroller div
			//(however, we make sure that it isn't to small for long pages)
			scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
			scroller1.scrollW = (scroller1.contW * scroller1.scrollAreaW) / scroller1.docW;
			
			//if(scroller.scrollH < 15) scroller.scrollH = 15;
			document.getElementById("scroller").style.height = Math.round(scroller.scrollH) + "px";
			document.getElementById("scroller1").style.width = Math.round(scroller1.scrollW) + "px";
			
			//what is the effective scroll distance once the scoller's height has been taken into account
			scroller.scrollDist = Math.round(scroller.scrollAreaH - scroller.scrollH);
			scroller1.scrollDist1 = Math.round(scroller1.scrollAreaW - scroller1.scrollW);
			
			//make the scroller div draggable
			Drag.init(document.getElementById("scroller"),null,0,0,0,scroller.scrollDist);
			Drag.init(document.getElementById("scroller1"),null,0,scroller1.scrollDist1,0,0);
			
			//alert(y);
			
			function moveObject(event){
				
				var delta = 0; 
				if (!event) event = window.event;  
				// normalize the delta
				if (event.wheelDelta){
					// IE & Opera
					delta = event.wheelDelta / 120;
				} else if (event.detail) {// W3C
					delta = -event.detail / 3;
				}
				
				var currPos = document.getElementById('AllContainer').offsetTop;
				//calculating the next position of the object
				if(currPos >= 0 && delta == 1 || currPos == 0 && delta == 1){
					currPos = 0;
				}else if(currPos-y <= -775 && delta == -1 || y >= 770 && delta == -1){
					currPos = y - 775;
				}else{
				   currPos = parseInt(currPos)+(delta*20);
				}
				//alert('cursor position:'+currPos);
				//alert(delta+'/'+y);
				
				//moving the position of the object 
				document.getElementById('AllContainer').style.top = currPos + "px";
				document.getElementById('scroller').style.top = -currPos + "px";
			}
			
			//add ondrag function
			document.getElementById("scroller").onDrag = function (x,y) {
				var scrollY = parseInt(document.getElementById("scroller").style.top);
				var docY = -4 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
				document.getElementById("AllContainer").style.top = docY + "px";
			}
			
			document.getElementById("scroller1").onDrag = function (x,y) {
				var scrollX = parseInt(document.getElementById("scroller1").style.left);
				var docX = -4 - (scrollX * (scroller1.docW - scroller1.contW) / scroller1.scrollDist1);
				document.getElementById("AllContainer").style.left = docX + "px";
				
			}
	
}

var delay = (function(){
	var timer = 0;
	return function(callback, ms){
		clearTimeout (timer);
		timer = setTimeout(callback, ms);
	};
})();

$(window).resize(function() {
    delay(function(){
      	//alert('resized');
		reloadandresize();
		window.frames.CaritasInAction.reloadandresizeinside();
		window.frames.Photos.reloadandresizeinside();
		window.frames.Contact.reloadandresizeinside();
		window.frames.Become.reloadandresizeinside();
		window.frames.About.reloadandresizeinside();
		window.frames.Activities.reloadandresizeinside();
		window.frames.MediaCenter.reloadandresizeinside();
		window.frames.Donate.reloadandresizeinside();
		window.frames.EmergencyPlan.reloadandresizeinside();
		window.frames.Career.reloadandresizeinside();
		window.frames.SponsorAChild.reloadandresizeinside();
	  
    }, 1);
});

window.onload = function(){

			/*
			g_globalObject2 = new JsDatePick({
				useMode:1,
				isStripped:false,
				target:"div4_example",
				cellColorScheme:"beige"
			});
			
			var MyCalendar = '<?php echo substr($CalendarArray,0,-1); ?>';
	
			var ExplodeCalendar = MyCalendar.split(',');
			
			for(var i = 0; i < ExplodeCalendar.length; i++){
				
				var alo = $('#div4_example').find('.dayNormal');
				
				//alert(alo.html());
				
				if(alo.html() == ExplodeCalendar[i]){
					//alert(ExplodeCalendar[i]);
					$(this).css('background-color', '#yellow');
				}
				
			}
			
			
			g_globalObject2.setOnSelectedDelegate(function(){
				var now = new Date();
				var obj = g_globalObject2.getSelectedDay();
				var alo = $('#div4_example').find('.dayDown').html();
				//if(obj.day == now.getDate()){
				//	alert('Today');	
				//}else{
					alert(alo);	
				//}
				//alert("a date was just selected and the date is : " + obj.day + "/" + obj.month + "/" + obj.year);
				//document.getElementById("div3_example_result").innerHTML = obj.day + "/" + obj.month + "/" + obj.year;
			});*/
					
			reloadandresize();
					
		}