$(document).ready(function() {

    $("#item1LeftText").hide();
    $("#item2LeftText").hide();
    $("#item2RightText").hide();
    $("#designAssistanceContent").hide();
    $("#conversionChartContent").hide();
    $("#standardCompare").hide();
    $("#whatIsGeoContent").hide();
    $("#whoIsFalconContent").hide();
    $("#whereShipContent").hide();
    $("#epsRiskContent").hide();
    $("#howMuchContent").hide();
    $("#geoStandardsContent").hide();
    $("#falconPropertiesContent").hide();
    $("#prodGradeContent").hide();

    $(".roundWhite")
                     .corner({
                         tl: { radius: 15 },
                         tr: { radius: 15 },
                         bl: { radius: 15 },
                         br: { radius: 15 },
                         antiAlias: true,
                         autoPad: true
                     });

    $("#siteLinks")
                     .corner({
                         tl: { radius: 10 },
                         tr: { radius: 10 },
                         bl: { radius: 10 },
                         br: { radius: 10 },
                         antiAlias: true,
                         autoPad: true
                     });

    //left col a slide
    var fadeDuration = 120; //time in milliseconds

    $('.jLink').hover(function() {
        $(this).animate({ paddingLeft: '5px' }, fadeDuration).animate({ color: '#990100' });        
    }, function() {
        $(this).animate({ paddingLeft: '0px' }, fadeDuration).animate({ color: 'black' });
    });

    $('.jLink2').hover(function() {
        $(this).animate({ paddingLeft: '5px' }, fadeDuration).animate({ color: '#990100' });
    }, function() {
        $(this).animate({ paddingLeft: '0px' }, fadeDuration).animate({ color: 'black' });
    });

    //right col a slide
    $('#contentRight a').hover(function() {
    $(this).animate({ paddingLeft: '5px' }, fadeDuration);
    }, function() {
        $(this).animate({ paddingLeft: '0px' }, fadeDuration);
    });

    //vertical sliding content in white area
    $("#item1LeftText").hide();
    $("#item2LeftText").hide();
    $("#item2RightText").hide();
    $("#designAssistanceContent").hide();
    $("#conversionChartContent").hide();
    $("#standardCompare").hide();

    $(".indexContent").css({ display: "none" })

    $("#item1").click(function() {
        if ($("#item2").is(".selectColor")) {
            $("#item2LeftText").slideToggle("slow");
            $("#nontransImages").slideToggle("slow");
            swapSelectColor("#item2");
        }
        $("#item1LeftText").slideToggle("slow");
        $("#transImages").slideToggle("slow");
        swapSelectColor(this);
    });
    $("#item1Close").click(function() {
        $("#item1LeftText").hide('slow');
        $("#transImages").hide("slow");
        swapSelectColor("#item1");
    });

    $("#item2").click(function() {
        if ($("#item1").is(".selectColor")) {
            $("#item1LeftText").slideToggle("slow");
            $("#transImages").slideToggle("slow");
            swapSelectColor("#item1");
        }
        $("#item2LeftText").slideToggle("slow");
        $("#nontransImages").slideToggle("slow");
        swapSelectColor(this);
    });
    $("#item2Close").click(function() {
        $("#item2LeftText").hide('slow');
        $("#nontransImages").hide("slow");
        swapSelectColor("#item2");
    });

    $("#item2LeftTextClose").click(function() {
        $("#item2LeftText").hide('slow');
        swapSelectColor("#item2");
    });

    $("#designAssistance").click(function() {
        $("#designAssistanceContent").slideToggle("slow");
        swapSelectColor(this)
    });
    $("#designAsistClose").click(function() {
        $("#designAssistanceContent").hide("slow");
        swapSelectColor("#designAssistance")
    });

    $("#conversionChart").click(function() {
        $("#conversionChartContent").slideToggle("slow");
        swapSelectColor(this)
    });

    //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
    $("#accordion h2").click(function() {
        $(this).next("div.indexContent").slideToggle(300).siblings("div.indexContent").slideUp("slow");
        /*$(this).siblings().removeClass("indexOpen").addClass("indexClosed"); */
    });

    function swapImage(spanID) {
        if ($(spanID).is(".viewSpan")) {
            $(spanID).removeClass("viewSpan").addClass("closeSpan");
        } else {
            $(spanID).removeClass("closeSpan").addClass("viewSpan");
        }
    }

    $("#geoStandard").click(function() {
        $("#standardCompare").slideToggle("slow");
        swapSelectColor(this)
    });
    $("#standardCompareClose").click(function() {
        $("#standardCompare").hide("slow");
        swapSelectColor("#geoStandard")
    });
    $("#closeGeo").click(function() {
        $("#standardCompare").slideToggle("slow");
        swapSelectColor('#geoStandard')
    });

/* index page */
  $("#whatIsGeo").click(function() {
    $("#whatIsGeoContent").slideToggle("slow");
    swapSelectColor(this)
    });
    $("#whatIsGeoClose").click(function() {
    $("#whatIsGeoContent").hide();
    swapSelectColor("#whatIsGeo")
    });
    
      $("#whoIsFalcon").click(function() {
    $("#whoIsFalconContent").slideToggle("slow");
    swapSelectColor(this)
    });
    $("#whoIsFalconClose").click(function() {
    $("#whoIsFalconContent").hide();
    swapSelectColor("#whoIsFalcon")
    });
    
    $("#whereShip").click(function() {
    $("#whereShipContent").slideToggle("slow");
    swapSelectColor(this)
    });
    $("#whereShipClose").click(function() {
    $("#whereShipContent").hide();
    swapSelectColor("#whereShip")
    });
    
    $("#epsRisk").click(function() {
    $("#epsRiskContent").slideToggle("slow");
    swapSelectColor(this)
    });
    $("#epsRiskClose").click(function() {
    $("#epsRiskContent").hide();
    swapSelectColor("#epsRisk")
    });

    $("#howMuch").click(function() {
    $("#howMuchContent").slideToggle("slow");
    swapSelectColor(this)
    });
    $("#howMuchClose").click(function() {
    $("#howMuchContent").hide();
    swapSelectColor("#howMuch")
    });

      $("#geoStandards").click(function() {
    $("#geoStandardsContent").slideToggle("slow");
    swapSelectColor(this)
    });
    $("#geoStandardsClose").click(function() {
    $("#geoStandardsContent").hide();
    swapSelectColor("#geoStandards")
    }); 
    
    $("#falconProperties").click(function() {
    $("#falconPropertiesContent").slideToggle("slow");
    swapSelectColor(this)
    });
    $("#falconPropertiesClose").click(function() {
    $("#falconPropertiesContent").hide();
    swapSelectColor("#falconProperties")
});

$("#prodGrade").click(function() {
$("#prodGradeContent").slideToggle("slow");
    swapSelectColor(this)
});
$("#prodGradeClose").click(function() {
$("#prodGradeContent").hide();
swapSelectColor("#prodGrade")
});

   /* $("#bannerText")
    .animate(
    { right: '30%' }, {
        duration: 1600,
        easing: 'easeOutBounce'
    }) */

    /*$("#bannerText2").fadeIn(1600); */

    function swapSelectColor(spanID) {
        if ($(spanID).is(".selectColor")) {
            $(spanID).removeClass("selectColor");
        } else {
            $(spanID).addClass("selectColor");
        }
    }

    /* font effects */
    $("#menuLinks a").FontEffect({
        outline: true,
        outlineColor1: "#000"
    })

    /*$("H1").FontEffect({
    gradient: true
    }) */

    $('#menuLinks a').hover(function() {
        $(this).animate(
            { color: 'red' })
    },
         function() {
             $(this).animate(
            { color: 'white' })
         });

    /* jqmodal stuff */
         $('#dialog').jqm();
         $('#geoClip').jqm({ modal: true, trigger: 'a.jqModalClips' })

});

function popupURL(url) {
    mywindow = window.open(url, "", "location=1,status=1,scrollbars=1, width=750,height=600");
    mywindow.moveTo(0, 0);
}