var macos = navigator.userAgent.indexOf("Mac") != -1;

var inAnim = true;
var timer = null;
var hometimer = null;
var gallerytimer = null;
var servicestimer = null;
var menutimer = null;
var changetimer = null;
var contacttimer = null;

var animphase = 0;
var pauseValue = 100;

var textView = [];


var unique_id = 0;

function
positionall()
{
var wh = document.all ? document.body.clientHeight : window.innerHeight;
var ww = document.all ? document.body.clientWidth : window.innerWidth;
var minwidth = 600;
var minheight = 346;    // 149  187  -29

var temptop = wh/2 - minheight/2 - 50;
    

with(document.getElementById("content").style)
{
    //top = wh < minheight ? -29 : Math.round(wh/2) - 216; 
     
    top = temptop < -30 ? -30 : temptop;
    width = ww < minwidth ? minwidth : ww;
    
    visibility = "visible";
}

with(document.getElementById("lcopy").style)
{    
    
    top = (temptop < -30 ? -30 : temptop) + 376;
    visibility = "visible";
}

with(document.getElementById("flashers").style)
{
    top = (temptop < -30 ? -30 : temptop) + 154;
    //visibility = "visible";
}

with(document.getElementById("rcopy").style)
{
    top = 358;
    left = ( ww < minwidth ? minwidth : ww) - 135;
    visibility = "visible";
}
}


onresize = function()
{
positionall();
    var ww = document.all ? document.body.clientWidth : window.innerWidth;
    var lft = ww - 293;
    document.getElementById("ublade").style.left = lft;
    return false;
}

onload = function()
{

positionall();
        
        var i = allImages.length;
        
            allImages[i] = new Image();
            allImages[i++].src = "scrollbar/dnbutton_down.gif";
            allImages[i] = new Image();
            allImages[i].src = "scrollbar/upbutton_down.gif";
      
      
document.getElementById("obscure").style.visibility = "visible";
      
            
if(macos)
{
    document.getElementById("gallery_flyout_bg_mac").style.visibility = "inherit";
     document.getElementById("services_flyout_bg_mac").style.visibility = "inherit";
    document.getElementById("services_bg_mac").style.visibility = "inherit";
    
    
}
else
{
   document.getElementById("gallery_flyout_bg_pc").style.visibility = "inherit";
   document.getElementById("services_flyout_bg_pc").style.visibility = "inherit";
   document.getElementById("services_bg_pc").style.visibility = "inherit";
}


document.getElementById("bg0").style.visibility = "visible";

document.getElementById("nav_hc_bg").style.visibility = "visible";
document.getElementById("nav_home").style.visibility = "visible";

document.getElementById("nav_wave").style.visibility = "visible";

 
if(document.getElementById && !document.all)
{
// make NN adjustments here:


}   

document.getElementById("eyigif").style.visibility = "visible";


document.currentBlinkable = new blink(document.getElementById("tservice"));

document.currentBlinkable.restoreColor = "#666666";
document.currentBlinkable.fgColor = "#cccccc";
document.currentBlinkable.bgColor = "white";
               
makeScrollViews();

timer = setTimeout("anim()", 500);


}

onunload =  function()
{
    if(timer != 0) clearTimeout(timer);
    if(hometimer != 0) clearTimeout(hometimer);
    if(gallerytimer != 0) clearTimeout(gallerytimer);
    if(servicestimer != 0) clearTimeout(servicestimer);
    if(menutimer != 0) clearTimeout(menutimer);
    if(changetimer != 0) clearTimeout(changetimer);
    if(contacttimer != 0) clearTimeout(contacttimer);
    if(loadingtimer != 0) clearTimeout(loadingtimer);
   
        textView['home'].destroy();
        textView['contact'].destroy();
        
        for(var i in textView['gallery'])
            textView['gallery'][i].destroy();
        
      if (window.tracer && !window.tracer.closed) 
        {
            window.tracer.document.close();
            window.tracer.close();  
         }
    clearTimers();
}

function
clearTimers()
{
		
		
		for(var i = 0; i < 5; i++){
			if(eyiTimer[i] != null)
				clearInterval(eyiTimer[i]);}


}




var eyiTimer = [null, null, null, null, null];
/*var eyiColors = [["#51779e", "#5588cc"],
				 ["#4d6ca3", "#4477cc"],
				 ["#548eb3", "#5599dd"],
				 ["#5594bd", "#55aaee"],
				 ["#fcffff", "#cceeff"]];

var eyiColors = [["#51779e", "#46a3be"],
				 ["#4d6ca3", "#2A8FAC"],
				 ["#548eb3", "#4bb5d3"],
				 ["#5594bd", "#4ebede"],
				 ["#fcffff", "#bff1ff"]];*/
				 
				 
var eyiColors = [["#51779e", "#518d9e"],
				 ["#4d6ca3", "#4d95a8"],
				 ["#548eb3", "#5099ad"],
				 ["#5594bd", "#54a8bf"],
				 ["#fcffff", "#e5f9ff"]];

var onOff = [0,0,0,0,0];


function
init_flashRects()
{

document.getElementById("flashers").style.visibility = "visible";

	
	set = [3000, 2500, 4000, 3500, 2000];

		for ( var i = 0; i < 5 ; i++)
		{
			document.getElementById("eyi_rect" + i).style.visibility = "visible";
			
				eyiTimer[i] = setInterval("progressColor(" + i + ")", set[i]);
			
		}
	
}



function
progressColor(which)
{

	var lyr = document.getElementById("eyi_rect" + which);
	lyr.style.backgroundColor = eyiColors[which][onOff[which]++ & 1];
	
}

var firstpass = 0;
var start_pos, end_pos;

var barntop, barnbot;
var barnleft, barnright;
var slidelyr;

function
anim()
{
    switch(animphase)
    {
        case 0:
            if(!firstpass++)
            {
                barnbot = barntop = 108;
                barnleft = barnright = 255;
                
                slidelyr = document.getElementById("bg1").style; //bg1
                slidelyr.clip = "rect(" + barntop + "," + barnright + "," + barnbot + "," + barnleft + ")";
                slidelyr.visibility = "visible";
            }
            
            if(barnleft > 0)
            {
                barnleft -= 50; if(barnleft < 0) barnleft = 0;
                barnright += 50; if(barnright > 545) barnright = 545;
                barntop -= 20;      if(barntop < 0) barntop = 0;
                barnbot += 30;   if(barnbot > 273) barnbot = 273;
                slidelyr.clip = "rect(" + barntop + "," + barnright + "," + barnbot + "," + barnleft + ")";
               
                timer = setTimeout("anim()",60);
                
            }
            else
            {
            animphase++;
            timer = setTimeout("anim()",pauseValue);
            firstpass= 0;
            }
            break;
        case 1:
            if(!firstpass++)
            {
                barnbot = 100;
                barntop = 100;
                
                slidelyr = document.getElementById("barn1").style;                //barn1
                slidelyr.clip = "rect(" + barntop + ",401," + barnbot + ",0)";
                slidelyr.visibility = "visible";
            }
            
            if(barnbot < 273)
            {
                barnbot += 25; if(barnbot > 273) barnbot = 273;
                
                barntop -=20;  if(barntop < 0) barntop = 0;
                
                slidelyr.clip = "rect(" + barntop + ",370,"+ barnbot + ",0)";
                
                 timer = setTimeout("anim()",60);
             }
             else
             {
             
             animphase++;
             timer = setTimeout("anim()",pauseValue);
            firstpass= 0;
             }
            
            break;
        case 2:
        
                if(!firstpass++)
            {
                barnleft = 300;
                barnright = 300;
                
                slidelyr = document.getElementById("barn2").style;            //
                slidelyr.clip = "rect(0," + (barnright) + ",273," + barnleft + ")";
                slidelyr.visibility = "visible";
            }
            
            if(barnleft > 0)
            {
                barnleft -= 50; if(barnleft < 0) barnleft = 0;
                
                barnright +=20;  if(barnright > 401) barnright = 401;
                
                slidelyr.clip = "rect(0," + (barnright) + ",273," + barnleft + ")";
                
                 timer = setTimeout("anim()",60);
             }
             else
             {
             
             animphase++;
             timer = setTimeout("anim()",pauseValue);
            firstpass= 0;
             }
            break;
        case 3:  // handle nav_menu
        
            if(!firstpass++)
            {
                slidelyr = document.getElementById("nav_menu");
                start_pos = -slidelyr.offsetWidth;
                end_pos = slidelyr.offsetLeft;
                
                slidelyr.style.left = start_pos;
                slidelyr.style.visibility = "visible";
               
                
            }
            
            if(start_pos < end_pos)
            {
                var offset = Math.ceil((end_pos - start_pos) * 0.2);
                
                start_pos += offset;
                if(start_pos > end_pos) start_pos = end_pos;
                
                slidelyr.style.left = start_pos;
                timer = setTimeout("anim()",60);
                
            }
            else
              {
                animphase++;
                init_flashRects();
                timer = setTimeout("anim()",pauseValue);
                firstpass= 0;
             }
            break;
       
       
       case 4:              // open text area
                
               
                    
                    document.getElementById("hometop").style.visibility = 
                    document.getElementById("calipbot").style.visibility = "visible";

                    showTextArea();
                    gallerytimer = setTimeout("makeScrollViewsForGallery()", 1600);
            
            break;
       
       
       case 5: 
       
                
                break;
    }

}


/* ----------------------------------------------------------------- */


var curText = "home";

var textPass = 0;
var textState = 0;
var textVisibility = 0;

function
showTextArea()
{
if(!textState)
    {
    if(!textPass++)
                {   
                    
                    nextPhase = null;
                    document.getElementById("calipbot").style.visibility = "visible";
                    
                    slidelyr = document.getElementById('hometop');
                    
                    textView['home'].show();
                    slidelyr.style.visibility = "visible";
                    start_pos = 303;
                    end_pos = 103;
                    timer = setTimeout("showTextArea()",60);
                }
                else
                if(start_pos > end_pos)
                {
                    start_pos -= 20;
                    if(start_pos < end_pos) start_pos  = end_pos;
                    
                    slidelyr.style.top = start_pos;
                    timer = setTimeout("showTextArea()",60);
                }
                else
                {
                inAnim = false;
                textPass= 0;
                textState = 1;
                
                    clearTimeout(timer);
                    
                    timer = 0;
                    
                }
     }
}

function
hideTextArea()
{
    if(textState)
    {
    if(!textPass++)
                {
                    
                    var the_lyr = curText + "top";
                    slidelyr = document.getElementById(the_lyr);
                    start_pos = 103;
                    end_pos = 303;//317;//303;
                    
                }
                
                if(start_pos < end_pos)
                {
                    start_pos += 20;
                    if(start_pos > end_pos) start_pos  = end_pos;
                    
                    slidelyr.style.top = start_pos;
                    timer = setTimeout("hideTextArea()",60);
                }
                else
                {
         
                textPass= 0;
                textState = 0;
                textView['home'].hide();
                slidelyr.style.visibility = "hidden";
                clearTimeout(timer);
                timer = 0;
                
                if(nextPhase != null)
                {
                    if(nextPhase == hideTextArea)
                        {
                             nextPhase = null;
                             
                        }
                    else
                        nextPhase();
                 }
                    
                 
                }
     }
}




function
showContactArea()
{
if(!textState)
    {
    if(!textPass++)
                {   
                    
                    nextPhase = null;
                    document.getElementById("calipbot").style.visibility = "visible";
                    
                    slidelyr = document.getElementById('contacttop');
                    
                    textView['contact'].show();
                    slidelyr.style.visibility = "visible";
                    start_pos = 303;
                    end_pos = 103;
                    timer = setTimeout("showContactArea()",60);
                }
                else
                if(start_pos > end_pos)
                {
                    start_pos -= 20;
                    if(start_pos < end_pos) start_pos  = end_pos;
                    
                    slidelyr.style.top = start_pos;
                    timer = setTimeout("showContactArea()",60);
                }
                else
                {
                
                textPass= 0;
                textState = 1;
                    clearTimeout(timer);
                    timer = 0;
                }
     }
}

function
hideContactArea()
{
    if(textState)
    {
    if(!textPass++)
                {
                    
                    
                    slidelyr = document.getElementById('contacttop');
                    start_pos = 103;
                    end_pos = 303;//317;//303;
                    
                }
                
                if(start_pos < end_pos)
                {
                    start_pos += 20;
                    if(start_pos > end_pos) start_pos  = end_pos;
                    
                    slidelyr.style.top = start_pos;
                    timer = setTimeout("hideContactArea()",60);
                }
                else
                {
         
                textPass= 0;
                textState = 0;
                textView['contact'].hide();
                slidelyr.style.visibility = "hidden";
                clearTimeout(timer);
                timer = 0;
                
                if(nextPhase != null)
                {
                    if(nextPhase == hideContactArea) 
                        {
                            nextPhase = null;
                            
                         }
                    else
                    nextPhase();
                 }
                    
                 
                }
     }
}





var currentPage = "home";


function
hidePage(which)
{

    switch(which)
    {
        case "home":        hideTextArea();     break;
        case "gallery" :    hideGalleryArea();  break;
        case "services" :   hideServicesArea(); break;
        case "contact" :    hideContactArea();  break;
     }
    
}

var nextPhase = null;

var flyoutPass = 0;
var sFlyoutPass= 0;

var galleryPhase = 0;
var galleryActive = false;
var galleryPass = 0;


var servicesPhase = 0;
var altServicesPhase = 0;
var servicesActive = false;
var servicesPass = 0;
var servicesOpacity = 0;


function
showHome()
{

if(timer == 0)
{
if(menuActive)
{
    nextPhase = showHome;
    hideDropDown();
}
else
{

nextPhase = showTextArea;
hidePage(currentPage);

currentPage = "home";
}
}
return false;

}

function
showContact()
{
if(timer == 0)
{
if(menuActive)
{
    nextPhase = showContact;
    hideDropDown();
}
else
{

nextPhase = showContactArea;
hidePage(currentPage);

currentPage = "contact";
}
}
return false;
}



function
showClientLogin()
{
if(timer == 0)
{
if(menuActive)
{
    nextPhase = showClientLogin;
    hideDropDown();
}
else
{
    showSite("http://client.modiphy.com");
}
}
return false;
}



function
showGallery()
{
if(timer == 0)
{
if(menuActive)
{
    nextPhase = showGallery;
    hideDropDown();
}
else
{

 nextPhase = showGalleryArea;
    hidePage(currentPage);
   
    currentPage = "gallery";
 }
 }
return false;

}




function
showGalleryArea()
{

    
    if(galleryPhase==0)
    {
    
    if(!galleryPass++)
                {
                    
                   slidelyr = document.getElementById("gallery_content");
                    textView['gallery'][lastTopic].show();
                    slidelyr.style.visibility = "visible";
                    start_pos = 303;
                    end_pos = 55;
                    
                }
               
               
                if(start_pos > end_pos)
                {
                    start_pos -= 30;    // original: 20
                    if(start_pos < end_pos) start_pos = end_pos;
                    
                        slidelyr.style.top = start_pos;
                    
                    timer = setTimeout("showGalleryArea()",60);
                }
                else
                {
                    
                galleryPass = 0;
                galleryPhase = 1;
                timer = setTimeout("showGalleryArea()",60);
                }
     }
     else
     if(galleryPhase == 1)
     {
        if(!flyoutPass++)
                {
                    
                    slidelyr = document.getElementById("gallery_flyout");
                    slidelyr.style.visibility = "visible";
                    start_pos = 401; //401
                    end_pos = 230//start_pos - 171;
                    
                }
               
               
                if(start_pos > end_pos)
                {
                    start_pos -= 20;
                    if(start_pos < end_pos) start_pos = end_pos;
                    
                        slidelyr.style.left = start_pos;
                        timer = setTimeout("showGalleryArea()",60);
                }
                else
                {
                    
                    flyoutPass = 0;
                    document.getElementById("gallery_flyout_txt").style.zIndex = 120;
                    clearTimeout(timer);
                    timer = 0;
                    
                }
     
     }

}

function
hideGalleryArea()
{

    if(galleryPhase == 0)
    {

        if(!galleryPass++)
                {
                    
                     document.getElementById("gallery_flyout_txt").style.zIndex = 15;
                    slidelyr = document.getElementById("gallery_content");
                    start_pos = 55;
                    end_pos = 303;
                    document.getElementById("gallery_flyout").style.visibility = "hidden";
                }
               
               
                if(start_pos < end_pos)
                {
                    start_pos += 30; //original 20
                    if(start_pos > end_pos) start_pos = end_pos;
                    
                        slidelyr.style.top = start_pos;
                    
                    timer = setTimeout("hideGalleryArea()",60);
                }
                else
                {
                galleryPass = 0;
                textView['gallery'][lastTopic].hide();
                slidelyr.style.visibility = "hidden";
                
                    clearTimeout(timer);
                    timer = 0;
                    
                if(nextPhase == hideGalleryArea)
                {
                     nextPhase = null;
                     
                 }
                    else
                    nextPhase();
                }
        }
        else
        if(galleryPhase == 1)
        {
        if(!flyoutPass++)
                {
                    
                    
                    slidelyr = document.getElementById("gallery_flyout");
                    start_pos = 230;
                    end_pos = 401;
                }
               
               
                if(start_pos < end_pos)
                {
                    start_pos += 20;
                    if(start_pos > end_pos) start_pos = end_pos;
                    
                        slidelyr.style.left = start_pos;
                    
                    timer = setTimeout("hideGalleryArea()",60);
                }
                else
                {
                
                flyoutPass = 0;
                galleryPass = 0;
                galleryPhase = 0;
                slidelyr.style.visibility = "hidden";
                clearTimeout(timer);
                timer = 0;
                timer = setTimeout("hideGalleryArea()",60);
                    
                }
        
        }
}









function
makeScrollViews()
{
    textView['home'] = new ScrollArea(270,200);
    
        textView['home'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['home'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['home'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['home'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['home'].setScrollImage("track", "scrollbar/track.gif");
        textView['home'].setScrollImage("thumb", "scrollbar/thumb.gif");
        textView['home'].rightInset = 8;
        
        
        
        
        textView['home'].create(document.getElementById("txt_content"));
   
        
        textView['home'].changeText(document.getElementById("home_text").innerHTML);
       


    textView['contact'] = new ScrollArea(270,200);
    
        textView['contact'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['contact'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['contact'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['contact'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['contact'].setScrollImage("track", "scrollbar/track.gif");
        textView['contact'].setScrollImage("thumb", "scrollbar/thumb.gif");
        
        textView['contact'].rightInset = 8;
        
        
        
        
        textView['contact'].create(document.getElementById("contact_txt_content"));
        
        textView['contact'].changeText(document.getElementById("contact_text").innerHTML);
        

}


var loadingtimer = null;

var loading_hit = 0;

function
showLoading()
{
   if( _galleryImageDeclared != 0 )
   {
        if(_galleryImageCount < _galleryImageDeclared)
            loadingtimer = setTimeout("showLoading()", 500);
         else
         {
                 document.getElementById("stillloading").style.visibility  = "hidden";
                 if(loadingtimer != null)
                    clearTimeout(loadingtimer);
         }
   }
   else
   {
    loadingtimer = setTimeout("showLoading()", 1000);
        document.getElementById("stillloading").style.visibility  = "visible";
   }
   
   window.status = window.defaultStatus = "ttl count: " + _galleryImageDeclared + 
                       "   #loaded: " + _galleryImageCount + 
                       "    loading hit: " + loading_hit;
   loading_hit += 1;

}


function
makeScrollViewsForGallery()
{


    textView['gallery'] = [];
    
    
    textView['gallery']['cs'] = new ScrollArea(270,238);
    
        textView['gallery']['cs'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['gallery']['cs'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['gallery']['cs'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['gallery']['cs'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['gallery']['cs'].setScrollImage("track", "scrollbar/track.gif");
        textView['gallery']['cs'].setScrollImage("thumb", "scrollbar/thumb.gif");
        textView['gallery']['cs'].rightInset = 8;
        
        
        
        
        
        textView['gallery']['cs'].create(document.getElementById("gal_content"));
        
        
        var    ig = new galleryBuilder(textView['gallery']['cs'].doc);
               
               ig.setDimension(270, 236);
               ig.setTopInset(15);
               ig.setLeftInset(25);
	           ig.setImageSize(180,128);
               ig.captionColor = "#999999";
               
               
                for(var i = 0; i < _gPics['clients'].length; i++)
                {
                    ig.addImage("gallery/client_sites/" + _gPics['clients'][i] + "_thumb.jpg");
                    ig.addCaption(_gCaptions['clients'][i]);
                    
                    var lnk = ["pelicanpictures.com",
                                "laoperationlifesaver.com",
                                "northlakeins.com",
                                "covla.com",
                                "cbtbanking.com",
                                "joshkelley.com",
                                "common.com/default.htm",
                                "jdrealestategroup.com",
                                "modiphy.com/clients/hometown",
                                "sunupes.com",
                                "aubertinsurance.com",
                                "superchec.com",
                                "www.swagelok.com/capital/CAPTL/index.htm"][i];
                                
                    ig.addLink("showSite","http://" + lnk);
                }
                
            
                
       
        textView['gallery']['cs'].imageGallery = ig;
        
        
       //////////////// 
        
        textView['gallery']['sl'] = new ScrollArea(270,238);
    
        textView['gallery']['sl'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['gallery']['sl'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['gallery']['sl'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['gallery']['sl'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['gallery']['sl'].setScrollImage("track", "scrollbar/track.gif");
        textView['gallery']['sl'].setScrollImage("thumb", "scrollbar/thumb.gif");
        textView['gallery']['sl'].rightInset = 8;
        
        
        
        
        
        textView['gallery']['sl'].create(document.getElementById("gal_content"));
        
        
                ig = new galleryBuilder(textView['gallery']['sl'].doc);
               
               ig.setDimension(270, 236);
               ig.setTopInset(15);
               ig.setLeftInset(25);
	           ig.setImageSize(180,128);
                
                for(var i = 0; i < _gPics['sites'].length; i++)
                {
                    ig.addImage("gallery/site_layouts/" + _gPics['sites'][i] + "_thumb.jpg");
                    
                    
                                
                    ig.addLink("showEnlarged","gallery/site_layouts/" + _gPics['sites'][i] + "_popup.jpg");
                }
        
        textView['gallery']['sl'].imageGallery = ig;
        
       //////////////// 
       
       textView['gallery']['lo'] = new ScrollArea(270,238);
    
        textView['gallery']['lo'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['gallery']['lo'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['gallery']['lo'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['gallery']['lo'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['gallery']['lo'].setScrollImage("track", "scrollbar/track.gif");
        textView['gallery']['lo'].setScrollImage("thumb", "scrollbar/thumb.gif");
        textView['gallery']['lo'].rightInset = 8;
        
        
        
        
        
        textView['gallery']['lo'].create(document.getElementById("gal_content"));
        
        
                ig = new galleryBuilder(textView['gallery']['lo'].doc);
               
               ig.setDimension(270, 236);
               ig.setTopInset(15);
               ig.setLeftInset(25);
	           ig.setImageSize(180,128);
                
                for(var i = 0; i < _gPics['logos'].length; i++)
                {
                    ig.addImage("gallery/logos/" + _gPics['logos'][i] + "_thumb.jpg");
                    
                    
                                
                    ig.addLink("showEnlarged","gallery/logos/" + _gPics['logos'][i] + "_popup.jpg");
                }
        
        textView['gallery']['lo'].imageGallery = ig;
        
       //////////////// 
       
       textView['gallery']['pr'] = new ScrollArea(270,238);
    
        textView['gallery']['pr'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['gallery']['pr'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['gallery']['pr'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['gallery']['pr'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['gallery']['pr'].setScrollImage("track", "scrollbar/track.gif");
        textView['gallery']['pr'].setScrollImage("thumb", "scrollbar/thumb.gif");
        textView['gallery']['pr'].rightInset = 8;
        
        
        
        
        
        textView['gallery']['pr'].create(document.getElementById("gal_content"));
        
        
                ig = new galleryBuilder(textView['gallery']['pr'].doc);
               
               ig.setDimension(270, 236);
               ig.setTopInset(15);
               ig.setLeftInset(25);
	           ig.setImageSize(180,128);
                
                for(var i = 0; i < _gPics['print'].length; i++)
                {
                    ig.addImage("gallery/print/" + _gPics['print'][i] + "_thumb.jpg");
                    
                    
                                
                    ig.addLink("showEnlarged","gallery/print/" + _gPics['print'][i] + "_popup.jpg");
                }
        
        textView['gallery']['pr'].imageGallery = ig;
        
       //////////////// 
      
       textView['gallery']['im'] = new ScrollArea(270,238);
    
        textView['gallery']['im'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['gallery']['im'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['gallery']['im'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['gallery']['im'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['gallery']['im'].setScrollImage("track", "scrollbar/track.gif");
        textView['gallery']['im'].setScrollImage("thumb", "scrollbar/thumb.gif");
        textView['gallery']['im'].rightInset = 8;
        
        
        
        
        
        textView['gallery']['im'].create(document.getElementById("gal_content"));
        
        
                ig = new galleryBuilder(textView['gallery']['im'].doc);
               
               ig.setDimension(270, 236);
               ig.setTopInset(15);
               ig.setLeftInset(25);
	           ig.setImageSize(180,128);
                
                for(var i = 0; i < _gPics['imaging'].length; i++)
                {
                    ig.addImage("gallery/imaging/" + _gPics['imaging'][i] + "_thumb.jpg");
                    
                    
                                
                    ig.addLink("showEnlarged","gallery/imaging/" + _gPics['imaging'][i] + "_popup.jpg");
                }
        
        textView['gallery']['im'].imageGallery = ig;
        
       //////////////// 
       
       textView['gallery']['an'] = new ScrollArea(270,238);
    
        textView['gallery']['an'].setScrollImage("up", "scrollbar/upbutton.gif");
        textView['gallery']['an'].setScrollImage("dn", "scrollbar/dnbutton.gif");
        textView['gallery']['an'].setScrollImage("active up", "scrollbar/upbutton_down.gif");
        textView['gallery']['an'].setScrollImage("active down", "scrollbar/dnbutton_down.gif");
        textView['gallery']['an'].setScrollImage("track", "scrollbar/track.gif");
        textView['gallery']['an'].setScrollImage("thumb", "scrollbar/thumb.gif");
        
        textView['gallery']['an'].rightInset = 8;
        
        
        
        
        
        textView['gallery']['an'].create(document.getElementById("gal_content"));
        
        
                ig = new galleryBuilder(textView['gallery']['an'].doc);
               
               ig.setDimension(270, 236);
               ig.setTopInset(15);
               ig.setLeftInset(25);
	           ig.setImageSize(180,128);
               ig.captionColor = "#999999";
               
                for(var i = 0; i < _gPics['animation'].length; i++)
                {
                    ig.addImage("gallery/animation/" + _gPics['animation'][i] + "_thumb.jpg");
                    ig.addCaption("by chris stephens");
                    
                                
                    ig.addLink("vidshow","gallery/animation/" + _gPics['animation'][i] + "_popup.htm");
                }
        
        textView['gallery']['an'].imageGallery = ig;
        
        ////////////////
        
        
        textView['gallery']['cs'].changeText(document.getElementById("the_gallery").innerHTML);
         
        textView['gallery']['cs'].setTextColor("#3399cc");
        textView['gallery']['cs'].setStyle("lineHeight", "1.25");
        textView['gallery']['cs'].setStyle("textAlign", "left");


        handleChange('cs', 1);
}

function
vidshow(path)
{
    var screenwidth = window.screen.availWidth;
	var screenheight = window.screen.availHeight;
	var imageWidth = 264;
	var imageHeight = 232;		// image size = 374
	var pageName = "popup.htm?path=" + path;
	
	var leftpos = screenwidth/2 - imageWidth/2;
	var toppos = 20;
	
	var _width = "width=" + imageWidth + ",";
	var _height = "height=" + imageHeight + ",";
	var _scroll = "scrollbars=no,";
	var _posLeft= "screenX=" + leftpos + ",left=" + leftpos + ",";
	var _posTop = "screenY=" + toppos + ",top=" + toppos ;
	
	var w = window.open(pageName,"enlarged",_width + _height + _scroll + _posLeft + _posTop);
		w.focus();
return false;
}


function
showSite(path)
{

	var w = window.open(path,"site","scrollbars=yes,toolbar=yes,resizable=yes");
		w.focus();
return false;
}

function
showEnlarged(path)
{

	var screenwidth = window.screen.availWidth;
	var screenheight = window.screen.availHeight;
	var imageWidth = 640;
	var imageHeight = 500;		// image size = 374
	var pageName = "popup.htm?path=" + path;
	
	var leftpos = screenwidth/2 - imageWidth/2;
	var toppos = 20;
	
	var _width = "width=" + imageWidth + ",";
	var _height = "height=" + imageHeight + ",";
	var _scroll = "scrollbars=no,";
	var _posLeft= "screenX=" + leftpos + ",left=" + leftpos + ",";
	var _posTop = "screenY=" + toppos + ",top=" + toppos ;
	
	var w = window.open(pageName,"enlarged",_width + _height + _scroll + _posLeft + _posTop);
		w.focus();
return false;
}



function
handleChange(topic, which)
{


if(lastTopic) {
        document.getElementById(lastTopic).style.visibility = "hidden";
        
        document.getElementById(lastTopic + "lnk").style.color = "#006699"; //
        document.getElementById(lastTopic + "lnk").style.color = ""; //
        
        if(textView['gallery'][lastTopic])
            textView['gallery'][lastTopic].hide();
        } 

if(!which)
{
        document.getElementById(topic).style.visibility = "hidden";
        
 }
else
{
        document.getElementById(topic).style.visibility = "inherit";
        document.getElementById(topic + "lnk").style.color = "#66CCFF";
       
 }
        
  if(textView['gallery'][topic])
  {
    if(!textView['gallery'][topic].imageGallery.rendered)
    {
        var html = textView['gallery'][topic].imageGallery.renderAsHTML();
        var ht = textView['gallery'][topic].imageGallery.totalHeight;
        textView['gallery'][topic].changeText( html, ht);
    }
        textView['gallery'][topic].show();
              
  }
  else
  {
  
  }
  
   lastTopic = topic;
}
 
 
 
var menupass = 0;
var menupos = 0;
var menuActive = 0;

function
showDropDown()
{
if(inAnim) return false;
if(timer != 0) return false;
if(menuActive) { nextPhase = null; hideDropDown();}
else {


    if(!menupass++)
                {
                    
                    if(currentPage != "services")
                            {
                                if(document.currentBlinkable) document.currentBlinkable.start();
                            }
                    slidelyr = document.getElementById("support_drop_menu");
                    slidelyr.style.visibility = "visible";
                    document.getElementById("nav_menu").onmousedown = function() {return false;}
                    document.onmousedown = detectMouseDown;
                    //function(evt){}
                    
                }
               
               
                if(menupos < 77)
                {
                    menupos += 10;
                    if(menupos > 77) menupos = 77;
                    
                    
                    slidelyr.style.top = menupos;
                   
                    
                    menutimer = setTimeout("showDropDown()",60);
                }
                else
                {
                
                menupass = 0;
                menuActive = 1;
                    clearTimeout(menutimer);
                    menutimer = 0;
                     slidelyr.style.zIndex=120;
                }
      }
      
}

function
hideDropDown()
{
    if(!menupass++)
                {
                    
                    
                    document.onmousedown = null;
                    slidelyr = document.getElementById("support_drop_menu");
                    slidelyr.style.zIndex=70;
                   
                    
                }
               
               
                if(menupos > 0)
                {
                    menupos -= 10;
                    if(menupos < 0) menupos = 0;
                    
                    
                    slidelyr.style.top = menupos;
                    
                    menutimer = setTimeout("hideDropDown()",60);
                }
                else
                {
                    slidelyr.style.visibility = "hidden";
                
                menupass = 0;
                menuActive = 0;
                    clearTimeout(menutimer);
                    menutimer = 0;
                    
                    if(document.currentBlinkable != null)
                        document.currentBlinkable.stop();
                        
                    if(nextPhase == hideDropDown) 
                        {
                            nextPhase = null;
                         }
                    else
                        { if( nextPhase) nextPhase(); }
                }
}




var allImages = [];

function
preload()
{
    for(var i =0; i < arguments.length; i++)
        {
            allImages[i] = new Image();
            allImages[i].src = "images/" + arguments[i];
         }
}


preload (   "eyi3.gif",
            "menu_bg_off.gif",
            "menu_bg_on.gif",
            "menu_bg_down.gif",
            "lowblade.gif",
            "hiblade.gif",
            "home_contact_bg.jpg",
            "nav_contact_off.jpg",
            "nav_contact_on.jpg",
            "nav_home_off.jpg",
            "nav_home_on.jpg",
            "nav_wave.jpg",
            "calip_top.gif",
            "calip_bot.jpg",
            "anim_drops.gif",
            "menu_bg_on.gif",
            "menu_bg_off.gif",
            "gallery_flyout_lg.gif",
            "bottom_bar_bg.jpg",
            "alphamasks/white_alpha_0.png",
            "alphamasks/white_alpha_10.png",
            "alphamasks/white_alpha_20.png",
            "alphamasks/white_alpha_30.png",
            "alphamasks/white_alpha_40.png",
            "alphamasks/white_alpha_50.png",
            "alphamasks/white_alpha_60.png",
            "alphamasks/white_alpha_70.png",
            "alphamasks/white_alpha_80.png",
            "alphamasks/white_alpha_85.png",
            "titles/3dmodel.jpg",
            "titles/characterdev.jpg",
            "titles/hosting.jpg",
            "titles/identity.jpg",
            "titles/logo.jpg",
            "titles/onlinepromo.jpg",
            "titles/packages.jpg",
            "titles/packagesform.jpg",
            "titles/joinus.jpg",
            "titles/requestform.jpg",
            "titles/ourpackages.jpg",
            "titles/motiongraphics.jpg",
            "titles/ourmembers.jpg",
            "titles/print.jpg",
            "titles/searchengines.jpg",
            "titles/theprogram.jpg",
            "titles/packagesform.jpg",
            "button/next_arrow.jpg",
            "button/back_arrow.jpg",
            "button/next_arrow_over.jpg",
            "button/back_arrow_over.jpg",
            "button/next_arrow_down.jpg",
            "button/back_arrow_down.jpg"
        );
 
  function debug() { 
 var s = "";
    for(var i = 0; i < arguments.length; i++)
        s += arguments[i] + " : ";
        
        window.status = window.defaultStatus = s; 
        
        }



/* ----------------------------------------------------------------- */

function
hiliteItem(which, state)
{
    var itemname = "s_item_" + which;
    
    switch(state)
    {
        case 0: 
            document.images[itemname].src ="images/menu_bg_off.gif" ;
            break;
        case 1:
            document.images[itemname].src ="images/menu_bg_on.gif" ;
            break;
        case 2:
            document.images[itemname].src ="images/menu_bg_down.gif" ;
            break;
        case 3:
            break;
    }
        
return true;
}



/* ----------------------------------------------------------------- */

//document.currentBlinkable = null;

function
blink(ob)
{
    this.counter = 0;
    this.restoreColor = "black";
    this.fgColor = "black";
    this.bgColor = "white";
    this.layer = ob;
    this.ref = this;
    this.timer = null;
    
    this.changeColor = function()
        {
                this.layer.style.color = this.counter++ % 2 == 0 ? this.bgColor : this.fgColor;
                this.timer = setTimeout("document.currentBlinkable.changeColor()", 600);
        }
        
    this.stop = function()
        {
            if(this.timer) clearTimeout(this.timer);
            this.timer = null;
            this.layer.style.color = this.restoreColor;
            this.layer.style.color = "";
            /* unfortunate workaround to clear second element not involved in blink */
            document.getElementById("tservicetick").style.color = "#999999";
            
         }
    this.start = function()
    {
        this.counter = 0;
        this.changeColor();
     }

}   


/* ----------------------------------------------------------------- */



function
mainNavRoll(which, state)
{

if(which == "tservice" && document.currentBlinkable.timer != null)  return;

    document.getElementById(which).style.color = state == 1 ? "#cccccc" : "#666666";
    document.getElementById(which + "tick").style.color = state == 1 ? "#cccccc" : "#999999";
}

/* ----------------------------------------------------------------- */


function
openWindow(page)
{
	var screenwidth = window.screen.availWidth;
	var screenheight = window.screen.availHeight;
	
	var leftpos = screenwidth/2 - 250;
	var toppos = screenheight/3 - 130;
	
	var _width = "width=548,";
	var _height = "height=474,";
	var _scroll = "scrollbars=no,resizable=no,";
	var _posLeft= "screenX=" + leftpos + ",left=" + leftpos + ",";
	var _posTop = "screenY=" + toppos + ",top=" + toppos ;

	var w = window.open(page + ".htm","uni", _width + _height + _scroll + _posLeft + _posTop);
	
		w.focus();
		
	return false;
}