var theInt = null;
	    var $crosslink, $navthumb;
	    var curclicked = 0;

	    theInterval = function (cur) {
	        clearInterval(theInt);

	        if (typeof cur != 'undefined')
	            curclicked = cur;

	        $crosslink.removeClass("active-thumb");
	        $navthumb.eq(curclicked).parent().addClass("active-thumb");
	        $(".stripNav ul li a").eq(curclicked).trigger('click');

	        theInt = setInterval(function () {
	            $crosslink.removeClass("active-thumb");
	            $navthumb.eq(curclicked).parent().addClass("active-thumb");
	            $(".stripNav ul li a").eq(curclicked).trigger('click');
	            curclicked++;
	            if (4 == curclicked)
	                curclicked = 0;

	        }, 3000);
	    };

	    $(function () {

	        $("#main-photo-slider").codaSlider();

	        $navthumb = $(".nav-thumb");
	        $crosslink = $(".cross-link");

	        $navthumb
			.click(function () {
			    var $this = $(this);
			    theInterval($this.parent().attr('href').slice(1) - 1);
			    return false;
			});

	        theInterval();
	    });


$(document).ready(function () {

            //select all the a tag with name equal to modal   
            $('a[name=modal]').click(function (e) {
                //Cancel the link behavior   
                e.preventDefault();
                //Get the A tag   
                var id = $(this).attr('href');

                //Get the screen height and width   
                var maskHeight = $(document).height();
                var maskWidth = $(window).width();

                //Set height and width to mask to fill up the whole screen   
                $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

                //transition effect        
                $('#mask').fadeIn(1000);
                $('#mask').fadeTo("slow", 0.8);

                //Get the window height and width   
                var winH = $(window).height();
                var winW = $(window).width();

                //Set the popup window to center   
                $(id).css('top', winH / 2 - $(id).height() / 2);
                $(id).css('left', winW / 2 - $(id).width() / 2);

                //transition effect   
                $(id).fadeIn(2000);

            });

            //if close button is clicked   
            $('.window .close').click(function (e) {
                //Cancel the link behavior   
                e.preventDefault();
                $('#mask, .window').hide();
            });

            //if mask is clicked   
            $('#mask').click(function () {
                $(this).hide();
                $('.window').hide();
            });

        });