(function($){

	$.fn.doIslands = function() {
        var islandList = $(this).addClass(".list-islands_js");
        var islandCur = (parseInt($('#id-island').val())-1) | 0;
        var islandNew = 0;
        var islandItem = islandList
                          .find(".item-island")
                          .hide()
                          .eq(islandCur)
                          .show()
                          .end();
        var islandItemL = islandItem.length;
        var islandNav = $(".island-btn");
        var islanType = $("#type-islands").eq(0);
        
        var w = $(window),
          wHeight = w.height(),
          wWidth = w.width()
        
        islandNav.click(function(){
            
          var btn = $(this)
          
          if (btn.is(".larr")){
            islandNew = islandCur - 1
          }else{
            islandNew = islandCur + 1
          }
          
          if ( islandNew+1 > islandItemL ){
            islandNew = 0
          }else if( islandNew < 0 ){
            islandNew = islandItemL-1
          }
          
          islMove();
          
          return false;
        })
        
        function islMove(){
          
          
          islandItem.eq(islandCur).fadeOut()
          islandItem.eq(islandNew).fadeIn()
          islandList.height( islandItem.eq(islandNew).height() )
          
          islanType.css("background-color",islandItem.eq(islandNew).attr("bg"))
          
          islandCur = islandNew;
          $('#id-island').val(islandCur+1);
          
        }
        function islInit(){
          islandList.height( islandItem.eq(islandCur).height() );
          islandItem.css("width",wWidth);
          islanType.css("background-color",islandItem.eq(islandCur).attr("bg"))
          $('#id-island').val(islandCur+1);
        }
        
        islInit();
        w.resize(function(){
          wHeight = w.height()
          wWidth = w.width()
          islInit()
        })
    
	}
	
})(jQuery);

$(document).ready(function(){
	if ( $(".list-islands").length > 0 ){
		$(".list-islands").doIslands();
	}
});


(function($){

	$.fn.doAvatars = function() {
        var avatarCur = (parseInt($('#id-avatar').val()));
        var avatarCurId = 0;
        var avatarNew = 0;
        var avatarNewId = 0;
        var avatarNavItem = $(".avatar-btn");
        var avatarGenderItem = $("#id-gender");
        var avatarImage = $("#avatar-img");
        var avatarGender = (avatarGenderItem.val()==1)?'male':'female';
        
        avatarNavItem.click(function(){
            avatarRotate(true);
            
            return false;
        })
        
        avatarGenderItem.change(function(){
            avatarGender = (avatarGenderItem.val()==1)?'male':'female';
            avatarRotate(false);
        });
        
        function avatarRotate(flag) {
            avatarNewId = avatarCurId+((flag==true)?1:0);
            var avatarsG = avatars[avatarGender];
            if (avatarNewId >= avatarsG.length) {
              avatarNewId = 0;
            }
            
            avatarCurId = avatarNewId;
            avatarCur = avatarsG[avatarCurId];
            avatarSet();
        }
        
        function avatarSet() {
            var avatarPath = '/s/images/avatars/'+avatarGender+'/'+avatarCur+'.png';
            avatarImage.attr('src',avatarPath);
            $('#id-avatar').val(avatarCur);
        }
        
        function avatarInit() {
            var avatarsG = avatars[avatarGender];
            if (avatarCur) {
                while (avatarCurId < avatarsG.length && avatarsG[avatarCurId]!=avatarCur) {
                    avatarCurId++;
                }
            }
            else {
                avatarCurId = Math.round(100 * Math.random()) % avatarsG.length;
                avatarCur = avatarsG[avatarCurId];
                $('#id-avatar').val(avatarCur);
            }
            avatarSet();
        }
        
        avatarInit();
	}
	
})(jQuery);

$(document).ready(function(){
    if ($(".choice-avatar").length > 0) {
	    $(".choice-avatar").doAvatars();
    }
    $('#id-hidepass').click(function(){
        if ($(this).not(':checked').length > 0) {
            document.getElementById('id-userpass').setAttribute('type','text');
        }
        else {
            document.getElementById('id-userpass').setAttribute('type','password');
        }
    });
});