jQuery(document).ready(function($) {  

  $("a#vgrid").click(function(){  
  
    $(".now").removeClass("now");
    $(this).addClass("now");
    
    $("h6").css("display","block");
    
    $(".thumbs").css({
    "height" : "270px",
    "width" : "300px"
    });
    
    $(".thumbs img").css({
    "float" : "none",
    "display" : "block",
    "margin-top" : "8px",
    "margin-right" : "0px"
    });
    
    $(".title").css({
    "display" : "block",
    "float" : "none"
    });
    
    $(".thumbs p").css({
    "display" : "block",
    "clear" : "none",
    "margin-top" : "9px",
    "height" : "105px"
    });
    
    $.cookie('view','grid',{path:'/', domain:'.amerikajin.net'});
    
    return false;
  });
  
  $("a#vthumb").click(function(){  
    
    $(".now").removeClass("now");
    $(this).addClass("now");
    
    $(".thumbs p").css("display","none");
    $("h6").css("display","none");
    
    $(".thumbs").css({
    "height" : "150px",
    "width" : "300px"
    });
    
    $(".title").css({
    "display" : "block",
    "float" : "none"
    });
    
    $(".thumbs img").css({
    "float" : "none",
    "display" : "block",
    "margin-top" : "8px",
    "margin-right" : "0px"
    });
    
    $.cookie('view','thumb',{path:'/', domain:'.amerikajin.net'});
    
    return false;
  });
  
  $("a#vstack").click(function(){ 
  
    $(".now").removeClass("now");
    $(this).addClass("now");
  
    $("h6").css("display","block");
    
    $(".thumbs").css({
    "height" : "130px",
    "width" : "936px"
    });
    
    $(".thumbs img").css({
    "float" : "right",
    "display" : "inline",
    "margin-top" : "15px",
    "margin-right" : "15px"
    });
    
    $(".title").css({
    "display" : "inline",
    "float" : "left"
    });
    
    $(".thumbs p").css({
    "display" : "block",
    "clear" : "left",
    "height" : "73px",
    "margin-top" : "-1px"
    });
    
    $.cookie('view','stack',{path:'/', domain:'.amerikajin.net'});
    
    return false;
  });
  
  var view = $.cookie('view');
  
  if(view == 'grid'){
    
    $(".now").removeClass("now");
    $("a#vgrid").addClass("now");
    
    $("h6").css("display","block");
    
    $(".thumbs").css({
    "height" : "270px",
    "width" : "300px"
    });
    
    $(".thumbs img").css({
    "float" : "none",
    "display" : "block",
    "margin-top" : "8px",
    "margin-right" : "0px"
    });
    
    $(".title").css({
    "display" : "block",
    "float" : "none"
    });
    
    $(".thumbs p").css({
    "display" : "block",
    "clear" : "none",
    "margin-top" : "9px",
    "height" : "105px"
    });
  }
  
  if(view == 'thumb'){
  
    $(".now").removeClass("now");
    $("a#vthumb").addClass("now");
  
    $(".thumbs p").hide();
    $("h6").hide();
    
    $(".thumbs").css({
    "height" : "150px",
    "width" : "300px"
    });
    
    $(".title").css({
    "display" : "block",
    "float" : "none"
    });
    
    $(".thumbs img").css({
    "float" : "none",
    "display" : "block",
    "margin-top" : "8px",
    "margin-right" : "0px"
    });
  }
  
  if(view == 'stack'){
  
    $(".now").removeClass("now");
    $("a#vstack").addClass("now");
  
    $("h6").css("display","block");
    
    $(".thumbs").css({
    "height" : "130px",
    "width" : "936px"
    });
    
    $(".thumbs img").css({
    "float" : "right",
    "display" : "inline",
    "margin-top" : "15px",
    "margin-right" : "15px"
    });
    
    $(".title").css({
    "display" : "inline",
    "float" : "left"
    });
    
    $(".thumbs p").css({
    "display" : "block",
    "clear" : "left",
    "height" : "73px",
    "margin-top" : "-1px"
    });
  }

  
});