/*
var addDropDown = function (element) 
{
    var fx = new Fx.Styles(element, {duration:100, wait:false});

    element.setStyle('opacity', 0.01);
    //element.setStyle('background-color', '#cd4b1c');
   // element.setStyle('z-index', 1);

	element.addEvent('mouseenter', function(){
        element.setStyle('z-index', 20);
		fx.start({
			'opacity': 0.8
		});
	});
 
	element.addEvent('mouseleave', function(){
        element.setStyle('z-index', -1);
		fx.start({
			'opacity': 0.01
		});
	});	
}
*/

var addDropDown2 = function (trigger, element) 
{
    var fx = new Fx.Styles(element, {duration:100, wait:false});

    element.setStyle('opacity', 0.01);

	trigger.addEvent('mouseenter', function(){
		fx.start({
			'opacity': 0.6
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'opacity': 0.01
		});
	});	
}

var addDropDown3 = function (trigger, element, inner) 
{
    var fx = new Fx.Styles(element, {duration:200, wait:false});
    var fx_in = new Fx.Styles(inner, {duration:200, wait:false});

    element.setStyle('opacity', 0.01);
    inner.setStyle('opacity', 0.01);
    inner.setStyle('display', 'none');

    var orig_height = element.getStyle('height');
    element.setStyle('height', 40); 

	element.addEvent('mouseleave', function(){
		fx.start({
			'opacity': 0.01
		});
		fx_in.start({
			'opacity': 0.01
		}).chain(function(){
		    if (element.getStyle('opacity') == 0.01)
		    {
		    inner.setStyle('display', 'none');
		    element.setStyle('height', 40);  
		    }
		});
	});	

	trigger.addEvent('mouseenter', function(){
		inner.setStyle('display', 'block');
		element.setStyle('height', orig_height);  
		fx.start({
			'opacity': 0.6
		});
		fx_in.start({
			'opacity': 0.9
		});

	    inner.addEvent('mouseenter', function(){
		    element.setStyle('height', orig_height);  
		    fx.start({
			    'opacity': 0.6
		    });
		    fx_in.start({
			    'opacity': 0.9
		    });

            
	        element.addEvent('mouseleave', function(){
                
		        fx.start({
			        'opacity': 0.01
		        });
		        fx_in.start({
			        'opacity': 0.01
		        }).chain(function(){
		            if (element.getStyle('opacity') == 0.01)
		            {
                        inner.setStyle('display', 'none');
		                element.setStyle('height', 40);  
                    }
		        });
		        element.removeEvents('mouseenter');
		        
	        });	            
            
            inner.removeEvents('mouseover');
	    });
	});
 
}

var addDropDown3Solid = function (trigger, element, inner) 
{
    element.setStyle('opacity', 0.01);
    inner.setStyle('opacity', 0.01);

    var orig_height = element.getStyle('height');
    element.setStyle('height', 40); 

	element.addEvent('mouseleave', function(){
        element.setStyle('opacity', 0.01);
        inner.setStyle('opacity', 0.01);
	    inner.setStyle('display', 'none');
        element.setStyle('height', 40); 
	});	

	trigger.addEvent('mouseenter', function(){
	    hideAllSolid();
		inner.setStyle('display', 'block');
        element.setStyle('opacity', 0.6);
        inner.setStyle('opacity', 0.9);
        element.setStyle('height', orig_height); 

        //make anything else kill it, too
        $('contentdiv').addEvent('mouseenter', function(){ 
            hideAllSolid();
	        $('contentdiv').removeEvents('mouseenter');
	        $('contentbodywrapper').removeEvents('mouseenter');
	        $('contentbody').removeEvents('mouseleave');
        });     
        $('contentbody').addEvent('mouseover', function(){ 
            hideAllSolid();
            $('contentdiv').removeEvents('mouseenter');
	        $('contentbody').removeEvents('mouseover');
            $('contentbody').removeEvents('mouseleave');
        });     
        $('contentbody').addEvent('mouseleave', function(){ 
            hideAllSolid();
            $('contentdiv').removeEvents('mouseenter');
	        $('contentbody').removeEvents('mouseover');
	        $('contentbody').removeEvents('mouseleave');
        });     
        
    });

	inner.addEvent('mouseenter', function(){
		inner.setStyle('display', 'block');
        element.setStyle('opacity', 0.6);
        inner.setStyle('opacity', 0.9);
        element.setStyle('height', orig_height); 
   });
 
}

var hideAllSolid = function ()
{
    $('builders_div').setStyle('opacity', 0.01);
    $('builders_inner').setStyle('opacity', 0.01);
    $('builders_inner').setStyle('display', 'none');

    $('instruments_div').setStyle('opacity', 0.01);
    $('instruments_inner').setStyle('opacity', 0.01);
    $('instruments_inner').setStyle('display', 'none');

    $('services_div').setStyle('opacity', 0.01);
    $('services_inner').setStyle('opacity', 0.01);
    $('services_inner').setStyle('display', 'none');

    $('about_div').setStyle('opacity', 0.01);
    $('about_inner').setStyle('opacity', 0.01);
    $('about_inner').setStyle('display', 'none');
}

var isRunning = false;
var startTimer = function ()
{
    if (isRunning == true)
    {
        return;
    }
    
	var myChain = new Chain();
	isRunning = true;
	myChain.chain(function(){ });
	
	var runChain = function() { 
		myChain.callChain();
		
		if (page.x > 600)
		{
			myChain.chain(function(){ });
		}
		
		if (myChain.chains.length == 0) { runChain = $clear(timer); } 
	}
	
	var timer = runChain.periodical(1000);
}
//startTimer();

//ONLOAD CALLS
window.addEvent('load', function() 
{  
    //addDropDown2($('instruments_img'), $('instruments_div'));        
    if (window.ie)
    {
        addDropDown3Solid($('builders_img'), $('builders_div'), $('builders_inner'));
        addDropDown3Solid($('instruments_img'), $('instruments_div'), $('instruments_inner'));
        addDropDown3Solid($('services_img'), $('services_div'), $('services_inner'));
        addDropDown3Solid($('about_img'), $('about_div'), $('about_inner'));
    }
    else
    {
        addDropDown3($('builders_img'), $('builders_div'), $('builders_inner'));
        addDropDown3($('instruments_img'), $('instruments_div'), $('instruments_inner'));
        addDropDown3($('services_img'), $('services_div'), $('services_inner'));
        addDropDown3($('about_img'), $('about_div'), $('about_inner'));
    }
    //addDropDown($('instruments_div'));
    //addDropDown($('builders_div'));
    //addDropDown($('services_div'));
    //addDropDown($('about_div'));


    $('instruments_inner').setStyle('display', 'block');
    var	myScroll = new Fx.Scroll($('instruments_inner'), { wait: false });

    var theheight = $('instruments_inner').getSize().scrollSize.y - $('instruments_inner').getSize().size.y;
    
    var mySlide = new Slider($('instruments_slide'), $('instruments_knob'), {	
	    steps: theheight,	
	    mode: 'vertical',
	    onDrag: function(step){
		    myScroll.scrollTo(0, step);
	    },
	    onChange: function(step){
		    myScroll.scrollTo(0, step);
	    }

    }).set(0);
    $('instruments_inner').setStyle('display', 'none');

    
    $('builders_inner').setStyle('display', 'block');
    var	myScroll2 = new Fx.Scroll($('builders_inner'), { wait: false });

    var theheight2 = $('builders_inner').getSize().scrollSize.y - $('builders_inner').getSize().size.y;

    var mySlide2 = new Slider($('builders_slide'), $('builders_knob'), {	
	    steps: theheight2,	
	    mode: 'vertical',
	    onDrag: function(step){
		    myScroll2.scrollTo(0, step);
	    },
	    onChange: function(step){
		    myScroll2.scrollTo(0, step);
	    }

    }).set(0);
    $('builders_inner').setStyle('display', 'none');

    if (window.ie6)
    {
        $('featured_img').setStyle('top', -16);
    }
});