//the different sections of products page
var proj_array = new Array("data","3d","bridge","advanced","special","survey");// Put the id's of your hidden divs in this array
var about_array = new Array("history","geometric","construction","avocational");

Effect.OpenUp = function(element) {

     element = $(element);
     new Effect.BlindDown(element, arguments[1] || {});
 }

 Effect.CloseDown = function(element) {
     element = $(element);
     new Effect.BlindUp(element, arguments[1] || {});
 }

 Effect.Toggle = function(element, caller) {
     element = $(element);
	 caller = $(caller);
	 
	 for (i=0;i<proj_array.length;i++){
	   var my_proj = document.getElementById(proj_array[i]);
	   var the_proj = proj_array[i];
	  if(my_proj != element){
		  	var my_caller = document.getElementById((the_proj+"_header"));
			my_caller.style.backgroundImage = "url('images/arrowRight.gif')";
		   new Effect.CloseDown(my_proj, arguments[1] || {});
		   new Effect.Fade(my_proj, arguments[1] || {});
	   }
	 }
     if(element.style.display == 'none') {
		 caller.style.backgroundImage = "url('images/arrowDown.gif')";
          new Effect.OpenUp(element, arguments[1] || {}); 
     }else { 
	 	  caller.style.backgroundImage = "url('images/arrowRight.gif')";
          new Effect.CloseDown(element, arguments[1] || {}); 
     }
 }
 
  Effect.Toggle2 = function(element, caller) {
     element = $(element);
	 caller = $(caller);
	 
	 for (i=0;i<about_array.length;i++){
	   var my_proj = document.getElementById(about_array[i]);
	   var the_proj = about_array[i];
	  if(my_proj != element){
		  	var my_caller = document.getElementById((the_proj+"_header"));
			my_caller.style.backgroundImage = "url('images/arrowRight.gif')";
		   new Effect.CloseDown(my_proj, arguments[1] || {});
		   new Effect.Fade(my_proj, arguments[1] || {});
	   }
	 }
     if(element.style.display == 'none') {
		 caller.style.backgroundImage = "url('images/arrowDown.gif')";
          new Effect.OpenUp(element, arguments[1] || {}); 
     }else { 
	 	  caller.style.backgroundImage = "url('images/arrowRight.gif')";
          new Effect.CloseDown(element, arguments[1] || {}); 
     }
 }
 
 
 //////function for swapping images0
Effect.Swap = function(element,img){
	elementName = element;
	element = $(element);

	if(element.src.indexOf(img) != -1){
		return;
	} else {
		new Effect.ImgOut(elementName, img);	
		setTimeout('new Effect.ImgIn("'+elementName+'","'+img+'")', 1200);
	}
	
}



Effect.ImgIn = function(element, img) {
	 elementName = element;
     element = $(element);
	 new Effect.Appear(element, {duration: .3});
 }
 
Effect.ImgOut = function(element, img){
	element = $(element);
	new Effect.Fade(element, {duration: .5});
	setTimeout('swapImg("'+elementName+'","'+img+'")', 600);
}

function swapImg(element, img){
	element = $(element);
	//alert('img swap');
	element.src = img;	
}