$j=jQuery.noConflict();
// Dropdown menu
    $j(document).ready(function(){
								   
		$j('.nav ul ul').css({display: 'none'});
	
		$j('.nav ul li').hover(function(){
			$j(this).find('ul:first').css({
				visibility: 'visible',
				display: 'none'
			}).fadeIn('1000');
		},
		function(){
			$j(this).find('ul:first').css({
				visibility: 'hidden'
			});
		});
     });
	

// Hover moving effect
	$j(document).ready(function() {
			$j("#sidebar li a").hover(function() {	//On hover...
				$j(this).find("span").stop().animate({ 
					marginLeft: "10" //Find the span tag and move it up 40 pixels
				}, 250);
			} , function() { //On hover out...
				$j(this).find("span").stop().animate({
					marginLeft: "0" //Move the span back to its original state (0px)
				}, 250);
			});
			
			$j(".nav ul li ul li a").hover(function() {	//On hover...
				$j(this).find("span").stop().animate({ 
					marginLeft: "10" //Find the span tag and move it up 40 pixels
				}, 250);
			} , function() { //On hover out...
				$j(this).find("span").stop().animate({
					marginLeft: "0" //Move the span back to its original state (0px)
				}, 250);
			});
	});
	

	// TWITTER DISPLAY // 

	
	// Skin the select form
	$j(document).ready(
	  function() {
		$j('.my-skinnable-select').each(
		  function(i) {
			selectContainer = $j(this);
			// Remove the class for non JS browsers
			selectContainer.removeClass('my-skinnable-select');
			// Add the class for JS Browers
			selectContainer.addClass('skinned-select');
			// Find the select box
			selectContainer.children().before('<div class="select-text">a</div>').each(
			  function() {
				$j(this).prev().text(this.options[0].innerHTML)
			  }
			);
			// Store the parent object
			var parentTextObj = selectContainer.children().prev();
			// As we click on the options
			selectContainer.children().click(function() {
			  // Set the value of the html
			  parentTextObj.text(this.options[this.selectedIndex].innerHTML);
			})        
		  }
		);
	  }
	);