var curLeft = 0;
var displayWidth = 550;
var imgCount = 0;
var maxLeft = 0;
var curImg = 0;

$(document).ready(function(){

	$(".client_link").click(function(){
            if($(this).hasClass("on"))  return;
            var c = $(this).attr("id");
            $(".client_link").removeClass("on");
            $(this).addClass("on");
            $("#client_list_display").css("display", "none");
            $("#client_list_display").load(basepath+"/ajfuse/clist/", {c:c});
        });

        $(".leftnav").click(function(){
            if((curLeft + displayWidth) > 0) return;
            curLeft += displayWidth;
            curImg--;
            $("#client_list_images").animate({ left:curLeft+"px" }, 250, "linear", toggleNavButtons);
        });
        $(".rightnav").click(function(){
            if((curLeft - displayWidth) <= maxLeft) return;
            curLeft -= displayWidth;
            curImg++;
            $("#client_list_images").animate({ left:curLeft+"px" }, 250, "linear", toggleNavButtons);
        });

        $(".client_link:eq(2)").trigger("click");

        $("ul#thumbs li").hover(
            function(){ $(this).children(".logoscreen").animate({ top:"-200px" }, 150, "linear"); },
            function(){ $(this).children(".logoscreen").animate({ top:"1px" }, 150, "linear"); }
        );

        $(".csicon, .csicon_over").hover(
            function(){
                $("#cstooltip .client").html($(this).html());
                var os = $(this).offset();
                var mcs_os = $(".morecasestudies_header").offset();
                var int_os = os.left - mcs_os.left - $("#cstooltip").width();
                $("#cstooltip").css("left", int_os+"px");
                $("#cstooltip").css("display", "block");
            },
            function(){
                $("#cstooltip").css("display", "none");
                
            }
        );
            

        $("#about_form .sendbutton").click(function(){
            var n = $("#about_form #name").val();
            var e = $("#about_form #email").val();
            var p = $("#about_form #phone").val();
            var b = $("#about_form #body").val();

            $("#about_form #body, #about_form #email, #about_form #name").css("border", "1px solid #aaa");
            if($.trim(n)=="" || $.trim(b)=="" || $.trim(e)==""){
                if($.trim(n)=="") $("#about_form #name").css("border", "1px solid #f00");
                if($.trim(e)=="") $("#about_form #email").css("border", "1px solid #f00");
                if($.trim(b)=="") $("#about_form #body").css("border", "1px solid #f00");
                $("#about_form .status").html('<span class="error">Please complete all required fields.</span>');
                return;
            }

            $.post(basepath+"/contact/send/", {n:escape(n), e:escape(e), p:escape(p), b:escape(b)}, function(data, txtstatus){
                if(data=="ERROR1"){
                    $("#about_form .status").html('<span class="error">Please complete all required fields.</span>');
                }
                else if(data=="SUCCESS") {
                    $("#about_form #name").val("");
                    $("#about_form #email").val("");
                    $("#about_form #phone").val("");
                    $("#about_form #body").val("");
                    $("#about_form .status").html('<span class="success">Message sent. Thanks!</span>');
                }
            });
        });

});

function adjustClientHeight(mh){
    $("#client_list_viewport .leftnav, #client_list_viewport .rightnav").fadeOut("fast");
    $("#client_list_viewport").animate({ height:mh+"px" }, 250, "linear", function(){
        $("#client_list_images, #client_list_display, #client_list_viewport .leftnav, #client_list_viewport .rightnav").css("height", mh+"px");
        $("#client_list_viewport .leftnav .arrow, #client_list_viewport .rightnav .arrow").css("top", ((mh-128)/2)+"px");
        $("#client_list_display").css("display", "block");
    });
}
function toggleNavButtons(){
    $("#imgcount").html(curImg+" of "+imgCount);
    if((curLeft-displayWidth) <= maxLeft) $("#client_list_viewport .rightnav").fadeOut("fast");
    else $("#client_list_viewport .rightnav").fadeIn("slow");
    if(curLeft >= 0) $("#client_list_viewport .leftnav").fadeOut("fast");
    else $("#client_list_viewport .leftnav").fadeIn("slow");
}