window.onload = function()
	{
		doV3Start();
	}

	var autoDisableFlags = 1;
	
	var cclj_corporate_ROLLOVER = new Image();
	cclj_corporate_ROLLOVER.src = "/images/structural/cclj/corporate.gif";
	var cclj_contact_us_ROLLOVER = new Image();
	cclj_contact_us_ROLLOVER.src = "/images/structural/cclj/contact_us.gif";
	var cclj_legal_ROLLOVER = new Image();
	cclj_legal_ROLLOVER.src = "/images/structural/cclj/legal.gif";
    var cclj_jobs_ROLLOVER = new Image();
    cclj_jobs_ROLLOVER.src = "/images/structural/cclj/jobs.gif";

	var cclj_letter_corporate = new Image();
	cclj_letter_corporate.src = "/images/structural/cclj/corporate_letter.gif";
    var cclj_letter_contact_us = new Image();
    cclj_letter_contact_us.src = "/images/structural/cclj/contact_us_letter.gif";
    var cclj_letter_legal = new Image();
    cclj_letter_legal.src = "/images/structural/cclj/legal_letter.gif";
    var cclj_letter_jobs = new Image();
    cclj_letter_jobs.src = "/images/structural/cclj/jobs_letter.gif";

	
	function ccljSwap(newIm)
	{
		var im = xGetElementById("cclj_rollover");
        var newImObj = eval("cclj_"+newIm+"_ROLLOVER");
	
		if (im.defaultSrc == null)
			return;

        (im != null && newImObj != null)
        	im.src = newImObj.src;

        // letter rollover
        im = xGetElementById("cclj_letter");
        newImObj = eval("cclj_letter_"+newIm);

        if (im != null && newImObj != null)
        	im.src = newImObj.src;

	}

	function unCcljSwap()
	{
		var im = xGetElementById("cclj_rollover");

        if (im.defaultSrc != null)
			im.src = im.defaultSrc;

		im = xGetElementById("cclj_letter");

        if (im.defaultSrc != null)
			im.src = im.defaultSrc;

	}
	
	// used to store a list of things to do onloading the page, performed after
	// the main doStart so that pages included can have their needs tended to as well
	var onLoadToDo = new Array();
	var noFlags = 0;
	var noContentSlide = 0;
	var contentInPlace = 0;

	function onLoadToDoAdd(func)
	{
		onLoadToDo[onLoadToDo.length] = func;
		return true;
	}

	function onLoadToDoRemove(func)
    {
		// remove this command from the array
		for (var i=0; i<onLoadToDo.length; i++)
			if (onLoadToDo[i] == func)
			{
				onLoadToDo[i] = "";
				return true;
			}
		
		return false;
	}

	var clientWidth; // store the width, so it doesn't change and get in a resize loop
	var clientHeight = xClientHeight(); // store the height
	
	function doV3Start(ev)
	{

		xRemoveEventListener(window,'resize',doV3Start,false);
	
		// resize the main content div if the screen is too small
		var cWidth = clientWidth = xClientWidth();

		// if it's ubr small, disable the flags
		if (noFlags == 1 && autoDisableFlags == 0)
		{
			// resize content to fill the screen
			
			f = xGetElementById("mainContent");
			xWidth(f, cWidth-xPageX(f));
		}
		else if (cWidth < 1000)
		{
			if (noFlags == 0)
			{
				// disable the flags
				noFlags = 1;
				autoDisableFlags = 1;
				
				// and expand out the content area
				// resize 
				f = xGetElementById("mainContent");
				xWidth(f, cWidth-xPageX(f));
			}
			
		}
		else if (cWidth < 1100)
		{
			f = xGetElementById("mainContent");

			// resize 
			xWidth(f, cWidth-120-xPageX(f));
			
			// re-enable flags if they were previously disabled due to resize
			if (noFlags == 1 && autoDisableFlags == 1)
				noFlags = 0;			
		}
		else if (autoDisableFlags == 1)
		{
			noFlags = 0;
		}
	
		// init default src's for rollovers
		f = xGetElementById("cclj_rollover");
		f.defaultSrc = f.src;

        f = xGetElementById("cclj_letter");         
		f.defaultSrc = f.src;
		
		// turn the flags on
		if (!noFlags)
		{
			flagsOn();
		}
		else
			flagsOff();

		// do the things in the todo array
		for (i=0; i<onLoadToDo.length; i++)
			eval(onLoadToDo[i]);

		setTimeout("addOnResize()", flagSlideTime+1000)
	
	}

	// globals for flag movement
	var flagActive = 0;
	var flagSlideTime = 200;
	var flagSlideOffsetX = -150;
	var flagSlideOffsetY = 40;

	function flagOut(wh)
	{
    	var f = xGetElementById("flag"+wh);
        xSlideTo(f, clientWidth-xWidth(f)+35, f.startY+Math.round((f.startX-(clientWidth-xWidth(f)+35))/3.75), flagSlideTime);
	}

    function flagIn(wh)
    {

	
    	var f = xGetElementById("flag"+wh);
        xSlideTo(f, f.startX, f.startY, flagSlideTime);

	}

	
	function doResize()
	{
		// don't trigger resizes in netscape/firefox/safari because they create loops when objects move about
		if(/Firefox/.test(navigator.userAgent))
			return;

		doV3Start();
	}
	
	function addOnResize()
	{
		xAddEventListener(window,'resize',doResize,false);
	}
		
	// turn the flags off
	function flagsOff()
	{

		var f;

                for (i=0; i<4; i++)
                {
                        if(!(f = xGetElementById("flag"+i)))
				continue;

			if (f.startX == null)
				continue;

                        // slide it in
                        xSlideTo(f, f.startX+130, f.startY+Math.round(120/3.75), 300+(250*i));

			xHide(f);
                }

	}

	// turn the flags on
	function flagsOn()
	{
                // record the width, since it can change as a result of positioning items
                wwidth = xClientWidth();

                // position the right flags
                for (i=0; i<4; i++)
                {
                        if(!(f = $("flag"+i)))
                        	continue;

                        // calculate its final resting place
                        f.startX = wwidth-100+(30*(i-1));
                        f.startY = 120+((i-1)*105);

                        // position for inital slide in
                        xMoveTo(f, f.startX+130, f.startY-Math.round(130/3.75));
                        xShow(f);

                        // slide it in
                        xSlideTo(f, f.startX, f.startY, 300+(250*i));
                }

	}

	function noClick()
	{
		return;
	}