window.onload = function() {

    //to make container round
    
    $('#container').corner('15px');
        
    //to make container round

    //Mouse Follower Script
    
                $("#container").append('<div id="mydiv"><img src="source/butterfly.gif" alt="" /></div>');


                var divName = 'mydiv'; // div that is to follow the mouse
                // (must be position:absolute)
                var offX = 15;          // X offset from mouse position
                var offY = 15;          // Y offset from mouse position

                function mouseX(evt) { if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); else return 0; }
                function mouseY(evt) { if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY) return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0; }

                function follow(evt) {
                    if (document.getElementById) {
                        var obj = document.getElementById(divName).style; obj.visibility = 'visible';
                        obj.left = (parseInt(mouseX(evt)) + offX) + 'px';
                        obj.top = (parseInt(mouseY(evt)) + offY) + 'px';
                    }
                }
                document.onmousemove = follow;


                //End of Mouse Follower Script

                //Pencil menu
                        var Duration = 150; //time in milliseconds

                        $('#navigation ul li a').hover(function() {
                            $(this).animate({ paddingLeft: '10px' }, Duration);
                        }, function() {
                            $(this).animate({ paddingLeft: '0px' }, Duration);
                        });

                        $('.home').hover(function() {
                            $('.home').effect("bounce", { direction: 'down', times: 0 }, 300);
                        });
                        //End of Pencil menu

                        //bounce menu
                        $('.home').hover(function() {

                            $('.home').effect("bounce", { direction: 'down', times: 1 }, 300);

                        });

                        $('.home').mouseout(function() {

                            $('.home').effect("left", { direction: 'top', times: 0 }, 300);
                        });
                        $('.aboutus').hover(function() {

                            $('.aboutus').effect("bounce", { direction: 'down', times: 1 }, 300);

                        });

                        $('.aboutus').mouseout(function() {

                            $('.aboutus').effect("left", { direction: 'top', times: 0 }, 300);
                        });

                        $('.curriculum').hover(function() {

                            $('.curriculum').effect("bounce", { direction: 'down', times: 1 }, 300);

                        });

                        $('.curriculum').mouseout(function() {

                            $('.curriculum').effect("left", { direction: 'top', times: 0 }, 300);
                        });

                        $('.gallery').hover(function() {

                            $('.gallery').effect("bounce", { direction: 'down', times: 1 }, 300);

                        });

                        $('.gallery').mouseout(function() {

                            $('.gallery').effect("left", { direction: 'top', times: 0 }, 300);
                        });
                        $('.calander').hover(function() {

                            $('.calander').effect("bounce", { direction: 'down', times: 1 }, 300);

                        });


                        $('.calander').mouseout(function() {

                            $('.calander').effect("left", { direction: 'top', times: 0 }, 300);
                        });


                        $('.contactus').hover(function() {

                            $('.contactus').effect("bounce", { direction: 'down', times: 1 }, 300);

                        });


                        $('.contactus').mouseout(function() {

                            $('.contactus').effect("left", { direction: 'top', times: 0 }, 300);
                        });
                        //end of bounce menu


                        //preload css images


                        ; jQuery.preloadCssImages = function(settings) {
                            settings = jQuery.extend({
                                statusTextEl: null,
                                statusBarEl: null,
                                errorDelay: 999, // handles 404-Errors in IE
                                simultaneousCacheLoading: 2
                            }, settings);
                            var allImgs = [],
		loaded = 0,
		imgUrls = [],
		thisSheetRules,
		errorTimer;

                            function onImgComplete() {
                                clearTimeout(errorTimer);
                                if (imgUrls && imgUrls.length && imgUrls[loaded]) {
                                    loaded++;
                                    if (settings.statusTextEl) {
                                        var nowloading = (imgUrls[loaded]) ?
					'Now Loading: <span>' + imgUrls[loaded].split('/')[imgUrls[loaded].split('/').length - 1] :
					'Loading complete'; // wrong status-text bug fixed
                                        jQuery(settings.statusTextEl).html('<span class="numLoaded">' + loaded + '</span> of <span class="numTotal">' + imgUrls.length + '</span> loaded (<span class="percentLoaded">' + (loaded / imgUrls.length * 100).toFixed(0) + '%</span>) <span class="currentImg">' + nowloading + '</span></span>');
                                    }
                                    if (settings.statusBarEl) {
                                        var barWidth = jQuery(settings.statusBarEl).width();
                                        jQuery(settings.statusBarEl).css('background-position', -(barWidth - (barWidth * loaded / imgUrls.length).toFixed(0)) + 'px 50%');
                                    }
                                    loadImgs();
                                }
                            }

                            function loadImgs() {
                                //only load 1 image at the same time / most browsers can only handle 2 http requests, 1 should remain for user-interaction (Ajax, other images, normal page requests...)
                                // otherwise set simultaneousCacheLoading to a higher number for simultaneous downloads
                                if (imgUrls && imgUrls.length && imgUrls[loaded]) {
                                    var img = new Image(); //new img obj
                                    img.src = imgUrls[loaded]; //set src either absolute or rel to css dir
                                    if (!img.complete) {
                                        jQuery(img).bind('error load onreadystatechange', onImgComplete);
                                    } else {
                                        onImgComplete();
                                    }
                                    errorTimer = setTimeout(onImgComplete, settings.errorDelay); // handles 404-Errors in IE
                                }
                            }

                            function parseCSS(sheets, urls) {
                                var w3cImport = false,
			imported = [],
			importedSrc = [],
			baseURL;
                                var sheetIndex = sheets.length;
                                while (sheetIndex--) {//loop through each stylesheet

                                    var cssPile = ''; //create large string of all css rules in sheet

                                    if (urls && urls[sheetIndex]) {
                                        baseURL = urls[sheetIndex];
                                    } else {
                                        var csshref = (sheets[sheetIndex].href) ? sheets[sheetIndex].href : 'window.location.href';
                                        var baseURLarr = csshref.split('/'); //split href at / to make array
                                        baseURLarr.pop(); //remove file path from baseURL array
                                        baseURL = baseURLarr.join('/'); //create base url for the images in this sheet (css file's dir)
                                        if (baseURL) {
                                            baseURL += '/'; //tack on a / if needed
                                        }
                                    }
                                    if (sheets[sheetIndex].cssRules || sheets[sheetIndex].rules) {
                                        thisSheetRules = (sheets[sheetIndex].cssRules) ? //->>> http://www.quirksmode.org/dom/w3c_css.html
					sheets[sheetIndex].cssRules : //w3
					sheets[sheetIndex].rules; //ie 
                                        var ruleIndex = thisSheetRules.length;
                                        while (ruleIndex--) {
                                            if (thisSheetRules[ruleIndex].style && thisSheetRules[ruleIndex].style.cssText) {
                                                var text = thisSheetRules[ruleIndex].style.cssText;
                                                if (text.toLowerCase().indexOf('url') != -1) { // only add rules to the string if you can assume, to find an image, speed improvement
                                                    cssPile += text; // thisSheetRules[ruleIndex].style.cssText instead of thisSheetRules[ruleIndex].cssText is a huge speed improvement
                                                }
                                            } else if (thisSheetRules[ruleIndex].styleSheet) {
                                                imported.push(thisSheetRules[ruleIndex].styleSheet);
                                                w3cImport = true;
                                            }

                                        }
                                    }
                                    //parse cssPile for image urls
                                    var tmpImage = cssPile.match(/[^\("]+\.(gif|jpg|jpeg|png)/g); //reg ex to get a string of between a "(" and a ".filename" / '"' for opera-bugfix
                                    if (tmpImage) {
                                        var i = tmpImage.length;
                                        while (i--) { // handle baseUrl here for multiple stylesheets in different folders bug
                                            var imgSrc = (tmpImage[i].charAt(0) == '/' || tmpImage[i].match('://')) ? // protocol-bug fixed
						tmpImage[i] :
						baseURL + tmpImage[i];

                                            if (jQuery.inArray(imgSrc, imgUrls) == -1) {
                                                imgUrls.push(imgSrc);
                                            }
                                        }
                                    }

                                    if (!w3cImport && sheets[sheetIndex].imports && sheets[sheetIndex].imports.length) {
                                        for (var iImport = 0, importLen = sheets[sheetIndex].imports.length; iImport < importLen; iImport++) {
                                            var iHref = sheets[sheetIndex].imports[iImport].href;
                                            iHref = iHref.split('/');
                                            iHref.pop();
                                            iHref = iHref.join('/');
                                            if (iHref) {
                                                iHref += '/'; //tack on a / if needed
                                            }
                                            var iSrc = (iHref.charAt(0) == '/' || iHref.match('://')) ? // protocol-bug fixed
						iHref :
						baseURL + iHref;

                                            importedSrc.push(iSrc);
                                            imported.push(sheets[sheetIndex].imports[iImport]);
                                        }


                                    }
                                } //loop
                                if (imported.length) {
                                    parseCSS(imported, importedSrc);
                                    return false;
                                }
                                var downloads = settings.simultaneousCacheLoading;
                                while (downloads--) {
                                    setTimeout(loadImgs, downloads);
                                }
                            }
                            parseCSS(document.styleSheets);
                            return imgUrls;
                        };
                        //end of preload images script
}