﻿
$(document).ready(function () {

    $('#slider').nivoSlider({
        effect: 'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices: 15,
        animSpeed: 300,
        pauseTime: 5000,
        startSlide: 0, //Set starting Slide (0 index)
        directionNav: true, //Next & Prev
        directionNavHide: true, //Only show on hover
        controlNav: true, //1,2,3...
        controlNavThumbs: true, //Use thumbnails for Control Nav
        controlNavThumbsFromRel: true, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav: true, //Use left & right arrows
        pauseOnHover: true, //Stop animation while hovering
        manualAdvance: false, //Force manual transitions
        captionOpacity: 0, //Universal caption opacity
        beforeChange: function () { },
        afterChange: function () { },
        slideshowEnd: function () { } //Triggers after all slides have been shown
    });


    $().piroBox({
        my_speed: 400, //animation speed
        bg_alpha: 0.3, //background opacity
        slideShow: true, // true == slideshow on, false == slideshow off
        slideSpeed: 4, //slideshow duration in seconds(3 to 6 Recommended)
        close_all: '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox

    });

    $(".menuItems").mouseover(
        function () {
            $(this).fadeTo(150, 0.0, function () {
                $(this).css({ 'background-position': '0 -70px' });
                $(this).fadeTo(150, 1);
                $(this).animate({ 'min-height': '70px' }, 100);
            });
        }
    );
    $(".menuItems").mouseout(
        function () {
            $(this).fadeTo(150, 0.0, function () {
                $(this).animate({ 'min-height': '50px' }, 100);
                $(this).css({ 'background-position': '0 0px' });
                $(this).fadeTo(150, 1);
                
            });
        }
    );


//    $(".divLogos").mouseover(
//        function () {
//            $(this).fadeTo(150, 0.0, function () {
//                $(this).css({ 'background-position': '0 -90px' });
//                $(this).fadeTo(150, 1);
//            });
//        }
//    );
//        $(".divLogos").mouseout(
//        function () {
//            $(this).fadeTo(150, 0.0, function () {
//                $(this).css({ 'background-position': '0 0px' });
//                $(this).fadeTo(150, 1);
//            });
//        }
//    );

        //jQuery('#mycarousel').jcarousel({ scroll: 1, visible: 6, auto: 5 });
        jQuery('#mycarousel').jcarousel({ scroll: 1, visible: 6, auto:5});


    //    $(".autoplayControl").click();   Use this to Autoplay News SlickSlide

});

