//----------------------------About us Section & Award Section  Starts

$(document).ready(function() {
    //set up events to handle browsing project categories
    $(".about .skills a ").bind("click", function() {
        switchTo("skills");
    });
    $(".about .clients a ").bind("click", function() {
        switchTo("clients");
    });
    $(".about .testimonial a ").bind("click", function() {
        switchTo("testimonial");
    });

    //award section
    $(".award .web a ").bind("click", function() {
        switchTo("web");
    });
    $(".award .icon a ").bind("click", function() {
        switchTo("icon");
    });
    $(".award .logo a ").bind("click", function() {
        switchTo("logo");
    });
    $(".award .others a ").bind("click", function() {
        switchTo("others");
    });

});

var curSect = "";

function switchTo(which) {
    jQuery.easing.def = "easeInOutSine";

    h = $(".about_left").height();  //so we don't have to hardcode the row height;
    if (which == curSect) {
        return;
    }  //don't switch if we are on the selected tab

    if (which == "skills") {
        $("#sidenav a").css("cursor", "pointer");
        $("#sidenav .skills a").css("cursor", "default");
        $("#sidenav .current").animate({top: "-1px"  }, { "duration": 300 });

    }

    if (which == "clients") {
        $("#sidenav a").css("cursor", "pointer");
        $("#sidenav .clients a").css("cursor", "default");
        $("#sidenav .current").animate({     top: "35px"   }, { "duration": 300 });
    }

    if (which == "testimonial") {
        $("#sidenav a").css("cursor", "pointer");
        $("#sidenav .testimonial a").css("cursor", "default");
        $("#sidenav .current").animate({         top: "69px"        }, { "duration": 300});
    }

    //award section
    if (which == "web") {
        $("#sidenav_award a").css("cursor", "pointer");
        $("#sidenav_award .web a").css("cursor", "default");
        $("#sidenav_award .current").animate({top: "-1px"  }, { "duration": 300 });

    }

    if (which == "icon") {
        $("#sidenav_award a").css("cursor", "pointer");
        $("#sidenav_award .icon a").css("cursor", "default");
        $("#sidenav_award .current").animate({     top: "35px"   }, { "duration": 300 });
    }

    if (which == "logo") {
        $("#sidenav_award a").css("cursor", "pointer");
        $("#sidenav_award .logo a").css("cursor", "default");
        $("#sidenav_award .current").animate({         top: "69px"        }, { "duration": 300});
    }

    if (which == "others") {
        $("#sidenav_award a").css("cursor", "pointer");
        $("#sidenav_award .others a").css("cursor", "default");
        $("#sidenav_award .current").animate({         top: "103px"        }, { "duration": 300});
    }
    curSect = which;
}
//------------------------About us Section & Award Section Ends





//---------------------Network popup starts

$(function () {
    $('.bubbleInfo').each(function () {
        // options
        var distance = 10;
        var time = 250;
        var hideDelay = 500;

        var hideDelayTimer = null;

        // tracker
        var beingShown = false;
        var shown = false;

        var trigger = $('.trigger', this);
        var popup = $('.popup', this).css('opacity', 0);


        // set the mouseover and mouseout on both element
        $([trigger.get(0), popup.get(0)]).mouseover(
            function () {
                // stops the hide event if we move from the trigger to the popup element
                if (hideDelayTimer) clearTimeout(hideDelayTimer);

                // don't trigger the animation again if we're being shown, or already visible
                if (beingShown || shown) {
                    return;
                } else {
                    beingShown = true;

                    // reset position of popup box
                    popup.css({
                        top: -50,
                        left: -30,
                        display: 'block' // brings the popup back in to view
                    })


                        // (we're using chaining on the popup) now animate it's opacity and position
                        .animate({
                            top: '-=' + distance + 'px',
                            opacity: 1
                        }, time, 'swing', function() {
                            // once the animation is complete, set the tracker variables
                            beingShown = false;
                            shown = true;
                        });
                }
            }).mouseout(function () {
                // reset the timer if we get fired again - avoids double animations
                if (hideDelayTimer) clearTimeout(hideDelayTimer);

                // store the timer so that it can be cleared in the mouseover if required
                hideDelayTimer = setTimeout(function () {
                    hideDelayTimer = null;
                    popup.animate({
                        top: '-=' + distance + 'px',
                        opacity: 0
                    }, time, 'swing', function () {
                        // once the animate is complete, set the tracker variables
                        shown = false;
                        // hide the popup entirely after the effect (opacity alone doesn't do the job)
                        popup.css('display', 'none');
                    });
                }, hideDelay);
            });
    });
});

//-------------Network popup ends

//----------------Slider Control Starts---------------------
$(function() {
    <!--Main Content Starts -->
    $('#content').cycle({
        fx:     'scrollUp', // You can choose any effects that you like, from the Link reference : http://www.malsup.com/jquery/cycle/browser.html
        speed:  '300',
        timeout: 0,
        pager:  '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#nav li:eq(' + (idx) + ') a';
        }
    });
    <!--Main Content Ends -->

    <!--About Sidenav Starts -->
    $('#content2').cycle({
        fx:     'turnDown', // You can choose any effects that you like, from the Link reference : http://www.malsup.com/jquery/cycle/browser.html
        speed:  'slow',
        timeout: 0,
        pager:  '#sidenav',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#sidenav li:eq(' + (idx) + ') a';
        }

    });
    <!--About Sidenav Ends -->

    <!--Award Sidenav Starts -->
    $('#content3').cycle({
        fx:     'fade', // You can choose any effects that you like, from the Link reference : http://www.malsup.com/jquery/cycle/browser.html
        speed:  'slow',
        timeout: 0,
        pager:  '#sidenav_award',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#sidenav_award li:eq(' + (idx) + ') a';
        }

    });
    <!--Award Sidenav Ends -->


    <!--Testimonial Starts -->
    $('#testimonial').cycle({
        timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
        fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        next: '#next',  // selector for element to use as click trigger for next slide
        prev: '#prev',  // selector for element to use as click trigger for previous slide
        pager: '#pager',  // selector for element to use as pager container
        pause:           1,      // true to enable "pause on hover"
        pauseOnPagerHover: 1 // true to pause when hovering over pager link
    });
    <!--Testimonial Ends -->


    <!--Award web Starts -->
    $('#webdesign').cycle({
        timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
        fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        next: '#web_next',  // selector for element to use as click trigger for next slide
        prev: '#web_prev',  // selector for element to use as click trigger for previous slide
        pager: '#web_pager',  // selector for element to use as pager container
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#web_pager li:eq(' + (idx) + ') a';
        }

    });
    <!--Award web Ends -->

    <!--Award Icon Starts -->
    $('#icondesign').cycle({
        timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
        fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        next: '#icon_next',  // selector for element to use as click trigger for next slide
        prev: '#icon_prev',  // selector for element to use as click trigger for previous slide
        pager: '#icon_pager',  // selector for element to use as pager container
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#icon_pager li:eq(' + (idx) + ') a';
        }

    });
    <!--Award Icon Ends -->

    <!--Award Logo Starts -->
    $('#logodesign').cycle({
        timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
        fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        next: '#logo_next',  // selector for element to use as click trigger for next slide
        prev: '#logo_prev',  // selector for element to use as click trigger for previous slide
        pager: '#logo_pager',  // selector for element to use as pager container
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#logo_pager li:eq(' + (idx) + ') a';
        }

    });
    <!--Award Logo Ends -->

    <!--Award Other Starts -->
    $('#otherdesign').cycle({
        timeout:       9000,  // milliseconds between slide transitions (0 to disable auto advance)
        fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        next: '#other_next',  // selector for element to use as click trigger for next slide
        prev: '#other_prev',  // selector for element to use as click trigger for previous slide
        pager: '#other_pager',  // selector for element to use as pager container
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#other_pager li:eq(' + (idx) + ') a';
        }

    });
    <!--Award Other Ends -->


    <!--Cufon Starts -->
    Cufon.replace('h1', { fontFamily: 'Walkway SemiBold', hover: true });
    Cufon.replace('h4', { fontFamily: 'Walkway UltraBold', hover: true });
    Cufon.replace('h2', { fontFamily: 'Walkway UltraBold', hover: true });
    Cufon.replace('h5', { fontFamily: 'Walkway UltraBold', hover: true });

    <!--Cufon Ends -->
});

//----------------Slider Control Ends---------------------

// Image preloader

jQuery(document).ready(function() {

    jQuery('#main_container').image_preloader({delay:200});	// activates preloader for non-slideshow images

});
// -------------------------------------------------------------------------------------------
// The Image preloader
// -------------------------------------------------------------------------------------------


(function($) {
    $.fn.image_preloader = function(options) {
        var defaults =
        {
            repeatedCheck: 500,
            fadeInSpeed: 1000,
            delay:600,
            callback: ''
        };

        var options = $.extend(defaults, options);

        return this.each(function() {
            var imageContainer = jQuery(this),
                images = imageContainer.find('img').css({opacity:0, visibility:'hidden'}),
                imagesToLoad = images.length;

            imageContainer.operations =
            {
                preload: function() {
                    var stopPreloading = true;

                    images.each(function(i, event) {
                        var image = $(this);


                        if (event.complete == true) {
                            imageContainer.operations.showImage(image);
                        }
                        else {
                            image.bind('error load', {currentImage: image}, imageContainer.operations.showImage);
                        }

                    });

                    return this;
                },

                showImage: function(image) {
                    imagesToLoad --;
                    if (image.data.currentImage != undefined) {
                        image = image.data.currentImage;
                    }

                    if (options.delay <= 0) image.css('visibility', 'visible').animate({opacity:1}, options.fadeInSpeed);

                    if (imagesToLoad == 0) {
                        if (options.delay > 0) {
                            images.each(function(i, event) {
                                var image = $(this);
                                setTimeout(function() {
                                        image.css('visibility', 'visible').animate({opacity:1}, options.fadeInSpeed);
                                    },
                                    options.delay * (i + 1));
                            });

                            if (options.callback != '') {
                                setTimeout(options.callback, options.delay * images.length);
                            }
                        }
                        else if (options.callback != '') {
                            (options.callback)();
                        }

                    }

                }

            };

            imageContainer.operations.preload();
        });

    }
})(jQuery);

//-------------Image Preloader Ends-------------------

jQuery(document).ready(function() {

    // activates the lightbox page, if you are using a dark color scheme use another theme parameter
    lightbox("a[rel^='prettyPhoto'], a[rel^='lightbox']");
});

//----------------Light Box Starts

function lightbox($elements) {
    jQuery($elements).prettyPhoto({
        "theme": 'dark_rounded' /* light_rounded / dark_rounded / light_square / dark_square */
    });

    jQuery($elements).each(function() {
        var $image = jQuery(this).contents("img");
        $newclass = 'lightbox_videothird';

        if (jQuery(this).attr('href').match(/(jpg|gif|jpeg|png|tif)/)) $newclass = 'lightbox_image';

        if ($image.length > 0) {
            if (jQuery.browser.msie && jQuery.browser.version < 7) jQuery(this).addClass('ie6_lightboxtwo');

            var $bg = jQuery("<span class='" + $newclass + " ie6fix'></span>").appendTo(jQuery(this));

            jQuery(this).bind('mouseenter', function() {
                $height = $image.height();
                $width = $image.width();
                $pos = $image.position();
                $bg.css({height:$height, width:$width, top:$pos.top, left:$pos.left});
            });
        }


    });

    jQuery($elements).contents("img").hover(function() {
        jQuery(this).stop().animate({opacity:0.5}, 400);
    }, function() {
        jQuery(this).stop().animate({opacity:1}, 400);
    });


}
 //----------------Light Box Ends