window.addEvent('domready', function() {
	
	if( $( 'sheet_track' ) )
	{
		
		if( typeof getSheetNumber == 'function' )
		{
			$( 'sheet_track' ).setStyle( 'margin-left', -( $( 'sheet_track' ).getParent().getSize().x * ( getSheetNumber() - 1 ) ) );	
		}
		
		// set up buttons
		$( 'sheet_track' ).setStyle( 'width', $( 'sheet_track' ).getChildren().length * $( 'sheet_track' ).getChildren()[0].getSize().x );
		var fwdbuts = $$('.sheet_next');
		$each(fwdbuts, function(el){
			el.addEvents({
				'click' : function() {
					// get the sheet the button is in
					var sheet = el.getParent();
					var sheetSize = sheet.getSize();
					var sheetWidth = parseInt(sheetSize.x);
					// get the track the button is in
					var track = sheet.getParent();
					// how many children
					var sheets = track.getChildren().length;
					// current position
					var marginCurrent = parseInt(track.getStyle('margin-left'));
					// "next" position
					var marginNext = marginCurrent-sheetWidth;
					if ((0-(sheets*sheetWidth))>marginNext) {
						marginNext = 0-(sheets*sheetWidth);
					}
					// morph the first sheet
					var trackSlide = new Fx.Morph(track, {duration: 400});
					trackSlide.start({
						'margin-left': [marginCurrent,marginNext]
					});
					return false;
				}
			});
		});
		var fwdbuts = $$('.sheet_prev');
		$each(fwdbuts, function(el){
			el.addEvents({
				'click' : function() { 
					// get the sheet the button is in
					var sheet = el.getParent();
					var sheetSize = sheet.getSize();
					var sheetWidth = parseInt(sheetSize.x);
					// get the track the button is in
					var track = sheet.getParent();
					// how many children
					var sheets = track.getChildren().length;
					// current position
					var marginCurrent = parseInt(track.getStyle('margin-left'));
					// "next" position
					var marginNext = marginCurrent+sheetWidth;
					if ((sheets*sheetWidth)<marginNext) {
						marginNext = sheets*sheetWidth;
					}
					// morph the first sheet
					var trackSlide = new Fx.Morph(track, {duration: 400});
					trackSlide.start({
						'margin-left': [marginCurrent,marginNext]
					});
					return false;
				}
			});
		});
		
	}
})



// NAV PANEL

window.addEvent('domready', function() {
	
	
	
	if ($('panel2_projects')) {
	
		// set panel time out
		panelTimeOutProjects = false;
		panelTimeBackProjects = false;
	
		// init
		$('panel2_projects').setStyles({'opacity':0,'right':-50});
		// panel 1
		hoverPanels = new Array($('nav1_3'),$('panel2_projects'));
		$each(hoverPanels,function(el) {	
			el.addEvents({
				'mouseleave' : function() {
					clearTimeout(panelTimeBackProjects);
					functionToRun = "$('nav1_3').removeClass('over');$('panel2_projects').setStyles({'right':-50,'opacity':0})";
					panelTimeOutProjects = setTimeout(functionToRun,200);
				},
				'mouseenter' : function() {
					clearTimeout(panelTimeOutProjects);
					if (!$('nav1_3').hasClass('over')) {
						functionToRun = "$('nav1_3').addClass('over');panelSetBack('panel2_company');panelOut('panel2_projects')";
						panelTimeBackProjects = setTimeout(functionToRun,200);
					}
				}
			});
		});
	
	}
	
	if ($('panel2_company')) {
	
		// set panel time out
		panelTimeOutCompany = false;
		panelTimeBackCompany = false;
	
		// init
		$('panel2_company').setStyles({'opacity':0,'right':-50});
		// panel 1
		hoverPanels = new Array($('nav1_4'),$('panel2_company'));
		$each(hoverPanels,function(el) {	
			el.addEvents({
				'mouseleave' : function() {
					clearTimeout(panelTimeBackCompany);
					functionToRun = "$('nav1_4').removeClass('over');$('panel2_company').setStyles({'right':-50,'opacity':0});";
					panelTimeOutCompany = setTimeout(functionToRun,200);
				},
				'mouseenter' : function() {
					clearTimeout(panelTimeOutCompany);
					if (!$('nav1_4').hasClass('over')) {
						functionToRun = "$('nav1_4').addClass('over');panelSetBack('panel2_company');panelOut('panel2_company');";
						panelTimeBackCompany = setTimeout(functionToRun,200);
					}
				}
			});
		});
	
	}
	
})

// panel movements
function panelOut(panel) {
	var panelmorph = new Fx.Morph($(panel),{ 'duration':400, transition: Fx.Transitions.Sine.easeOut }).start({ 'right':150,'opacity':1 });
}
function panelBack(panel) {
	var panelmorph = new Fx.Morph($(panel),{ 'duration':400, transition: Fx.Transitions.Quad.easeIn }).start({ 'right':-50,'opacity':0 });
}
function panelSetBack(panel) {
	if ($(panel)) {
		$(panel).setStyles({ 'opacity':0 , 'right':-50 });
	}
}




function jah_switch(url,target)
{

	if (document.getElementById(target).innerHTML != '')
	{
		document.getElementById(target).innerHTML = '';
	}
	else
	{

		jah(url,target);
	}

}
function jah(url,target) {
    // native XMLHttpRequest object
		document.getElementById(target).innerHTML = '<span class="ajah_waiting"><a href="javascript:jah(\''+url+'\',\''+target+'\');">sending...</a></span>';
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = function() {jahDone(target);};
        req.open("GET", url, true);
        req.send(null);
    // IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = function() {jahDone(target);};
            req.open("GET", url, true);
            req.send();
        }
    }
}    

function jahDone(target) {
    // only if req is "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            results = req.responseText;
            document.getElementById(target).innerHTML = results;
        } else {
            document.getElementById(target).innerHTML="jah error:\n" +
                req.statusText;
        }
    }
}