//Hello World
/*
Copyright 2007 - Conrad StudioWorks LLC

Requires: Moo Tools library v1.1 or greater.

*/

function homepageImageLoaderandControl()
    {
        RandomImage();
        ImageClip();
    }
    function RandomImage()
    {
        ImageArray = new Array();
            ImageArray[0]='../../images/Homepage/7.jpg';
	    ImageArray[1]='../../images/Homepage/6.jpg';
	    ImageArray[2]='../../images/Homepage/5.jpg';
	    ImageArray[3]='../../images/Homepage/4.jpg';
	    ImageArray[4]='../../images/Homepage/3.jpg';
	    ImageArray[5]='../../images/Homepage/2.jpg';
	    ImageArray[6]='../../images/Homepage/1.jpg';
	    ImageArray[7]='../../images/Homepage/0.jpg';

       var finalImage=Math.floor(Math.random()*ImageArray.length);
       document.getElementById("homepageImage").src = ImageArray[finalImage];
    }
    
    function ImageClip()
    {
        //set image size
        imageWidth = $('homepageImage').getSize().size.x;
        imageHeight = $('homepageImage').getSize().size.y;
        
        //get window size.
        var initialWidth = window.getWidth();
        var initialHeight = window.getHeight() - 60;
        var scrollBarWidth = 60;

        //Randomly select clipping zone.
            //Make sure image is large enough to need clipping.
            if (imageWidth - initialWidth > 0)
            {
                //Subtract window width from image width (& height)
                excessWidth = imageWidth - initialWidth;
                excessHeight = imageHeight - initialHeight;
                
                //Randomly select right edge.
                randomX=Math.floor(Math.random()*excessWidth);
                rightEdge=imageWidth-randomX;
                
                //Randomly select bottom edge.
                randomY=Math.floor(Math.random()*excessHeight);
                bottomEdge=imageHeight-randomY;
                
	            //Subtract screen size from right edge to get left edge.
	            leftEdge = rightEdge - initialWidth - scrollBarWidth;
	            
	            //Subtract screen size from bottom edge to get top edge.
	            topEdge = bottomEdge - initialHeight - scrollBarWidth;

	            //Clip image based on shift points.
	            $('homepageImage').style.clip="rect(" + topEdge + "px," + rightEdge + "px," + bottomEdge + "px," + leftEdge + "px)";

	            //Realign image to upper left corner of loading area.
	            $('homepageImage').style.left= "-" + leftEdge + "px";
	            topEdge = topEdge - 60; //Needed adjustment factor.
	            $("homepageImage").style.top= "-" + topEdge + "px";
	        }   
	        //Run some post operation clean up. 
	            //Hide the blank clipped area of the image a.k.a. get rid of scroll bars.
	                $(document.body).setStyle('overflow', 'hidden');
	                //IE Fix below.
	                    //kill scrollbars
	                    $(document.documentElement).setStyle('overflow', 'hidden'); 
	                    //extend menu background to new edge
	                    $('whiteContainer').setStyle('width', '120%');
            
     };

//Good-bye World