//pic fade
jQuery(document).ready(function($) {
$.cookie("photo", "hidden", { path: '/', expires: 1000 });
});
jQuery(document).ready(function($) {
jQuery('#photo').hide();
});
jQuery(window).load(function () {
jQuery('#photo').fadeIn(750);
});


//title show/hide
jQuery(document).ready(function($) {
jQuery('.photo-title').hide();
});
jQuery(document).ready(function ($) {
	$(".pic").mouseover(function() {
	$('.photo-title').show();
});
	$(".pic").mouseout(function() {
	$('.photo-title').hide();
});
});


//background and footer color change
//white
jQuery(document).ready(function($){								
var footer = $.cookie("bg");
if(footer == "white") {
	$("#footer").css("color","#bbbbbb");
	$("#footer a").css("color","#bbbbbb"); 
}
});
jQuery(document).ready(function($){
    $(".white").click(function() {
	$("#footer").css("color","#bbbbbb");
	$("#footer a").css("color","#bbbbbb"); 
    $(".bg").animate({ backgroundColor: "#FFFFFF" }, 1000);
	$.cookie("bg", "white", { path: '/', expires: 1000 });
});
});
//grey
jQuery(document).ready(function($){								
var footer = $.cookie("bg");
if(footer == "grey") {
	$("#footer").css("color","#aaaaaa");
	$("#footer a").css("color","#aaaaaa"); 
}
});
jQuery(document).ready(function($){
    $(".grey").click(function() {
	$("#footer").css("color","#aaaaaa");
	$("#footer a").css("color","#aaaaaa"); 
    $(".bg").animate({ backgroundColor: "#E8E8E8" }, 1000);
	$.cookie("bg", "grey", { path: '/', expires: 1000 });
});
});
//greyish
jQuery(document).ready(function($){								
var footer = $.cookie("bg");
if(footer == "greyish") {
	$("#footer").css("color","#666666");
	$("#footer a").css("color","#666666"); 
}
});
jQuery(document).ready(function($){
    $(".greyish").click(function() {
	$("#footer").css("color","#666666");
	$("#footer a").css("color","#666666"); 
    $(".bg").animate({ backgroundColor: "#afafaf" }, 1000);
	$.cookie("bg", "greyish", { path: '/', expires: 1000 });
});
});
//darkgrey
jQuery(document).ready(function($){								
var footer = $.cookie("bg");
if(footer == "darkgrey") {
	$("#footer").css("color","#aaaaaa");
	$("#footer a").css("color","#aaaaaa"); 
}
});
jQuery(document).ready(function($){
    $(".darkgrey").click(function() {
	$("#footer").css("color","#aaaaaa");
	$("#footer a").css("color","#aaaaaa");
    $(".bg").animate({ backgroundColor: "#666" }, 1000);
	$.cookie("bg", "darkgrey", { path: '/', expires: 1000 });
});
});
//nearly-black
jQuery(document).ready(function($){								
var footer = $.cookie("bg");
if(footer == "nearly-black") {
	$("#footer").css("color","#666666");
	$("#footer a").css("color","#666666"); 
}
});

jQuery(document).ready(function($){
    $(".nearly-black").click(function() {
	$("#footer").css("color","#666666");
	$("#footer a").css("color","#666666");
    $(".bg").animate({ backgroundColor: "#2B2B2B" }, 1000);
	$.cookie("bg", "nearly-black", { path: '/', expires: 1000 });
});
});
//black
jQuery(document).ready(function($){								
var footer = $.cookie("bg");
if(footer == "black") {
	$("#footer").css("color","#646464");
	$("#footer a").css("color","#646464"); 
}
});
jQuery(document).ready(function($){
    $(".black").click(function() {
	$("#footer").css("color","#646464");
	$("#footer a").css("color","#646464"); 
	$(".bg").animate({ backgroundColor: "#000000" }, 1000);
	$.cookie("bg", "black", { path: '/', expires: 1000 });
});
});


//comments slide in out
jQuery(document).ready(function($) {
        // the div's that will be hidden/shown
	var panel = $("#section");
	//the button that will toggle the panel
	var button = $("a#show");
	// do you want the panel to start off collapsed or expanded?
	var initialState = "collapsed"; // "expanded" OR "collapsed"
	// the class added when the panel is hidden
	var activeClass = "hidden";
	// the text of the button when the panel's expanded
	var visibleText = "hide comments";
	// the text of the button when the panel's collapsed
	var hiddenText = "show comments";
        //---------------------------
	// don't    edit    below    this    line,<
	// unless you really know what you're doing
	//---------------------------</p>
	if($.cookie("panelState") == undefined) {
		
$.cookie("panelState", initialState, { path: '/' });
}

var state = $.cookie("panelState");

if(state == "collapsed") {


panel.hide();
button.html(hiddenText);
button.addClass(activeClass);

}

button.click(function(){
					  
if($.cookie("panelState") == "expanded") {
$.cookie("panelState", "collapsed", { path: '/' });
button.html(hiddenText);
button.addClass(activeClass);

} else {
$.cookie("panelState", "expanded", { path: '/' });
button.html(visibleText);
button.removeClass(activeClass);
}

panel.slideToggle(1000);

return false;
});
});



jQuery(document).ready(function($) {
        // the div's that will be hidden/shown
	var panel2 = $("#blog-strip");
	//the button that will toggle the panel
	var button2 = $("a#show-thumbs");
	// do you want the panel to start off collapsed or expanded?
	var initialState2 = "collapsed"; // "expanded" OR "collapsed"
	// the class added when the panel is hidden
	var activeClass2 = "hidden";
	// the text of the button when the panel's expanded
	var visibleText2 = "hide thumbnails";
	// the text of the button when the panel's collapsed
	var hiddenText2 = "show thumbnails";
        //---------------------------
	// don't    edit    below    this    line,<
	// unless you really know what you're doing
	//---------------------------</p>
	if($.cookie("panelState2") == undefined) {
		
$.cookie("panelState2", initialState2, { path: '/' });
}

var state2 = $.cookie("panelState2");

if(state2 == "collapsed") {


panel2.hide();
button2.html(hiddenText2);
button2.addClass(activeClass2);

}

button2.click(function(){
					  
if($.cookie("panelState2") == "expanded") {
$.cookie("panelState2", "collapsed", { path: '/' });
button2.html(hiddenText2);
button2.addClass(activeClass2);

} else {
$.cookie("panelState2", "expanded", { path: '/' });
button2.html(visibleText2);
button2.removeClass(activeClass2);
}

panel2.slideToggle(750);

return false;
});
});