; (function (d) { var k = d.scrollTo = function (a, i, e) { d(window).scrollTo(a, i, e) }; k.defaults = { axis: 'xy', duration: parseFloat(d.fn.jquery) >= 1.3 ? 0 : 1 }; k.window = function (a) { return d(window)._scrollable() }; d.fn._scrollable = function () { return this.map(function () { var a = this, i = !a.nodeName || d.inArray(a.nodeName.toLowerCase(), ['iframe', '#document', 'html', 'body']) != -1; if (!i) return a; var e = (a.contentWindow || a).document || a.ownerDocument || a; return d.browser.safari || e.compatMode == 'BackCompat' ? e.body : e.documentElement }) }; d.fn.scrollTo = function (n, j, b) { if (typeof j == 'object') { b = j; j = 0 } if (typeof b == 'function') b = { onAfter: b }; if (n == 'max') n = 9e9; b = d.extend({}, k.defaults, b); j = j || b.speed || b.duration; b.queue = b.queue && b.axis.length > 1; if (b.queue) j /= 2; b.offset = p(b.offset); b.over = p(b.over); return this._scrollable().each(function () { var q = this, r = d(q), f = n, s, g = {}, u = r.is('html,body'); switch (typeof f) { case 'number': case 'string': if (/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)) { f = p(f); break } f = d(f, this); case 'object': if (f.is || f.style) s = (f = d(f)).offset() } d.each(b.axis.split(''), function (a, i) { var e = i == 'x' ? 'Left' : 'Top', h = e.toLowerCase(), c = 'scroll' + e, l = q[c], m = k.max(q, i); if (s) { g[c] = s[h] + (u ? 0 : l - r.offset()[h]); if (b.margin) { g[c] -= parseInt(f.css('margin' + e)) || 0; g[c] -= parseInt(f.css('border' + e + 'Width')) || 0 } g[c] += b.offset[h] || 0; if (b.over[h]) g[c] += f[i == 'x' ? 'width' : 'height']() * b.over[h] } else { var o = f[h]; g[c] = o.slice && o.slice(-1) == '%' ? parseFloat(o) / 100 * m : o } if (/^\d+$/.test(g[c])) g[c] = g[c] <= 0 ? 0 : Math.min(g[c], m); if (!a && b.queue) { if (l != g[c]) t(b.onAfterFirst); delete g[c] } }); t(b.onAfter); function t(a) { r.animate(g, j, b.easing, a && function () { a.call(this, n, b) }) } }).end() }; k.max = function (a, i) { var e = i == 'x' ? 'Width' : 'Height', h = 'scroll' + e; if (!d(a).is('html,body')) return a[h] - d(a)[e.toLowerCase()](); var c = 'client' + e, l = a.ownerDocument.documentElement, m = a.ownerDocument.body; return Math.max(l[h], m[h]) - Math.min(l[c], m[c]) }; function p(a) { return typeof a == 'object' ? a : { top: a, left: a} } })(jQuery);

$(document).ready(function () {

    //Speed of the slideshow
    var speed = 8000;

    //You have to specify width and height in #slider CSS properties
    //    //After that, the following script will set the width and height accordingly
//        jQuery.each(jQuery.browser, function (i) {
//            if ($.browser.msie && $.browser.version == '6.0' ) {
//               // $('#slider').width(470);
//                $('#mask-gallery, #gallery div').width(485);
//              //  $('#gallery').width(2450);
//              //  $('#mask-gallery, #gallery div').height($('#slider').height());
//            } 
//        });


    //Set Default State of each portfolio piece
    $(".pagingscroll").show();
    $(".pagingscroll a:first").addClass("active");


    //Assign a timer, so it will run periodically
    var run = setInterval('newsscoller(1)', speed);

    //Pause the slidershow with clearInterval
    $('#btn-pause').click(function () {
        clearInterval(run);
        return false;
    });

    //Continue the slideshow with setInterval
    $('#btn-play').click(function () {
        run = setInterval('newsscoller(1)', speed);
        return false;
    });

    //Next Slide by calling the function
    $('#btn-next').click(function () {
        newsscoller(1);
        return false;
    });

    //Previous slide by passing prev=1
    $('#btn-prev').click(function () {
        newsscoller(1);
        return false;
    });


    //Mouse over, pause it, on mouse out, resume the slider show
    $('#slider').hover(

		function () {
		    clearInterval(run);
		},
		function () {
		    run = setInterval('newsscoller(1)', speed);
		}


	    );

});


    function newsscoller(prev) {
     

        //Get the current selected item (with selected class), if none was found, get the first item
        var current_image = $('#gallery div.selected').length ? $('#gallery div.selected') : $('#gallery div:last');
     
        var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery div:last');
         

    


        

        $('#gallery div').removeClass('selected');

        //reassign the selected class to current items
        next_image.addClass('selected');


        //alert('current:' + current_image.html() + ' next:' + next_image.html());
        
            if (current_image.html().indexOf('homeslide_5.jpg') > -1) 

                $('#mask-gallery').scrollTo($('#gallery div:last'), 600);
            else
                $('#mask-gallery').scrollTo(next_image, 600);


            
            setDots('first');
        if (next_image.html().indexOf('homeslide_5.jpg') > -1) {
            setDots('five');
        }
        else if  (next_image.html().indexOf('homeslide_4.jpg') > -1) {
            setDots('four');
        }
        else if (next_image.html().indexOf('homeslide_3.jpg') > -1) {
            setDots('third');
        }
        else if (next_image.html().indexOf('homeslide_2.jpg') > -1) {
            setDots('second');
        }
        
  
       
         
    }

    function displaySelected(index) {

        //clear the selected class
        $('#gallery div').removeClass('selected');

        //add next
        var next_image = $('#' + index);
        next_image.addClass('selected');
        $('#mask-gallery').scrollTo(next_image, 600);
        setDots(index);

    }

    function setDots(index) {
  
        $('#imagefirst').attr("src", "../../Content/images/circle_grey.gif");
        $('#imagesecond').attr("src", "../../Content/images/circle_grey.gif");
        $('#imagethird').attr("src", "../../Content/images/circle_grey.gif");
        $('#imagefour').attr("src", "../../Content/images/circle_grey.gif");
        $('#imagefive').attr("src", "../../Content/images/circle_grey.gif");
        $('#image' + index).attr("src", "../../Content/images/circle_green.gif");
    }