$(document).ready(function(){

    var speed = 400;

    var fadeMin = '0.05';
    var fadeMax = '1';
    
    /* page loads */
    
    if ($.browser.msie) {
	$(".preview").css({'opacity' : '0.05', 'filter' : 'alpha(opacity=5)'});
    } else {
	$(".preview").fadeTo(speed, fadeMin);
    }

    var timer = null;

    function goTo(square) {
        var logonumber = $(square).attr("class").match(/logo(\d+)/)[1];
        loadWithFade("/casestudies/square/" + logonumber + "/");
    }
    
    /* hover */
    $(".preview").hover(
	function() {
            if ($.browser.msie) {
		$(this).css({'opacity' : '', 'filter' : ''});
            } else {
		$(this).fadeTo(speed, fadeMax)
            }
            
            if (timer) {
                clearTimeout(timer);
            }
            var _this = this;
            timer = setTimeout(function () {goTo(_this)}, 500);
	},
	function() {
            if (timer) {
                clearTimeout(timer);
            }            
            if ($.browser.msie) {
		$(this).css({'opacity' : '0.05', 'filter' : 'alpha(opacity=5)'});
            } else {
		$(this).fadeTo(speed, fadeMin);
            }
	}
    );

    $(".preview").click(
        function () {
            if (timer) {
                clearTimeout(timer);
            }
            goTo(this);
            window.scrollTo(0,0);
        }
    );
});