Здравствуйте, помогите не опытному человеку в js полный 0
на сайте стоит переключатель вида
http://kinodk.narod.ru/board/
при открытии, материал выровнен по линейке, помогите сделать наоборот что бы при заходе на страницу была сначала плитка.
$(document).ready(function(){
$("aside .box-title:first").addClass("border-radius");
$("aside .box:last").css("marginBottom", "0");
var divs = $('.module-content-board .board-item'),
k = 0,
cntInGroup = 3; // по сколько элементов в группе
divs.each(function(i){
if(i % cntInGroup == 0){
k++;
}
$(this).addClass('line' + k);
});
for(i = 1; i <= divs.length + 1 / cntInGroup; i++){
$('.line' + i).wrapAll('<div class="dashed-line"></div>');
}
$(".board-item, .dashed-line").addClass("list");
$(".page-selector").css({marginLeft:"-20px", marginRight:"-20px"});
$(".sort-thumbnails").click(function(){
$(".sort-icons div").removeClass("sort-active");
$(this).addClass("sort-active");
$(".module-content-board #allEntries").css("marginLeft", "-20px");
$(".board-item").removeClass("list")
$(".dashed-line").removeClass("list");
$(".page-selector").css("marginLeft", "-20px");
});
$(".sort-list").click(function(){
$(".sort-icons div").removeClass("sort-active");
$(this).addClass("sort-active");
$(".module-content-board #allEntries").css("marginLeft", "0px");
$(".dashed-line").addClass("list");
$(".board-item").addClass("list")
$(".page-selector").css("marginLeft", "-20px");
});
$('.catNumData').each(function(){
$(this).html($(this).html().replace(/\[([0-9])*\]/,'$1'));
})
$(".news:last").css("marginBottom", "0px");
$(".gTable .postTable:last").addClass("last-post");
$(".gTable .postTable:first").css("marginTop", "-3px");
});
<!-- <Переключатели вид> -->
<div class="sort-icons">
<div class="sort-list sort-active"></div>
<div class="sort-thumbnails"></div>
</div>
<!-- </Переключатели вид> -->
Пожалуйста, кто может подскажите.