sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
					sfEls[i].onmouseover=function() {
									this.className+=" over";
					}
					sfEls[i].onmouseout=function() {
									this.className=this.className.replace(new RegExp(" over\\b"), "");
					}
	}
}
Math.randomMax = function(maxVal,asFloat){
var val = Math.random()*maxVal;
return asFloat?val:Math.round(val);
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

$(function(){

	// preload home feature images
	var homeFeatureImages = new Array();
	function preloadImages(){
		for (x=0; x< preloadImages.arguments.length; x++){
			homeFeatureImages[x] = new Image();
			homeFeatureImages[x].src = revPath +  preloadImages.arguments[x];
		}
	}
	preloadImages("/images/cartoon_prepostnatal.png", "/images/cartoon_rehab.png", "/images/cartoon_athletic.png", "/images/cartoon_inactive.png", "/images/cartoon_loseweight.png","/images/cartoon_posture.png","/images/cartoon_springchicken.png","/images/cartoon_kid.png","/images/cartoon_move.png","/images/cartoon_something.png");
	
	// initialise interactive
	var homeFeature = $("#right1");
	homeFeature.children(".inner").css("background-image", "url(" + revPath + "/images/cartoon_prepostnatal.png)");
	homeFeature.find("ul li:first").css("background","url("+ revPath +"/images/content_arrow_white.png) left center no-repeat");
	
	// set up events
	homeFeature.find(" ul li").each(function(i) {
		$(this).mouseover(function() {
			$(this).siblings().css("background","none");
			$(this).css("background","url("+ revPath +"/images/content_arrow_white.png) left center no-repeat");
			homeFeature.children(".inner").css("background-image", "url(" + homeFeatureImages[i].src + ")");
		});
	});
	


    // image rotator scripts
    /*
    - hide css background image
    - preload background images
    - create new 3 new divs and set class and background image for them
    - setup rotation    
    */
    
    // initialise header banner rotator once images have preloaded
      function randOrd(){
    return (Math.round(Math.random())-0.5); } 
    
    anyArray = new Array("/images/header_bg1.jpg", "/images/header_bg2.jpg", "/images/header_bg3.jpg");
    anyArray.sort( randOrd );
    setupRotatingBanners("#header", anyArray[0], anyArray[1], anyArray[2]);
}); 
     
      
    function setupRotatingBanners(container) {
        if ($(container).length) {
                    
            var containerObject = $(container);
            var slides = new Array();
            
            containerObject.css("background-image", "none");
            
            
            
            
            for ( var i=1 ; i<arguments.length; i++ ) {
                
                // preload each background image
                $('<img />').attr('src', revPath + arguments[i]);
                
                // create slide divs
                slides[i] = $("<div></div>")
                    .addClass("slide")
                    .css("background-image","url(" + revPath + arguments[i] + ")");
                containerObject.append(slides[i]);
            }
            
            containerObject.data("currentFrame", 1);
            slideRotation(container, ".slide");
        }
    }
    
  

    
  //  images =  new Array("/images/studio1.jpg", "", "/images/studio3.jpg", "/images/studio1.jpg", "/images/studio2.jpg", "/images/studio3.jpg");
    // initialise header banner rotator once images have preloaded
 //   setupPhotoRotator(".slideshow",  "/images/studio1.jpg", , "/images/studio3.jpg", "/images/studio1.jpg", "/images/studio2.jpg", "/images/studio3.jpg");
    
    function setupPhotoRotator(container) {
        if ($(container).length) {
                    
            var containerObject = $(container);
            var slides = new Array();
            
            containerObject.children("img").css("visibility","hidden");
            
            for ( var i=1; i<arguments.length; i++ ) {
                
                // create slide divs
                    slides[i] = $("<div></div>")
                        .addClass("slide")
                        .append("<img src="  + arguments[i] + " />");
                    containerObject.append(slides[i]);
                
            }
            
            // create thumnbail list container
            containerObject.append("<ul class='thumbnails'></ul>");
            
            for ( var i=1; i<arguments.length; i++ ) {

                    // create each thumnbail list item and image
                    var thumbListItem = $("<li><img src="  + arguments[i] + " /></li>");
                    thumbListItem.data("associatedFrame", i).appendTo(container + " .thumbnails");
                
            }
            
            containerObject.find(".thumbnails li:first").addClass("active");
            
            // add click behaviour to thumbnails
            $(container + " .thumbnails li img").click( function() {
                $(this).parents("li").addClass("active").siblings().removeClass("active");
                containerObject.data("currentFrame", $(this).parent("li").data("associatedFrame"));
                $(".slide", container).eq(containerObject.data("currentFrame")-1).show().siblings(".slide").hide(); 
                //console.log("currentFrame is now " + containerObject.data("currentFrame"));
            });
            
            containerObject.data("currentFrame", 1);
            var photoCycle = slideRotation(container, ".slide");
        
        }
    }
    
    function slideRotation(slideContainer, slideElements) {
        delay = 6000;
        var slides = $(slideElements, slideContainer);
        slides.eq($(slideContainer).data("currentFrame")-1).show();

        var cycle = self.setInterval(function(){slideFadeIn(slideContainer, slideElements)}, delay);
        return cycle;
    }
    
    function slideFadeIn(slideContainer, slideElements) { 
            var slides = $(slideElements, slideContainer);
            var frame = $(slideContainer).data("currentFrame");
            var slideThumbnails = $(slideContainer + " .thumbnails li");
            
            $(slides).eq(frame-1).fadeIn("slow").siblings(".slide").fadeOut("slow"); 
            //console.log("Fading in frame " + frame);
            
            // if there are thumbnails, put the active class on the right one
            if (slideThumbnails.length) { 
                slideThumbnails.removeClass("active"); 
                slideThumbnails.eq(frame-1).addClass("active");
            }
            
            if (frame >= slides.length) { frame = 1; } else { frame++; }
            $(slideContainer).data("currentFrame", frame);
    }
    
    
 $(function() {        
        
    // if function argument is given to overlay it is assumed onBeforeLoad event listener
    
   if($("#over").length)
   {
        $("a[rel]").overlay({onBeforeLoad: function() {
        
        $("div.wrap").html("");
        // grab wrapper element inside content
        var wrap = this.getContent().find("div.wrap");
                
        // load only for the first time it is opened
        //if (wrap.is(":empty")) {            
            wrap.load(this.getTrigger().attr("href"));    
        //}        
        }});            
   }
});

var imageGlobal = "";
function zoomImage(image) {
		imageGlobal = image;
		$("#overlay").overlay({ api: true, onBeforeLoad: function() {
				$("div.wrap").html("<div style='margin-top: 60px; margin-left: 35px;'><img src='"+ imageGlobal +"'/></div>");
        }
		}).load();         
}