// c1Slider.js
// copylight (c) 2009 GrapeCity inc.

/// <reference path="jquery.js" />
/// <reference path="jquery-vsdoc.js" />

(function($) {

    $.fn.c1Slider = function(options)
    {
        var opts = $.extend({}, $.fn.c1Slider.defaults, options);
		var cur = 0;
		var maxi = $("#myController > li").length;
		
		$(this).find("li").each(function(i)
        {
    	    $(this).click(function()
    	    {
		        $("li").removeClass("active");
		        $(this).addClass("active");
                var dur = Math.abs(cur-i+1);
				$(opts.slides).animate({
					marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")
				}, opts.duration);
				cur = i;
			})
		})
		
		$(opts.slides).before('<div id="c1SlideP"></div>').appendTo("#c1SlideP");
		
		$(opts.slides).find(".PnlCategory").each(function(){
			$(this).before('<div class="c1SlideContainer"></div>').appendTo($(this).prev());
		});
		
		$("#myController > li").eq(cur).addClass("active");
		
		var resize = function (x){
			$("#c1SlideP").css({
				position:"relative",
				width: opts.width,
				height: opts.height,
				overflow: "hidden"
			});
		
			$(opts.slides).css({
				position:"relative",
				width: $("#c1SlideP").width()*$("#myController > li").length+"px",
				height: $("#c1SlideP").height()+"px",
				overflow: "hidden"
			});
		
			$(opts.slides).children().css({
				position:"relative",
				width: $("#c1SlideP").width()+"px",
				height: $("#c1SlideP").height()+"px",
				"float":"left"
			});
			
			$(opts.slides).css({
				marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
			});
		}
		
		resize();
		
		$(window).resize(function(){
			resize();						  
		});
	}
    
	$.fn.c1Slider.defaults = {
		easing: "swing",
		duration: 500,
		width: "100%"
	};

})(jQuery);