﻿
    var $crosslink, $navthumb;

    var imageIndex    =  0;

    var navthumbTimer = '';

    var curclicked = 0;

    var swtime = 6000;

    var speed = 2000;



    $(function() {

        container1       = $("ul#portfolio");

        container1height = '369px';

        elements        = $(container1).children();

        $navthumb       = $(".nav-thumb");

        $(container1).css('position', 'relative').css('height', container1height).addClass('innerfade');

        for (var i = 0; i < elements.length; i++) {

            $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();

        };

        $(elements[0]).show();

        $navthumb.click(function() {

            var $this = $(this);

            var clicked = $this.parent().attr('href').slice(1) - 1;

            if ( curclicked == clicked ) return false;

            clearTimeout(navthumbTimer);

            $navthumb.attr("src", "wp-content/themes/marycohr/img/navi_topimg_off.png");


            var prev   = curclicked;

            curclicked = clicked;

            $(".stripNav ul li a").eq(curclicked).trigger('click');

            

            $navthumb.eq(curclicked).attr("src", "wp-content/themes/marycohr/img/navi_topimg_on.png");
            $(elements[prev]).fadeOut(speed);
            $(elements[curclicked]).fadeIn(speed, function() {
                removeFilter($(this)[0]);
		navthumbTimer = setTimeout("timer()", swtime);

            });

            return true;

        });

			navthumbTimer = setTimeout("timer()", swtime);

    });



    function timer() {
        clearTimeout(navthumbTimer);
        $navthumb.attr("src", "wp-content/themes/marycohr/img/navi_topimg_off.png");


        var prev = curclicked;

        if (curclicked + 1 == $navthumb.size()) {
            curclicked = 0;

        } else {
            curclicked++;
        }

        $(".stripNav ul li a").eq(curclicked).trigger('click');
        $navthumb.eq(curclicked).attr("src", "wp-content/themes/marycohr/img/navi_topimg_on.png");
        
        $(elements[prev]).fadeOut(speed);
        $(elements[curclicked]).fadeIn(speed, function() {
            removeFilter($(this)[0]);
	    navthumbTimer = setTimeout("timer()", swtime);
        });

    }

    function removeFilter(element) {
        if(element.style.removeAttribute){
            element.style.removeAttribute('filter');
        }
    }
