// fun option toggling things
// This code controls the options accordion menu
$(document).ready(function () { 
  $('#options_link').click(function () { 
    $('#options').slideToggle('slow'); 
  }); 
}); 
// This code handles actually swapping out images and such
$(document).ready(function() {

    // Store original state
    var cur_selected = $("input[name='size_radio']:checked").val();
    var selector = "#big_size_button, #small_size_button";
   
    // Check on click to see if it has changed and if so, call the toggle images function 
    $(selector).click(function() {
        var currentValue =  $("input[name='size_radio']:checked").val();
        var originalValue = cur_selected;
        if (currentValue != originalValue) {
          toggle_images(currentValue);
          // update the stored value
          cur_selected = currentValue;
        }
    });
});

// Slimbox 2 setup
function linkMapper (el) {
        return [el.href, el.getAttribute("caption")];
}
$(document).ready(function() {
  $(".big_link").slimbox({},linkMapper);
  $(".small_link").slimbox({},linkMapper);

});

//alert(document.cookie);
// cookie handling code
function toggle_images(desired_size)
{
	var allCookies = document.cookie.split(";");
	var cookieToFind = "big=";
	var cookieVal = 0;
	for(var i=0;i < allCookies.length;i++) {
		var c = allCookies[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(cookieToFind) == 0) cookieVal = c.substring(cookieToFind.length,c.length);
	}

	var date = new Date();
	date.setTime(date.getTime()+31536000000);
	var expires = "; expires="+date.toGMTString();
	
        var newValue = 0;
	if (cookieVal == 1)
	{
		newValue = 0;
		document.cookie = "big"+"="+newValue+expires+"; path=/";

		//set cookie to be 0
	}
	else
	{
		//set cookie to be 1
		newValue = 1;
		document.cookie = "big"+"="+newValue+expires+"; path=/";
	}
//	window.location.reload(true);
	
        $(".big_link").toggle();
/*        if(newValue == 1)
        {
          $(".big_link").attr({ rel:"lightbox-big"})
          $(".small_link").attr({ rel:""})
        }
        else
        {
          $(".big_link").attr({ rel:""})
          $(".small_link").attr({ rel:"lightbox-small"})
        }
        */
        $(".small_link").toggle();
}