/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/
function showImages(id)
{
	//alert(id);
	if(id==1) i=0;
	else if(id==2) i=1;
	else if(id==3) i=2;
	else if(id==4) i=3;
	
	$("#div1").addClass('inactiveclass');
	$("#div2").addClass('inactiveclass');
	$("#div3").addClass('inactiveclass');
	$("#div4").addClass('inactiveclass');	
	
	
	$("#div1").removeClass('activeclass');
	$("#div2").removeClass('activeclass');
	$("#div3").removeClass('activeclass');
	$("#div4").removeClass('activeclass');
	
	$("#div"+id).addClass('activeclass');
	
	
	 $("#img1").removeClass('active');
	  $("#img2").removeClass('active');
	   $("#img3").removeClass('active');
	    $("#img4").removeClass('active');
    
	 $("#img"+id).addClass('active');
	 $("#img"+id).show();


}

var i=0;
var chal=false;
function slideSwitch() {
    var $active = $('#slideshow DIV.active');
	var $navActive = $('#nav DIV.activeclass');

    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
	if ( $navActive.length == 0) $navActive = $('#nav DIV:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow DIV:first');
	var $navNext = $navActive.next().length ? $navActive.next() 
		: $('#nav DIV:first');
		
		
	$navActive.addClass('inactiveclass');
	$navActive.removeClass('activeclass');	
    $active.addClass('last-active');
	$('#img1').fadeOut('fast');
	$('#img2').fadeOut('fast');
	$('#img3').fadeOut('fast');
	$('#img4').fadeOut('fast');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 0, function() {
            $active.removeClass('active last-active');
        });
	$navNext.addClass('activeclass');
	$next.fadeIn('fast');
	
}

$(function() {
	$('#img2').hide();
	$('#img3').hide();
	$('#img4').hide();
    setInterval( "slideSwitch()", 5000 );
});