function ulSlide(divid, ulid, xy, width, height, count, cur_page, padding, lionpage) {
	var obj = new Object();
	obj.divid = divid;
	obj.ulid = ulid;
	obj.xy = xy;
	obj.width = width;
	obj.height = height;
	obj.count = count;
	obj.cur_page = cur_page;
	obj.lionpage = (lionpage > 0) ? lionpage : 1;
	obj.onAnimate = function (sl) {};	
	
	var ul_el = jQuery('#'+ulid);
	var div_el = jQuery('#'+divid);
	if (ul_el && div_el) {
		obj.ul_el = ul_el;
		obj.div_el = div_el;
		
		div_el.css("margin", '0');
		div_el.css("padding", '0');
		//div_el.css("border", "1px solid red");
		div_el.css("position", "relative");
		div_el.css("overflow", "hidden");
		
		if (lionpage > 1) {
			if (xy == 'x') {
				div_el.css("width", (width*lionpage)+'px');
				div_el.css("height", height+'px');
			}
			else {
				div_el.css("width", width+'px');
				div_el.css("height", (height*lionpage)+'px');
			}
		}
		else {
			div_el.css("width", width+'px');
			div_el.css("height", height+'px');
		}
		
		jQuery('#'+ulid+' li').not('#'+ulid+' ul li').addClass('slide_li');
		
		ul_el.css("padding", '0');
		ul_el.css("margin", '0');
		ul_el.css("position", 'absolute');
		
		jQuery('#'+ulid+' li.slide_li').css("margin", '0');
		jQuery('#'+ulid+' li.slide_li').css("float", 'left');

		if (xy == 'x') {
			ul_el.css("width", (count * width)+'px');	
			ul_el.css("height", height+'px');	
			ul_el.css("left", '-'+(cur_page * width) +'px');
			ul_el.css("top", '0px');
			
			
			
			jQuery('#'+ulid+' li.slide_li').css("width", (width - (padding * 2))+'px');
			jQuery('#'+ulid+' li.slide_li').css("height", height+'px');
			jQuery('#'+ulid+' li.slide_li').css("padding", '0 '+padding+'px 0 '+padding+'px');
				}
		else {
			ul_el.css("width", width+'px');	
			ul_el.css("height", (count * height)+'px');	
			ul_el.css("left", '0px');
			ul_el.css("top", '-'+(cur_page * height) +'px');
			
			jQuery('#'+ulid+' li.slide_li').css("width", width+'px');
			jQuery('#'+ulid+' li.slide_li').css("height", (height - (padding * 2))+'px');
			jQuery('#'+ulid+' li.slide_li').css("padding", padding+'px 0 '+padding+'px 0');
		}
	}
	else return false;
	
	obj.animate = function() {	
		if (this.xy == 'x')	jQuery('#'+this.ulid).animate({'left':'-'+((this.cur_page) * this.width)+'px'}, 500);
		else				jQuery('#'+this.ulid).animate({'top':'-'+((this.cur_page) * this.height)+'px'}, 500);
		
		
		this.resetButtonClasses();
		this.onAnimate(this);
	
	};

	obj.avnext = function() {
		if ((this.cur_page + this.lionpage) < this.count) return true;
		else return false;
	};
	
	obj.avprev = function() {
		if (this.cur_page > 0) return true;
		else return false;
	};
	
	obj.next = function() {
		if (! this.ready) return false;
		this.ready = false;
		//alert(this.cur_page);
		if (this.avnext()) this.cur_page ++;
		this.animate();	
		this.ready = true;
	};
	
	obj.prev = function() {
		if (! this.ready) return false;
		this.ready = false;
		//alert(this.cur_page);
		if (this.avprev()) this.cur_page --;
		this.animate();	
		this.ready = true;
	};
	
	obj.resetButtonClasses = function() {
		var nav_next = jQuery('#'+this.next_button_id);
		if (nav_next) {
			if (this.avnext()) nav_next.addClass('active');
			else nav_next.removeClass('active');
		}
		var nav_prev = jQuery('#'+this.prev_button_id);
		if (nav_prev) {
			if (this.avprev()) nav_prev.addClass('active');
			else nav_prev.removeClass('active');	
		}
	}
				
	obj.setNextButton = function(id) {
		this.next_button_id = id;

		var button = jQuery('#' + id);
		document.getElementById(id).slider = this;
		button.click(
			function () { 
				this.slider.next(); 
				this.slider.resetButtonClasses();
				return false; 
			}); 
	};
	
	obj.setPrevButton = function(id) {
		this.prev_button_id = id;

		var button = jQuery('#' + id);
		document.getElementById(id).slider = this;
		button.click(
			function () { 
				this.slider.prev(); 
				this.slider.resetButtonClasses();
				return false; 
			}); 
	};
	//alert(obj.cur_page);
	obj.ready = true;
	return obj;
}

function add_class_item() {//alert(obj.cur_page);
	if(document.getElementById('left_slaid_menu_home')) {
	node=document.getElementById('left_slaid_menu_home');
		for(i=0; i<node.childNodes.length; i++ ) {
			element = node.childNodes[i];
			if(element.nodeName=='LI')	{
				
				
			}
		}
	}
}	

/* -----------------------------   sample:   ---------------------------------------------
<?php
function dk_add_head_script() {
	wp_enqueue_script("jquery"); 
	wp_enqueue_script('ulslide', get_bloginfo('stylesheet_directory').'/js/ulSlide.js');
	wp_print_scripts();
}
add_action('wp_head', 'dk_add_head_script', 2);
//----------------------------------------------------------------------------------------

?>
<div class="most_popular_nav">
	<a href="#" id="most_popular_nav_prev">&lt;</a>
	<a href="#" id="most_popular_nav_next">&gt;</a>
</div>
<div id="most_popular_se_posts">
	<ul id="most_popular_se_posts_ul">
		<?php while (have_posts()) { the_post(); ?>
		<li><?php the_title(); ?></li>
		<?php } ?>
	</ul>
</div>

<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function() {
	var slide = ulSlide('most_popular_se_posts', 'most_popular_se_posts_ul', 'x', 270, 200, <?php global $wp_query; echo $wp_query->post_count; ?>, 0, 4, 1);
	if (slide) {
		slide.setNextButton('most_popular_nav_next');
		slide.setPrevButton('most_popular_nav_prev');
		slide.resetButtonClasses();
	}
});
//]]>
</script>
----------------------------------------------------------------------------------------*/
