jQuery.fn.slideShows = function(options){
  var slides = $(this);
  /* default variables */
  var defaults = {
    delaytime : 5000,
    animation : true
  };
  /* assign options */
  var options = $.extend(defaults, options);    
  /* assign variables */
  var delaytime = options.delaytime;
  var animation = options.animation;
  /* class indexing */
  $('.slide-content',this).each(function(index){
    $(this).addClass('slide-'+index);
    $(this).hover(function(){
    clearTimeout(timeoutslide);
    },function(){
    if(animation==true){timeoutslide = setTimeout(simpleslide,delaytime);};
    });
  });
  /* how many slide contents? */
  var totalslides = $('.slide-content',this).length;
  /* Begin The Show */
  var i=0; //Index of slide
  /* slide animation */
  var simpleslide = function simpleslide() {            
    clearTimeout(timeoutslide);
    /* end of slides */
    if(i==totalslides-1){
    i = 0;
    } else {
    i = ++i;
    }
    /* animate and assign classes */
    $('.slide-nav li', slides).removeClass('select').eq(i).addClass('select');
    if($.browser.msie){
      $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+i).show().removeClass('hidden');
      }else {
      $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+i).fadeIn().removeClass('hidden');
    }
    timeoutslide = setTimeout(simpleslide,delaytime);
  };
  /* animate or not? */
  if(animation==true){
    timeoutslide = setTimeout(simpleslide,delaytime);
  };
  /* Navigation */
  $('.slide-nav li', this).each(function(index){
    $(this).addClass('slide-'+index);
    $(this).hover(function(){ 
      clearTimeout(timeoutslide);
      //$(this).addClass('select').parent().siblings().children().removeClass('select');
      $(this).addClass('select').siblings().removeClass('select');
      if($.browser.msie){ // Damn you, IE6
        $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+index).show().removeClass('hidden');
      }else {
        $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+index).fadeIn().removeClass('hidden');
      }
    },function(){
      if(animation==true){timeoutslide = setTimeout(simpleslide,delaytime);};
    });
  }); // end of navigation
};



jQuery.fn.comment = function(){  
             
              jQuery(document).ready(function($){
                $('.formkomentar').eq(0).show();
                $('#navkomentar li a').each(function(index) {
                  $(this).click(function() {
                    $('#navkomentar li a').removeClass('selected');
                    if($('#navkomentar li a.selected')) {$(this).addClass('selected')}
                    $('.formkomentar').hide().eq(index).show();
                    return false;
                  });
                });
                $komentar = $('#komentar');
                $('.togglereply').each(function(index) {
                  $(this).click(function() {
                    if($('.togglereply').eq(index).text()=='Cancel'){
                      $('#headkomentar').after($komentar);
                      $('.togglereply').eq(index).text('Reply');
                      $('.commentID').val(0);
                    } else {
                      $('.togglereplychild').eq(index).siblings('.thecomment').after($komentar);
                      $('.togglereply').text('Reply').eq(index).text('Cancel');
                      $theId = $('.commentdetails').eq(index).attr('id').split('-');
                      $('.commentID').val($theId[1]); // Kembalikan commentID ke asal
                    }
                    return false;
                  });
                });
                $('.childcomments').hide();
                $('.togglechild').each(function(index) {
                  $(this).click(function() {
                    if($(this).hasClass('childclose')) {
                      $('.childcomments').hide();
                      $('.togglechild').removeClass('childclose');
                    } else {
                      $('.childcomments').hide().eq(index).show();
                      $('.togglechild').removeClass('childclose');
                      $(this).addClass('childclose');
                    }
                    return false;
                  });
                });
              }); 
};

jQuery.fn.sharemenu = function(){ 
       
                  $('#closeshare').click(function() {
                    if ($.browser.safari) {  $('.sharecontents').hide();} else { $('.sharecontents').slideUp('slow'); }
                    $('.sharemenu a').removeClass('selected');          
                    return false;
                  });
                  
                  $('.sharemenu a').each(function(index){
                    $(this).parent('li').addClass('class-' + index).end().click(function() {              
                      $('.sharemenu a').removeClass('selected').eq(index).addClass('selected');
                      if($(this).attr('href') == '#'){                              
                        $('.sharecontents').hide();
                        $('.sharecontent').hide();
                        $rel = $(this).attr('rel');
                        $('.sharecontents div.'+$rel).show();
                        if ($.browser.safari) {  $('.sharecontents').show();} else { $('.sharecontents').slideDown('slow'); }
                        return false;
                      } else {
                        $('.sharecontents').show();
                        $('.sharecontent').hide();
                        $rel = $(this).attr('rel');
                        $('.sharecontents div.'+$rel).show();
                        return true;
                      };                            
                    });
                  });    
                            
                  $('.sharecontents input:submit[name]').click(function(){
                    $('.sharecontent').hide();
                    $name = $(this).attr('name');
                    $('.sharecontents div.'+$name).show();
                    return false;
                  }); 
     
};

jQuery.fn.promomenu = function(){ 
       
                  $('#closeshares').click(function() {
                    if ($.browser.safari) {  $('.content').hide();} else { $('.content').slideUp('slow'); }
                    $('.sharemenu a').removeClass('selected');          
                    return false;
                  });
                  
                  $('.menuartikel a').each(function(index){
                    $(this).parent('li').addClass('class-' + index).end().click(function() {              
                      $('.menuartikel a').removeClass('selected').eq(index).addClass('selected');
                      if($(this).attr('href') == '#'){                              
                        $('.content').hide();
                        $('.subcontent').hide();
                        $rel = $(this).attr('rel');
                        $('.content div.'+$rel).show();
                        if ($.browser.safari) {  $('.content').show();} else { $('.content').slideDown('slow'); }
                        return false;
                      } else {
                        $('.content').show();
                        $('.subcontent').hide();
                        $rel = $(this).attr('rel');
                        $('.content div.'+$rel).show();
                        return true;
                      };                            
                    });
                  });    
                            
                  $('.content input:submit[name]').click(function(){
                    $('.subcontent').hide();
                    $name = $(this).attr('name');
                    $('.content div.'+$name).show();
                    return false;
                  }); 
     
};



/* Gallery Slide */
jQuery.fn.gallerySlide = function(options){
    var slides = $(this);
    /* default variables */
    var defaults = {
        delaytime : 3000,
        animation : true,
        showthumb : 0
    };
    /* assign options */
    var options = $.extend(defaults, options);  
    /* assign variables */
    var delaytime = options.delaytime;
    var animation = options.animation;
    var showthumb = options.showthumb;
    /* class indexing */
    $('.slide-content',this).each(function(index){
        $(this).addClass('slide-'+(index+1));
    });
    /* how many slide contents? */
    var totalslides = $('.slide-content',this).length;
    if(showthumb==0){
        /* Begin The Show */
            var i=1; //Index of slide
            /* slide animation */
            var galleryslide = function galleryslide() {
                clearTimeout(gallerytimeout);
                /* end of slides */
                if(i==totalslides){
                    i = 1;
                } else {
                    i = ++i;
                }
                /* animate and assign classes */
                $('.slide-nav li a', slides).removeClass('selected').eq(i).addClass('selected');
                $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+i).fadeIn().removeClass('hidden');
                gallerytimeout = setTimeout(galleryslide,delaytime);
            };
        /* animate or not? */                                      
        if(animation==true){
            gallerytimeout = setTimeout(galleryslide,delaytime);
        }
        /* Navigation */
        $('.slide-nav li a', this).each(function(index){
            /* exclude previous and next button from content index */
            if($(this).hasClass('prev') || $(this).hasClass('next')) {
                /* in case it is previous or next: */                                           
                switch($(this).attr('class')){
                    case 'prev':
                        $(this).click(function(){
                            /* cancel out the show */
                            clearTimeout(gallerytimeout);
                            /* find which content is active, grab their index*/
                            var theclass = $('.slide-content:not(.hidden)', slides).attr('class').split(' ');
                            var y = parseInt(theclass[1].slice('6'));
                            if(y==1){
                                $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+totalslides).fadeIn().removeClass('hidden');
                                $('.slide-nav li a', slides).removeClass('selected').eq(totalslides).addClass('selected');
                            } else {
                                $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+(y-1)).fadeIn().removeClass('hidden');
                                $('.slide-nav li a', slides).removeClass('selected').eq(y-1).addClass('selected');
                            }                   
                            return false;
                        });
                    break;
                    case 'next':
                        $(this).click(function(){
                            /* cancel out the show */
                            clearTimeout(gallerytimeout);
                            /* find which content is active, grab their index*/
                            var theclass = $('.slide-content:not(.hidden)', slides).attr('class').split(' ');
                            var x = parseInt(theclass[1].slice('6'));
                            if(x==totalslides){
                                $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+1).fadeIn().removeClass('hidden');
                                $('.slide-nav li a', slides).removeClass('selected').eq(1).addClass('selected');
                            } else {
                                $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+(x+1)).fadeIn().removeClass('hidden');
                                $('.slide-nav li a', slides).removeClass('selected').eq(x+1).addClass('selected');
                            }                       
                            return false;
                        });
                        
                    break;
                }; // end of cases
                    
            } else { // if it is slide index, do the following:                                 
                $(this).addClass('slide-'+index);
                $(this).click(function(){
                    clearTimeout(gallerytimeout);
                    $(this).addClass('selected').parent().siblings().children().removeClass('selected');
                    $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+index).fadeIn().removeClass('hidden');               
                    return false;
                });
            };                                                                      
        }); // end of navigation
    } else {
        $('.slide-nav li a:gt('+showthumb+'):not(.next)', slides).hide();
        /* Navigation */
        var z = 0;
        var floor;
        var ceiling;
        $('.slide-nav li a', this).each(function(index){
            $(this).parent().addClass('index-'+index);
            /* exclude previous and next button from content index */
            if($(this).hasClass('prev') || $(this).hasClass('next')) {
                /* in case it is previous or next: */                                           
                switch($(this).attr('class')){
                    case 'prev':
                        $(this).click(function(){
                            if(z==0){
                                z = Math.floor(totalslides / showthumb);                            
                            } else {
                                z = --z;
                                
                            }                                                                   
                            floor = z*showthumb;
                            ceiling = floor+showthumb+1;
                            $('.slide-nav li a:not(.next, .prev)', slides).hide();
                            $('.slide-nav li a', slides).filter(':lt('+ceiling+'):gt('+floor+')').show();
                            return false;
                        });
                    break;
                    case 'next':
                        $(this).click(function(){
                            if(z==Math.floor(totalslides / showthumb)){
                                z = 0;                              
                            } else {
                                z = ++z;
                                
                            }                                                                   
                            floor = z*showthumb;
                            ceiling = floor+showthumb+1;
                            $('.slide-nav li a:not(.next, .prev)', slides).hide();
                            $('.slide-nav li a', slides).filter(':lt('+ceiling+'):gt('+floor+')').show();
                            return false;
                        });
                        
                    break;
                }; // end of cases
                    
            } else { // if it is slide index, do the following:                                 
                $(this).addClass('slide-'+index);
                $(this).click(function(){
                    clearTimeout(gallerytimeout);
                    $(this).addClass('selected').parent().siblings().children().removeClass('selected');
                    $('.slide-content', slides).hide().addClass('hidden').filter('.slide-'+index).fadeIn().removeClass('hidden');               
                    return false;
                });
            };                                                                      
        }); // end of navigation
    } // end showthumb
};
 

/* Tabbed Menu */
jQuery.fn.tabbedMenu = function(){
  
  var defaults = {  
    divWrapper: '.tabs li', 
    divContent: '.tabs-body' 
  };
  var options = $.extend(defaults, options);    
  
  var div = $(options.divWrapper, this);
  var content = $(options.divContent, this);            
  
  /* Clicking */
  div.each(function(index){
    content.hide().eq(0).show();
    $('a', div).removeClass('selected').eq(0).addClass('selected');

//     $('.newdtrav').hide().eq(2).show();
//     $('.newdtrav').removeClass('selected').eq(2).addClass('selected');

    $(this).click(function(){
      $('a', div).removeClass('selected').eq(index).addClass('selected');
      content.hide().addClass('hidden').eq(index).removeClass('hidden').show();
      return false;
    });
  });  
};  

$(document).ready(function() {   
    $('a#tiga').click(function() {  
        $('#isi1').hide(); 
        $('#isi2').hide(); 
        $('#isi3').fadeIn('slow');
        return false;
    });
		      
    $('a#dua').click(function() {   
        $('#isi1').hide();
        $('#isi3').hide(); 
        $('#isi2').fadeIn('slow');
        return false;
    });

    $('a#satu').click(function() {    
        $('#isi2').hide();
        $('#isi3').hide(); 
        $('#isi1').fadeIn('slow');
        return false;
    });

//     Date.format = 'yyyy/mm/dd';
//     $('.date-pick').datePicker({
// 	startDate: '1950/01/01',
// 	endDate: '2000/01/01'
//     });
    try{
        $('#highlight').slideShows();
        $('.box-wego').tabbedMenu();
        $('#destination').tabbedMenu(); 
        $('#articles').tabbedMenu(); 
        $('#dtravelers').tabbedMenu();
        $('#articles_kanan').tabbedMenu();
        $('#hotel_popular').tabbedMenu();
        $('#tab_photos').tabbedMenu();  
        $('.box_detiktravel').tabbedMenu(); 
        $('#detikshare').sharemenu();
        $('#menu_promo').promomenu();
        $('#comment').comment();  
        $('#galleryslide').gallerySlide();
        $('#storyslide').gallerySlide();
        $('#photoslide').gallerySlide();  
    } catch (err){ }
    try{
        animatedcollapse.addDiv('alam', 'fade=1');
        animatedcollapse.addDiv('senidanbudaya', 'fade=1');
        animatedcollapse.addDiv('sejarah', 'fade=1');
        animatedcollapse.addDiv('olahraga', 'fade=1');
        animatedcollapse.addDiv('minatkhusus', 'fade=1');
        animatedcollapse.addDiv('lainnya', 'fade=1');
        animatedcollapse.init();
    } catch(err){ }

    $('a#notifikasix').click(function(e){
          $('#isinotifikasix').BoxToggle();
          e.preventDefault();
      });  
      
       $('a#closenot').click(function(e){
         $('#isinotifikasix').BoxToggle();
          e.preventDefault();
      });  
       
      /* Box Toggle method */
      $.fn.BoxToggle = function(){
          if(this.data('diTampilkan'))
              this.BoxHide();
          else
              this.BoxShow();
          return this;
      }

      /* To Open box method */
      $.fn.BoxShow = function(){
          $('a.hold').removeClass('butt-not').addClass('butt-not-aktif');
          $('#isinotifikasix').fadeIn('fast');
          this.data('diTampilkan',true);
          return this;
      }

      /* TO Hide box method */
      $.fn.BoxHide = function(){
          $('a.hold').removeClass('butt-not-aktif').addClass('butt-not');
          $('#isinotifikasix').hide();
          this.data('diTampilkan',false);
          return this;
      }
});
function add_field(pos){
    str = '<input type="text" name="' + pos + '[]" class="c250" /> <a href="javascript:void(0)" onclick="javascript:remove_field(this)"> Remove [-] </a> <br />';
    $('#container_' + pos).append(str);
    return false;
}

function remove_fieldsss(pos){
    $(pos).remove();
}

