$(document).ready(function () {


    addMianNavEvents();

    // Your code here
});  // JavaScript Document


function ShowDiv(id) {
    document.getElementById(id).style.display = 'block';
}

function HideDiv(id) {
    document.getElementById(id).style.display = 'None';
}



//  add mouseover events for main nave

var tabline
function addMianNavEvents() {

    var originalTabColour = $('#tabline').css("background-color");

   
    // Bind BOYS events to parts drop down
    var bolBoysDrop = 'false';
    var bolBoysTrigger = 'false';
   
    $('#boysdrop').hide();

    //slide down on ouse over
    $('#boystab').mouseenter(function (event) {
        bolBoysTrigger = 'true'
        $('#boystab img').addClass("active");
        $('#tabline').css("background-color", "#342671");
        $('#boysdrop').fadeIn('fast', function () { });
        var timDelay = setTimeout(function () {
            $('#tabline').css("background-color", "#342671");

        }, 00);

    });


    //slide up when leave but wai to see if moused over drop dobw 
    $('#boystab').mouseleave(function (event) {
        bolBoysTrigger = 'false'
        var timDelay = setTimeout(function () {
            if (bolBoysDrop == 'false') {
                $('#boystab img').removeClass("active");

                $('#boysdrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });

    //set true when mouse over drop down
    $('#boysdrop').mouseenter(function (event) {
        bolBoysDrop = 'true';
    });

    //slide up if not moused over trigger or drop down
    $('#boysdrop').mouseleave(function (event) {
        bolBoysDrop = 'false';

        var timDelay = setTimeout(function () {
            if (bolBoysTrigger == 'false') {
                $('#tabline').css("background-color", "");

                $('#boystab img').removeClass("active");

                $('#boysdrop').fadeOut('fast', function () { });

            }
        }, 00);

    });

    // Bind Girls events to parts drop down
    var bolGirlsDrop = 'false';
    var bolGirlsTrigger = 'false';

    $('#girlsdrop').hide();

    //slide down on ouse over
    $('#girlstab').mouseenter(function (event) {
        bolGirlsTrigger = 'true'
        $('#girlstab img').addClass("active");
        $('#tabline').css("background-color", "#cf6483");
        $('#girlsdrop').fadeIn('fast', function () { });
        var timDelay = setTimeout(function () {
            $('#tabline').css("background-color", "#cf6483");

        }, 00);

    });


    //slide up when leave but wai to see if moused over drop dobw 
    $('#girlstab').mouseleave(function (event) {
        bolGirlsTrigger = 'false'
        var timDelay = setTimeout(function () {
            if (bolGirlsDrop == 'false') {
                $('#girlstab img').removeClass("active");

                $('#girlsdrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });

    //set true when mouse over drop down
    $('#girlsdrop').mouseenter(function (event) {
        bolGirlsDrop = 'true';
    });

    //slide up if not moused over trigger or drop down
    $('#girlsdrop').mouseleave(function (event) {
        bolGirlsDrop = 'false';

        var timDelay = setTimeout(function () {
            if (bolGirlsTrigger == 'false') {
                $('#girlstab img').removeClass("active");

                $('#girlsdrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });




    // Bind teens events to parts drop down
    var bolteensDrop = 'false';
    var bolteensTrigger = 'false';

    $('#teensdrop').hide();

    //slide down on ouse over
    $('#teenstab').mouseenter(function (event) {
        bolteensTrigger = 'true'
        $('#teenstab img').addClass("active");
        $('#tabline').css("background-color", "#6f3d6e");
        $('#teensdrop').fadeIn('fast', function () { });
        var timDelay = setTimeout(function () {
            $('#tabline').css("background-color", "#6f3d6e");

        }, 00);

    });


    //slide up when leave but wai to see if moused over drop dobw 
    $('#teenstab').mouseleave(function (event) {
        bolteensTrigger = 'false'
        var timDelay = setTimeout(function () {
            if (bolteensDrop == 'false') {
                $('#teenstab img').removeClass("active");

                $('#teensdrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });

    //set true when mouse over drop down
    $('#teensdrop').mouseenter(function (event) {
        bolteensDrop = 'true';
    });

    //slide up if not moused over trigger or drop down
    $('#teensdrop').mouseleave(function (event) {
        bolteensDrop = 'false';

        var timDelay = setTimeout(function () {
            if (bolteensTrigger == 'false') {
                $('#teenstab img').removeClass("active");

                $('#teensdrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });


    // Bind furniture events to parts drop down
    var bolfurnitureDrop = 'false';
    var bolfurnitureTrigger = 'false';

    $('#furnituredrop').hide();

    //slide down on ouse over
    $('#furnituretab').mouseenter(function (event) {
        bolfurnitureTrigger = 'true'
        $('#furnituretab img').addClass("active");
       
       $('#tabline').css("background-color", "#9bc9ce");
        $('#furnituredrop').fadeIn('fast', function () { });
        var timDelay = setTimeout(function () {
            $('#tabline').css("background-color", "#9bc9ce");

        }, 00);

    });


    //slide up when leave but wai to see if moused over drop dobw 
    $('#furnituretab').mouseleave(function (event) {
        bolfurnitureTrigger = 'false'
        var timDelay = setTimeout(function () {
            if (bolfurnitureDrop == 'false') {
                $('#furnituretab img').removeClass("active");

                $('#furnituredrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });

    //set true when mouse over drop down
    $('#furnituredrop').mouseenter(function (event) {
        bolfurnitureDrop = 'true';
    });

    //slide up if not moused over trigger or drop down
    $('#furnituredrop').mouseleave(function (event) {
        bolfurnitureDrop = 'false';

        var timDelay = setTimeout(function () {
            if (bolfurnitureTrigger == 'false') {
                $('#furnituretab img').removeClass("active");

                $('#furnituredrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });


    // Bind outdoor events to parts drop down
    var boloutdoorDrop = 'false';
    var boloutdoorTrigger = 'false';

    $('#outdoordrop').hide();

    //slide down on ouse over
    $('#outdoortab').mouseenter(function (event) {
        boloutdoorTrigger = 'true'
        $('#outdoortab img').addClass("active");
      //  $('#tabline').css("background-color", "#8e9842");
        $('#tabline').css("background-color", "#cf0404");
        $('#outdoordrop').fadeIn('fast', function () { });
        var timDelay = setTimeout(function () {
           // $('#tabline').css("background-color", "#8e9842");
            $('#tabline').css("background-color", "#cf0404");

        }, 00);

    });


    //slide up when leave but wai to see if moused over drop dobw 
    $('#outdoortab').mouseleave(function (event) {
        boloutdoorTrigger = 'false'
        var timDelay = setTimeout(function () {
            if (boloutdoorDrop == 'false') {
                $('#outdoortab img').removeClass("active");

                $('#outdoordrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });

    //set true when mouse over drop down
    $('#outdoordrop').mouseenter(function (event) {
        boloutdoorDrop = 'true';
    });

    //slide up if not moused over trigger or drop down
    $('#outdoordrop').mouseleave(function (event) {
        boloutdoorDrop = 'false';

        var timDelay = setTimeout(function () {
            if (boloutdoorTrigger == 'false') {
                $('#outdoortab img').removeClass("active");

                $('#outdoordrop').fadeOut('fast', function () { });
                $('#tabline').css("background-color", originalTabColour);

            }
        }, 00);

    });




}




function showDiv(id) {
    $('#' + id + '').show();

}


function hideDiv(id) {

    $('#' + id + '').hide();

}


function bindProdTabs() {

    $('#ProdTabsBottom .Info').hide();
    $('#Details').show();

    $('#ProdTabsTop a').click(function () {

        // alert('test');
        $('#ProdTabsTop a').removeClass('activelink');
        $(this).addClass('activelink');
        $('#ProdTabsBottom .Info').hide();
        var info = $(this).attr('id');
        info = '#' + info.replace('_t', '');
    //    alert(info);
        $(info).show();

    });


}

function bindProdTabsPP() {

    $('#ProdTabsBottomPP .Info').hide();
    $('#DetailsPP').show();

    $('#ProdTabsTopPP a').click(function () {

        $('#ProdTabsTopPP a').removeClass('activelink');
        $(this).addClass('activelink');
        $('#ProdTabsBottomPP .Info').hide();
        var info = $(this).attr('id');
        info = '#' + info.replace('_t', '');
        //    alert(info);
        $(info).show();

    });


}

function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
}

function bindNewsLetter(id) {

var selector = '#'+id;

$(selector + ' a').click(

        function () {

            if ($(selector + ' input').val()) {

                var email = $(selector + ' input').val();

                if (isValidEmailAddress(email)) {

                    $.ajax({
                        url: "/newsletter/signup.aspx?email=" + email + "",
                        success: function () {

                            $(selector + ' input').val(' Thank you')


                        }



                    });


                }



            }

        }


 );



}