$(document).ready(function(){

	// third example
	$("#bionblog_left ul").treeview({
		animated: "fast",
		collapsed: true,
		unique: true
	});
	
  // ------------ load main page banner  
  /*  
  $('#main_image ul').cycle({
		fx: 'fade',
		timeout:       5000,
    speed:         1000
	}); 
                      */
  // ------------ validate user account
	$(".newsletterForm").validate({
	rules: {
			formEmailNewslleter: {
				required: true,
				email: true
			}
		}
	});   
	
  // ------------ validate user account
	$(".contactForm").validate({
	rules: {
			formName: {
				required: true
			},
			formEmail: {
				required: true,
				email: true
			},
			formMessage: {
				required: true
			}
		}
	});
	
  // ------------ created target blank
  $("a.targetBlank").attr("target","_blank");
  

});

function slideSwitch() {
    var $active = $('#main_image ul.pic li.active');

    if ( $active.length == 0 ) $active = $('#main_image ul.pic li:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next() : $('#main_image ul.pic li:first');
    
    $active.addClass('last-active');
    
    var index = $('#main_image ul.pic li').index($('#main_image ul.pic li.active'));
    $('#main_image ul.ico li').removeClass('active');
    $activeLi = $('#main_image ul.ico li:eq('+(index+1)+')');
    
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
            $activeLi.addClass('active');
            setNextAndPrev();
        });
} 


function goTo(next) {
   
  if($('#main_image ul.ico li:eq('+next+')').hasClass('active')) return false;
  
  $activeLi = $('#main_image ul.ico li:eq('+next+')');
  $('#main_image ul.ico li').removeClass('active');
   
  clearTimeout(timeout);
  $active = $('#main_image ul.pic li.active');
  $active.addClass('last-active');
         
  $('#main_image ul.pic li:eq('+next+')')
    .css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 1000, function() {
      $active.removeClass('active last-active');
      $activeLi.addClass('active');     
      setNextAndPrev();
    });
      
  timeout = setInterval( "slideSwitch()", 5000 );
}


function setNextAndPrev() {
  $('#main_image span.next')
  .unbind('click')
  .bind('click', function(){
    index = $('#main_image ul.pic li').index($('#main_image ul.pic li.active'));
    if(index == $('#main_image ul.pic li').length-1){
      index = 0; 
    }   
    else{
      index++;
    }
    return goTo(index);
  });
    
  $('#main_image span.prev')
  .unbind('click')
  .bind('click', function(){
    index = $('#main_image ul.pic li').index($('#main_image ul.pic li.active'));
    if(index == 0){
      index = $('#main_image ul.pic li').length; 
    }   
    index--;
    return goTo(index);
  });
}

$(function() {
  
  if($('#main_image ul li').size()>1){
    $('#main_image').append('<ul class="ico" style="position:absolute; z-index:100;"></ul>');
    
    $('#main_image ul li').each(function(i) {
      var $el = $(this);        
      $('#main_image').parent().find("ul.ico").append('<li>'+i+'</li>');    
      $('#main_image').parent().find("ul.ico li:eq("+i+")").bind('click', function(){return goTo(i)});
    });
    
    $('#main_image ul.ico li:first').addClass('active');
    
    setNextAndPrev();      
    timeout = setInterval( "slideSwitch()", 5000 );
  }
});

Cufon.replace('#lang span');