/*********************
//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/
//* Last update: Nov 7th, 08': Limit # of queued animations to minmize animation stuttering
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/


color = new Array
	color[1]='rgb(98,30,237)'
	color[2]='rgb(237,30,121)'
	color[3]='rgb(30,210,237)'
	color[4]='rgb(30,237,113)'
	color[5]='rgb(200,237,30)'
	color[6]='rgb(237,98,30)'
	
var i = 3;
var y = 2;
	

function updatecolors(){
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
				$(".pinkborder").css('background-color', color[rand_no]);
					$(".activeselector").css('background-color', color[rand_no]);
			$(".activehomebutt").css('color', color[rand_no]);
			$(".activeworkbutt").css('color', color[rand_no]);
			$(".activeaboutbutt").css('color', color[rand_no]);
			$(".activenewsbutt").css('color', color[rand_no]);
			$("img").css('border-color', color[rand_no]);
			$("#fixedtipdiv").css('border-color', color[rand_no]);
			$(".activeworkmenutext").css('color', color[rand_no]);
				
				
	
	
};



function makeScrollable(wrapper, scrollable){
	// Get jQuery elements
	var wrapper = $(wrapper), scrollable = $(scrollable);
	
	// Hide images until they are not loaded
	scrollable.hide();
	var loading = $('<div class="loading">Loading...</div>').appendTo(wrapper);
	
	// Set function that will check if all images are loaded
	var interval = setInterval(function(){
		var images = scrollable.find('img');
		var completed = 0;
		
		// Counts number of images that are succesfully loaded
		images.each(function(){
			if (this.complete) completed++;	
		});
		
		if (completed == images.length){
			clearInterval(interval);
			// Timeout added to fix problem with Chrome
			setTimeout(function(){
				
				loading.hide();
				// Remove scrollbars	
				wrapper.css({overflow: 'hidden'});						
				
				scrollable.slideDown('slow', function(){
					enable();	
				});					
			}, 1000);	
		}
	}, 100);
	
	function enable(){			
		// height of area at the top at bottom, that don't respond to mousemove
		var inactiveMargin = 100;
		// Cache for performance
		var wrapperWidth = wrapper.width();
		var wrapperHeight = wrapper.height();
		// Using outer height to include padding too
		var scrollableHeight = scrollable.outerHeight() + 2*inactiveMargin;
		// Do not cache wrapperOffset, because it can change when user resizes window
		// We could use onresize event, but it's just not worth doing that 
		// var wrapperOffset = wrapper.offset();
		
		//When user move mouse over menu			
		wrapper.mousemove(function(e){
			var wrapperOffset = wrapper.offset();
			// Scroll menu
			var top = (e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin;	
			
			if (top < 0){
				top = 0;
			}
			
			wrapper.scrollTop(top);
		});		
	}
}
	
$(function(){	
	makeScrollable("div.sc_menu_wrapper", "div.sc_menu");
});

//Specify full URL to down and right arrow images (23 is padding-right to add to top level LIs with drop downs):




$(document).ready(function($)
{
	
	
	
	
	var rand_no = Math.floor((7-1)*Math.random()) + 1;
	$(".pinkborder").css('background-color', color[rand_no]);
	$(".activeselector").css('background-color', color[rand_no]);
	$(".activehomebutt").css('color', color[rand_no]);
	$(".activeaboutbutt").css('color', color[rand_no]);
	$(".activeworkbutt").css('color', color[rand_no]);
	for(y=2;y<39;y++)
	{
	$(".logobg"+y).css('background-color', color[rand_no]);
	}
	$("#fixedtipdiv").css('border-color', color[rand_no]);
	$("img").css('border-color', color[rand_no]);
	$("e").css('border-color', color[rand_no]);
	$(".activeworkmenutext").css('color', color[rand_no]);
	

	
	
	
	var pagecolor = rand_no;
	
	
	$(".homebutt").hover(
      
	  function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color', color[rand_no]);
		$(".logobg"+i).css('background-color', color[rand_no]);
		i=i+1;
		if (i>39)
		{
			i=1;
			/*document.getElementById("treat").src="./catty_treat.gif";*/
		updatecolors();
			
		}
	  },
	  
	  function () {
	  $(this).css('color', '#F6F6F6');
      }

    )
	
	$(".workbutt").hover(
      
	  function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color', color[rand_no]);
		$(".logobg"+i).css('background-color', color[rand_no]);
		i=i+1;
		if (i>39)
		{
			i=1;
			/*document.getElementById("treat").src="images/catty_treat.gif";*/
updatecolors();
		}
	
	  },
	  
	  function () {
	  $(this).css('color', '#D1D1D1');
      }

    )
	
	$(".aboutbutt").hover(
      
	  function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color', color[rand_no]);
		$(".logobg"+i).css('background-color', color[rand_no]);
		i=i+1;
		if (i>39)
		{
			i=1;
			/*document.getElementById("treat").src="images/catty_treat.gif";*/
		updatecolors();
		}
	  },
	  
	  function () {
	  $(this).css('color', '#A2A2A2');
	  }

    )
	
	$(".newsbutt").hover(
      
	  function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color', color[rand_no]);
		$(".logobg").css('background-color', color[rand_no]);
		$(".logobg"+i).css('background-color', color[rand_no]);
		i=i+1;
		if (i>39)
		{
			i=1
			/*document.getElementById("treat").src="images/catty_treat.gif";*/
			updatecolors();

			
		}
		
	  },
	  
	  function () {
	  $(this).css('color', '#7F7F7F');
	  }

    )
	
	$(".workmenubutton").hover(
      
	  function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color', color[rand_no]);
		
	  },
	
	 function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color','#E9E9E9');
		
	  }
	
	)
	
		$(".unlinky").hover(
      
	  function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color', color[rand_no]);
		
	  },
	
	 function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		$(this).css('color','#E9E9E9');
		
	  }
	
	)

	
	
	
	
	$(".testbutt").hover(
      
	  function () {
		var rand_no = Math.floor((7-1)*Math.random()) + 1;
		
		$(this).css('color', color[rand_no]);

		$(".logobg"+i).css('background-color', color[rand_no]);
	
		i=i+1;
		if (i>39)
		{
	
			i=1
			/*document.getElementById("treat").src="../catty_treat.gif";
			*/
	
		}
	
	  },
	  
	  function () {
	
			  
	  $(this).css('color', '#FFF');

 

	  }

    )
	
	

}) ;
// JavaScript Document