$(document).ready(function () {

    BrowserDetect.init();


    $("#sliderList").innerfade({
        animationType: "slide",
        speed: "slow",
        timeout: 4000,
        type: "sequence",
        containerheight: "239px"
    });


    $(".buttons").hover(function () {
        $(this).css("cursor", "pointer");
    });

    $("#btnMore").click(function () {
        $('#ajaxBodyDiv').load('ajax/featuresMore.html', function () {

        });
    });


    //Hover on btnDivs.
    var buttonAnimDuration = 250;
    $(".wwtButton").hover(function () {
        $(this).css("cursor", "pointer");
        //$(this).css("background-color", "#cccccc");
    });

    $(".wwtButton").mouseenter(function () {
        $(this).animate({ width: "+=15", height: "+=15" }, buttonAnimDuration, null);
    });
    $(".wwtButton").mouseleave(function () {
        //$(this).css("background-color", "");
        $(this).animate({ width: "-=15", height: "-=15" }, buttonAnimDuration, null);
    });

    //Set paypal button states.
    if ($("#hiddenState").val() == "addEnrollment") {
        $("#paypalButton").attr("disabled", "disabled");
        $("#paypalDiv").css("opacity", .25);

        //ENsure we're on buy div.
        BtnBuyClick();
    }

    if ($("#hiddenState").val() == "readyToPay") {
        $("#paypalButton").removeAttr("disabled");
        $("#paypalDiv").css("opacity", 1);
    }

    //Set rollover on what/why/buy


    //Center btn text.
    $(".btnWhyText").attr("align", "center");
    $(".btnWhyText").attr("vertical-align", "center");

    //Set up btn clicks.            
    $("#btnBuy").click(function () {
        BtnBuyClick();
    });
    $("#btnWhat").click(function () {
        BtnWhatClick();
    });
    $("#btnWhy").click(function () {

        BtnWhyClick();
    });

    //InitMenu();

    //Parse query string for any commands to jump to a section.  Should only happen in default.asxp
    $.urlParam = function (name) {
        var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
        if (!results) { return 0; }
        return results[1] || 0;
    }

    $.isChrome = function () {
        var retval = false;
        jQuery.each(jQuery.browser, function (i, val) {
            if (i == "webkit") {
                retval = true;
            }
        });
        return retval;
    };

    $.isIE = function () {
        var retval = false;
        if (BrowserDetect.browser.toLowerCase() == "explorer") {
            retval = true;
        }

        return retval;

        //        jQuery.each(jQuery.browser, function (i, val) {
        //            if (i == "msie") {
        //                retval = true;
        //            }
        //        });
        //        return retval;
    };

    $.isFirefox = function () {
        if ($.isChrome != true && $.isIE() != true) return true;
        return false;
    };

    ProcessQueryString();

    ProcessPerBrowserCustomizations();


});


var BrowserDetect = {
    init: function () {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
        this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function (data) {
        for (var i = 0; i < data.length; i++) {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
                if (dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            }
            else if (dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function (dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
    },
    dataBrowser: [
		{
		    string: navigator.userAgent,
		    subString: "Chrome",
		    identity: "Chrome"
		},
		{ string: navigator.userAgent,
		    subString: "OmniWeb",
		    versionSearch: "OmniWeb/",
		    identity: "OmniWeb"
		},
		{
		    string: navigator.vendor,
		    subString: "Apple",
		    identity: "Safari",
		    versionSearch: "Version"
		},
		{
		    prop: window.opera,
		    identity: "Opera"
		},
		{
		    string: navigator.vendor,
		    subString: "iCab",
		    identity: "iCab"
		},
		{
		    string: navigator.vendor,
		    subString: "KDE",
		    identity: "Konqueror"
		},
		{
		    string: navigator.userAgent,
		    subString: "Firefox",
		    identity: "Firefox"
		},
		{
		    string: navigator.vendor,
		    subString: "Camino",
		    identity: "Camino"
		},
		{		// for newer Netscapes (6+)
		    string: navigator.userAgent,
		    subString: "Netscape",
		    identity: "Netscape"
		},
		{
		    string: navigator.userAgent,
		    subString: "MSIE",
		    identity: "Explorer",
		    versionSearch: "MSIE"
		},
		{
		    string: navigator.userAgent,
		    subString: "Gecko",
		    identity: "Mozilla",
		    versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
		    string: navigator.userAgent,
		    subString: "Mozilla",
		    identity: "Netscape",
		    versionSearch: "Mozilla"
		}
	],
    dataOS: [
		{
		    string: navigator.platform,
		    subString: "Win",
		    identity: "Windows"
		},
		{
		    string: navigator.platform,
		    subString: "Mac",
		    identity: "Mac"
		},
		{
		    string: navigator.userAgent,
		    subString: "iPhone",
		    identity: "iPhone/iPod"
		},
		{
		    string: navigator.platform,
		    subString: "Linux",
		    identity: "Linux"
		}
	]

};




/*Hides the sidebar and sets aspNetContent div to take full width*/
function HideSidebar() {
    $("#aspNetContent").css("float", "none");
    $("#aspNetContent").css("width", "810px");
    $("#sidebar").css("display", "none");
}

function ProcessPerBrowserCustomizations() {
    //Move login right more for chrome.
    var x = $.isChrome();
    if ($.isChrome() == true) {
        $("#contentDiv").css("padding-left", "0px");
        $("#bodyDiv").css("margin-top", "60px");
        $("#tableWWT").css("margin-top", "-60px");
        $("#footerDiv").css("margin-top", "-16px");
    }

    x = $.isIE();
    if ($.isIE() == true) {
        //alert(jQuery.browser.version);
        $("#bodyDiv").css("margin-top", "60px");
        $("#tableWWT").css("margin-top", "-60px");
        $("#footerDiv").css("margin-top", "-16px");

        if (jQuery.browser.version.substring(0, 2) == "8."
            || jQuery.browser.version.substring(0, 2) == "9.") {
            $("#wwtDiv").css("margin-left", "-110px");
        }
        else {
            $("#wwtDiv").css("margin-left", "-170px");
        }

        /*If version 8 or less:*/
        if (BrowserDetect.version == "9") {
            //Ignore.
        }
        else {
            //return;
            // alert("ie version: " + BrowserDetect.version);
            $("#bodyDiv").css("margin-top", "-46px");
            $("#bodyDiv").css("padding-top", "38px");
            $("#contentDiv").css("padding-top", "189px");
        }

    }


    if ($.isFirefox() == true) {
        
    }
}

function InitMenu() {
//TODO: replace see below.
    $("#menuProductsImage").fadeOut(0);
    $("#menuProducts").hover(function () {
        $("#menuProductsImage").fadeIn("fast");
    });

    $("#menuProducts").mouseleave(function () {
        $("#menuProductsImage").fadeOut("fast");
    });

    $("#menuServicesImage").fadeOut(0);
    $("#menuServices").hover(function () {
        $("#menuServicesImage").fadeIn("fast");
    });

    $("#menuServices").mouseleave(function () {
        $("#menuServicesImage").fadeOut("fast");
    });

    $("#menuHomeImage").fadeOut(0);
    $("#menuHome").hover(function () {
        $("#menuHomeImage").fadeIn("fast");
    });

    $("#menuHome").mouseleave(function () {
        $("#menuHomeImage").fadeOut("fast");
    });

    $("#menuContactImage").fadeOut(0);
    $("#menuContact").hover(function () {
        $("#menuContactImage").fadeIn("fast");
    });

    $("#menuContact").mouseleave(function () {
        $("#menuContactImage").fadeOut("fast");
    });
    
    $("#menuAboutImage").fadeOut(0);
    $("#menuAbout").hover(function () {
        $("#menuAboutImage").fadeIn("fast");
    });

    $("#menuAbout").mouseleave(function () {
        $("#menuAboutImage").fadeOut("fast");
    });

    InitMenuActionOuter("menuLogin");

    InitMenuAction("menuProducts");
}

function InitMenuActionOuter(itemName) {
    var imageName = "#" + itemName + "Image";
    var itemName = "#" + itemName ;

    $(imageName).fadeOut(0);
    $(itemName).mouseenter(function () {
        $(imageName).fadeIn("fast");
    });

    $(itemName).mouseleave(function () {
        $(imageName).fadeOut("fast");
    });
}

function InitMenuAction(itemName)
{
    var imageName = "#" + itemName + "Image";
    var itemName = "#" + itemName + "Text";
    $(imageName).fadeOut(0);
    $(itemName).hover(function () {
        $(imageName).fadeIn("fast");
    });

    $(itemName).mouseleave(function () {
        $(imageName).fadeOut("fast");
    });
}

function ProcessQueryString() {
    //alert($.urlParam("section"));
    var section = $.urlParam("section");
    if (section == "what") {
        BtnWhatClick();
    }
    if (section == "why") {
        BtnWhyClick();
    }
    if (section == "trybuy") {
        BtnBuyClick();
    }

    //Subsection process.
    var subsection = $.urlParam("sub");
    if (subsection == "vids") {
        
       
    }

}

function HideAllNow() {
    //$("#divCrm").hide();
    $("#aspNetContent").hide();
    
    $("#whatDiv").hide();
    $("#whyDiv").hide();
}

function HideAll() {    
    //$("#divCrm").hide(0);
    $("#whatDiv").hide("fast");
    $("#whyDiv").hide("fast");
}

//Ensures crm div visibile.
function BtnBuyClick() {
////    //Ensure we're at default.
////    //document.location = "default.aspx";
////    var splitted = document.location.href.split("/");
////    var tail = splitted[splitted.length - 1];

////    //If tail of location href not default.aspx then we need to nav there with trybuy section param.
////    if (tail.toString().substring(0, "Default.aspx".length ).toUpperCase() != "DEFAULT.ASPX") {
////        document.location = "default.aspx?section=trybuy";
////        return;
////    }

////    $("#aspNetContent").show();
////    $("#ajaxContent").hide();
////       
    
}

function BtnWhatClick() {
//   $("#aspNetContent").hide();
//    $("#ajaxContent").show();
//    
//    $("#ajaxContent").load("ajax/mainSymbiant.html", function () {
// 
//    });

}
function BtnWhyClick() {
//    $("#aspNetContent").hide();
//    $("#ajaxContent").show();

//    $("#ajaxContent").load("ajax/why.html", function () {
//    });
}