$(document).ready(function(){
   
    navImg();
   // $(document).pngFix();
    $('#img-basket img').imgpreload();
    winnersImgSwitcher();
    galleryPageSwitcher();
    commentsToggle();
    $("a.blend").blend();
    

})
    

var namesHolder = Array();
var namesHolder_ov = Array();

function commentsToggle() {
    
    //console.log($('.see-comments'));
    var tg = $('.see-comments');
    var cBox = $('#comments-box');
    
    
    $('#close-comments').click(function(){
        tg.parent('li').removeClass('active');
        cBox.hide();
    })
    
    if($('.see-comments').length) {
        
        tg.click(function(){
            
            if($(this).parent('li').hasClass('active')) {
            $(this).parent('li').removeClass('active');
            cBox.hide();
            } else {
            $(this).parent('li').addClass('active');
            cBox.show();
            }
        return false;
        })
        
    }
    
}
function navImg() {
    
    if($('#img-basket').length) {
        $('#nav li a').each(function(){
            var idStr = $(this).attr('id');
            if(idStr) {
                
                var a_idStr = idStr.split("");
                var id = a_idStr[idStr.length-1];
                
                var imgSrc = $('#img-'+id).attr('src');
                var newSrc = imgSrc.split('.png')[0];
                newSrc = newSrc+'ov'+'.png';
                namesHolder[id] = imgSrc;
                namesHolder_ov[id] = newSrc;
                
                nav_makeHover($(this),id);
            }       
        })
        
        
        $('#img-basket img').each(function(){
            var idStr = $(this).attr('id');
            var a_idStr = idStr.split("");
            
            var id = a_idStr[idStr.length-1];
            nav_makeHover($(this),id);
        })
    }
    
}

function nav_makeHover(t,id) {
    
    t.hover(
        function(){
            $('#img-'+id).attr('src',namesHolder_ov[id]);
            $('#lnk-'+id).addClass('hover');
        },
        function(){
            $('#img-'+id).attr('src',namesHolder[id]);
            $('#lnk-'+id).removeClass('hover');
        })

}

function winnersImgSwitcher() {
    
    if($('#winners-category-images li').length >0 ) {
        if($('#winners-category-images > li').length == $('#winners-places-toggle li').length ) {
       
            $('#winners-places-toggle li:first a').addClass('active')
            $('#winners-category-images > li:first').addClass('ddd');
            
            var imagess = $('#winners-category-images > li');
            
            var switchers = $('#winners-places-toggle li').click(function(){
                
                $('#winners-category-images > li').removeClass('ddd');
                $('#winners-places-toggle li a').removeClass('active')
                var current = $(this).prevAll('li').length;
                
                imagess.each(function(index){
                    if(index == current) {
                        $(this).addClass('ddd');
                        }
                })
                
                $(this).children('a').addClass('active');
                
            })
            
        }
    }
    
}


function galleryPageSwitcher() {
    /* ************** */
    $('.gallery-bin-switcher li:first').addClass('active');
    $('.gallery-bin li:first').show();
    
        if($('.gallery-bin-switcher > li').length >0 ) {
            if($('.gallery-bin-switcher > li').length == $('.gallery-bin > li').length ) {}
        
            var sw = $('.gallery-bin-switcher li');
            var bin = $('.gallery-bin > li');
            
            sw.each(function(){
                $(this).click(function(){
                    $('.gallery-bin-switcher li').removeClass('active')
                    $('.gallery-bin > li').hide();
                    
                    var curr =  $(this).prevAll('li').length;
                    
                    bin.each(function(index){
                        
                        if(index == curr) {
                            $(this).show();
                        }
                    })
                    
                    $(this).addClass('active');
                    return false;
                    })
                })
        
        }
 
}