var bAgentNetscape4 = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bAgentExplorer4 = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");


if(bAgentExplorer4 || bAgentNetscape4) {

	   outt1 = new Image() ;
       outt1.src = "bar/but_home_out.gif" ;
       
       outt2 = new Image() ;
       outt2.src = "bar/but_about_h_out.gif" ;
       
       outt3 = new Image() ;
       outt3.src = "bar/but_about_e_out.gif" ;
       
       outt4 = new Image() ;
       outt4.src = "bar/but_products_h_out.gif" ;
	   
	   outt5 = new Image() ;
       outt5.src = "bar/but_products_e_out.gif" ;
       
       outt6 = new Image() ;
       outt6.src = "bar/but_calculator_out.gif" ;
       
       outt7 = new Image() ;
       outt7.src = "bar/but_install_out.gif" ;
       
       outt8 = new Image() ;
       outt8.src = "bar/but_email_out.gif" ;
	   
	   
	   
	  overr1 = new Image() ;
       overr1.src = "bar/but_home_over.gif" ;
       
       overr2 = new Image() ;
       overr2.src = "bar/but_about_h_over.gif" ;
       
       overr3 = new Image() ;
       overr3.src = "bar/but_about_e_over.gif" ;
       
       overr4 = new Image() ;
       overr4.src = "bar/but_products_h_over.gif" ;
	   
	   overr5 = new Image() ;
       overr5.src = "bar/but_products_e_over.gif" ;
       
       overr6 = new Image() ;
       overr6.src = "bar/but_calculator_over.gif" ;
       
       overr7 = new Image() ;
       overr7.src = "bar/but_install_over.gif" ;
       
       overr8 = new Image() ;
       overr8.src = "bar/but_email_over.gif" ;
	   






var bBeginDrag = false;
var ClickXPos = 0 ;
var ClickYPos = 0 ;
var LayXpos = 0 ;
var LayYpos = 100 ;

var ScrollPos = 0 ;
var Xpos = 0 ;
var Ypos = 0 ;
var VisibleObj = "tsunami" ;
var NewObj = 0 ;



			var Swidth = screen.width - 150 ;
			var Sheight = screen.height - 250 ;

}

function ChangeObj(xxx) {
						NewObj = xxx;
						if(bAgentExplorer4) {
								document.all[NewObj].style.top = LayYpos + ScrollPos ;
								document.all[NewObj].style.left = LayXpos ;
								document.all[VisibleObj].style.visibility = "hidden" ;
								document.all[NewObj].style.visibility = "visible" ;
						
						
						} 
						if(bAgentNetscape4){
								document.layers[NewObj].top = LayYpos+ScrollPos ;
								document.layers[NewObj].left = LayXpos ;
								document.layers[VisibleObj].visibility = "hide" ;
								document.layers[NewObj].visibility = "show" ;
					
						}
						VisibleObj = NewObj;

}


function MoveHandler(evnt) {
					Xpos = evnt.pageX;
					Ypos = evnt.pageY;
					//window.status = Xpos +","+ Ypos;
					if(bBeginDrag == false) {
							if(bAgentNetscape4) {
								ScrollPos = window.pageYOffset;
								document.layers[VisibleObj].top = LayYpos+ScrollPos ;
							}
					}
					if(bBeginDrag == true) { 
									if(bAgentNetscape4) {
											ScrollPos = window.pageYOffset;
											Xpos = evnt.pageX-ClickXPos ;
											Ypos = evnt.pageY-ClickYPos-ScrollPos ;
											if(Ypos>0 && Ypos<Sheight) {
														document.layers[VisibleObj].top = Ypos+ScrollPos ;
														LayYpos = Ypos ;
											}
											if(Ypos<0){ document.layers[VisibleObj].top = ScrollPos ; LayYpos = 0 ; }
										    if(Ypos>Swidth){ document.layers[VisibleObj].top = ScrollPos + Sheight ; LayYpos = Sheight ; }

											if(Xpos>0 && Xpos<Swidth){
														document.layers[VisibleObj].left = Xpos ;
														LayXpos = Xpos ;
											}
											if(Xpos<0){ document.layers[VisibleObj].left = 0 ; LayXpos = 0 ; }
											if(Xpos>Swidth){ document.layers[VisibleObj].left = Swidth ; LayXpos = Swidth ; }

									}
					 }

}

function MoveDown(evnt) {
					if(bAgentNetscape4) {
							Xpos = evnt.pageX ;
							Ypos = evnt.pageY-ScrollPos ;
							ClickYPos = Ypos-LayYpos ;
					        ClickXPos = Xpos-LayXpos ;
					        if(Xpos>LayXpos && Xpos<LayXpos+50 && Ypos>LayYpos && Ypos<LayYpos+30) { bBeginDrag = true ; }
							if(Xpos>LayXpos+51 && Xpos<LayXpos+70 && Ypos>LayYpos && Ypos<LayYpos+30) {ChangeObj('galgal'); }
							if(Xpos>LayXpos+71 && Xpos<LayXpos+90 && Ypos>LayYpos && Ypos<LayYpos+30) {ChangeObj('tsunami'); }
							if(Xpos>LayXpos+91 && Xpos<LayXpos+111 && Ypos>LayYpos && Ypos<LayYpos+30) {LayXpos = 0 ; LayYpos = 100 ;document.layers[VisibleObj].top = 100 ;document.layers[VisibleObj].left = 0 ; }
						}		
					return false ;
}

function MoveUp(evnt) {
			bBeginDrag = false;
			
}

function CheckScroller(){
								ScrollPos = window.pageYOffset;
								document.layers[VisibleObj].top = LayYpos+ScrollPos ;
}

function Test() {
			window.status = "over" ;
}


function Init() {
	if(bAgentNetscape4) {
		document.captureEvents(Event.MOUSEUP);
		document.onMouseUp = MoveUp;

		document.tsunami.captureEvents(Event.MOUSEDOWN);
		document.tsunami.onMouseDown = MoveDown;
		
		document.galgal.captureEvents(Event.MOUSEUP);
		document.galgal.onMouseUp = MoveUp;

		document.galgal.captureEvents(Event.MOUSEDOWN);
		document.galgal.onMouseDown = MoveDown;
		
		document.captureEvents(Event.KEYPRESS);
		document.onkeypress=CheckScroller;
				
		window.captureEvents(Event.MOUSEMOVE);
		window.onMouseMove = MoveHandler;
		

	}
}
function ReleaseE() {
			if(bAgentNetscape4) {
					document.tsunami.releaseEvents(Event.MOUSEDOWN);
					window.releaseEvents(Event.MOUSEMOVE);
					
			}
			
}

function CaptureE() {
			if(bAgentNetscape4) {
					document.tsunami.captureEvents(Event.MOUSEDOWN);
					window.captureEvents(Event.MOUSEMOVE);
					
			}
			
}

function shownon(showobj) {
	if (bAgentNetscape4) document.layers[showobj].visibility = "show" ;
	else if (bAgentExplorer4) document.all[showobj].style.visibility = "visible" ;

}

function hidenon(hideobj) {
	if (bAgentNetscape4) document.layers[hideobj].visibility = "hide" ;
	else if (bAgentExplorer4) document.all[hideobj].style.visibility = "hidden" ;

}