function initGallery(){
	var _duration = 1000;
	var _active = 0;
	var _hold = $('#gallery');
	var _btn = $('.gal-nav a', _hold);
	var _box = $('.gal-content', _hold);
	
	var _w = $(' li', _box).width();
	_btn.click(function() {
	    _active = _btn.index(this);
        _box.animate({ marginLeft: -(_w * _active) + 'px' }, { queue: false, duration: _duration });
	    _btn.removeClass('active');
	    $(this).addClass('active');
	    clearInterval(myinterval);
	});
}


if (window.addEventListener){
	window.addEventListener("load", initGallery, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", initGallery);
}


var currentMain = 0;
var myinterval;


function SlideGallery2() {
    var _duration = 1000;
    var _active = 0;
    var _hold = $('#gallery');
    var _btn = $('.gal-nav a', _hold);
    var _box = $('.gal-content', _hold);

    currentMain++;
    if (currentMain == 4) 
    {
        currentMain = 0;
    }

    var _w = $(' li', _box).width();
        _active = currentMain;
        _box.animate({ marginLeft: -(_w * _active) + 'px' }, { queue: false, duration: _duration });
        _btn.removeClass('active');
        $('.gal-nav li:nth-child(' + (currentMain + 1) + ') a').addClass('active');
    }


function RandGallery() {
        var _duration = 1000;
        var _active = 0;
        var _hold = $('#gallery');
        var _btn = $('.gal-nav a', _hold);
        var _box = $('.gal-content', _hold);
        //randomnumber = Math.floor(Math.random() * 4) + 1;
        randomnumber = Math.floor(Math.random() * 4);
        alert(randomnumber);

        var _w = $(' li', _box).width();
        _active = randomnumber;
        _box.animate({ marginLeft: -(_w * _active) + 'px' }, { queue: false, duration: _duration });
        _btn.removeClass('active');
        $(this).addClass('active');

    }


myinterval = setInterval("SlideGallery2()", 7000);