jQuery.noConflict();
(function($) {
    jQuery(document).ready(function($){
        // Search
        $('#search input').removeAttr('checked').eq(0).attr('checked','checked');
        $('#search input').each(function(a){
            $(this).change(function(){
                $('#search .searchform').addClass('hidden').eq(a).removeClass('hidden');
            });
        });
        //Tag Cloud
        $('#tagcloud a[rel=tag]:gt(9)').addClass('hidden');
        var b = '<a href="#" title="Selengkapnya" class="tagtrigger"><span class="icon icon-add">&nbsp;</span>tag lainnya</a>'
        $('#tagcloud a[rel=tag]:last').after(b);
        $('.tagtrigger').click(function(){
            $('#tagcloud a[rel=tag]:gt(9)').toggleClass('hidden');
            if($('span.icon',this).hasClass('icon-add')){
                $('span.icon',this).removeClass('icon-add').addClass('icon-cancel');
            }else{
                $('span.icon',this).removeClass('icon-cancel').addClass('icon-add');        
            }
            return false;
        });
        // Focus Event
        $('input').focus(function(){
            $(this).addClass('focus')
        }).blur(function(){
            $(this).removeClass('focus')
        })
        // Main Menu
        $('#menuutama div[id]').hide();
        $('#menuutama a[rel]').click(function(){
            var c = $(this).attr('rel');
            $('div#'+c).slideToggle();
            return false;
        });
        // Sub Menu
        $('#submenu li:last').addClass('last');
    	$('#submenu ul li ul').parent().addClass('dropdown');
    	$('#submenu').dropDownMenu();
        // SliderCarousel 
        $('.galleryslider').slideCarousel({
            visibleSlide: 4, 
            slideMargins: 18, 
            divNav: '.slidecarouselnav a', 
            divWrapper: '.slidecarouselwrapper ul li', 
            animateDelay: 3000, 
            afterDelay: 10000 
        });
    });
    /* Drop Down Menu */
    jQuery.fn.dropDownMenu = function(){
        var $headers = $('ul ul',this).parent();
        $headers.each(function(i){
            var $curobj=$(this);
            var $subul=$(this).find('ul:eq(0)');
            this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()};
            this.istopheader=$curobj.parents("ul").length==1? true : false;
            $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0});
            $curobj.hover(
                function(e){
                    var $targetul=$(this).children("ul:eq(0)");
                    this._offsets={left:$(this).offset().left, top:$(this).offset().top};
                    var menuleft=this.istopheader? 0 : this._dimensions.w;
                    menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width()) ? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft;
                    if ($targetul.queue().length<=1) {
                        $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(200)
                    }
                },
                function(e){
                    var $targetul=$(this).children("ul:eq(0)")
                    $targetul.slideUp(200)
                }
            ); //end hover
        }); //end $headers.each()
        $headers.find("ul").css({display:'none', visibility:'visible'});
    }
    /*  Slide Carousel
     // Option
            visibleSlide: 9, // Number of slides to be displayed in the slideshow
            slideMargins: 18, // Distance between slides
            divNav: '.slidecarouselnav a', // The Anchor for Slide navigation, e.g $('#divIDnav a')
            divWrapper: '.slidecarouselwrapper ul li', // List of slides , e.g: $('#divIDwrapper ul li')
            animateDelay: 3000, // Time delay, in miliseconds, Set '0' to disable animation on page load
            afterDelay: 10000 // Time delay after clicking navigation, in miliseconds. Set '0' to disable animation after hovering/clicking navigation        
    */
    jQuery.fn.slideCarousel = function(options){
        // Default Options
    	var defaults = {
    	   visibleSlide: 9, 
    	   slideMargins: 18, 
    	   divNav: '.slidecarouselnav a', 
    	   divWrapper: '.slidecarouselwrapper ul li', 
    	   animateDelay: 3000, 
    	   afterDelay: 10000 
    	};
    	var options = $.extend(defaults, options);
    	
    	return this.each(function(){
    	
        	// Define variables
        	$slides = options.visibleSlide; 
        	$margin = options.slideMargins; 
        	$nav = $(options.divNav, this); 
        	$div = $(options.divWrapper, this); 
        	$delay = options.animateDelay; 
        	$delayaft = options.afterDelay; 
            
            // Let the show begin!
        	$divwidth = parseInt($div.css("width")) + $margin ; // Calculate slideshow container's width
        	$divheight = parseInt($div.css("height")); // Calculate slideshow container's height
        	$alldiv = $div.length; // Count the number of slides
        	$div.parent('ul').css({"width": $alldiv*$divwidth,"height": $divheight }).parent('div').css({"height": $divheight}) // Rewrite the slideshow container's dimension
        	$div.each(function(index){
        	   $(this).css({"left" : index*$divwidth })
        	}); 
        	if($alldiv<=$slides){$nav.parent('div').hide()}; 
        	// Begin The Show
    		var i=0; 
    		var simpleslide = function simpleslide() {
    			if(i==($alldiv-$slides) || 0>($alldiv-$slides) ){
    				i = 0; 
    			} else {
    				i = ++i % $alldiv;
    			}			
    			if($delay!=0){$div.parent('ul').stop().animate({"left": i*(-1)*($divwidth)})};			
    			timeoutslide = setTimeout(simpleslide,$delay);
    		};
        	 /* Navigation */
        		$nav.filter('.next').click(function(){
        		   clearTimeout(timeoutslide);
        		   if(i==($alldiv-$slides)){
        				i = 0; 
        			} else {
        				i = ++i % $alldiv;
        			}
        			$div.parent('ul').stop().animate({"left": i*(-1)*($divwidth)})
        			if($delayaft!=0){timeoutslide = setTimeout(simpleslide,$delayaft);}
        		   return false;
        		});
        		$nav.filter('.previous').click(function(){
        		   clearTimeout(timeoutslide);
        		   if(i==0){
        				i = ($alldiv-$slides); 
        			} else {
        				i = --i % $alldiv;
        			}
        			$div.parent('ul').stop().animate({"left": i*(-1)*($divwidth)})
        			if($delayaft!=0){timeoutslide = setTimeout(simpleslide,$delayaft);}
        			return false;
        		});
        	 /* Hovering */
        		 $div.hover(function(){
                    clearTimeout(timeoutslide);
        		 },function(){ 
                    if($delayaft!=0){timeoutslide = setTimeout(simpleslide,$delayaft);}
        		 });
            timeoutslide = setTimeout(simpleslide,$delay); // initialize!	
    	});	
    }
})(jQuery);