/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

var i = 0;
var photo = new Array('homepage_banner.jpg', 'beloola_avatars.jpg', 'artiste_baniere.jpg', 'team_3d.jpg', 'Euratechnologie_600.jpg', '');

function next() {
    if (i >= 4) {
        i = 0;
    } else {
        i++;
    }
    focusOn(i);
}

function previous() {
    if (i <= 0) {
        i = 4;
    } else {
        i--;
    }
    focusOn(i);
}

function focusOn(index) {
 i = index;
    $('.circle').attr('src', 'img/gray_circle.gif');
    $('#img' + i).attr('src', 'img/blue_circle.gif');

	if (i==1)
	{
		$('#dd2').show();
		$('#dd1').hide();
		$('#dd3').hide();
		$('#dd4').hide();
		$('#dd5').hide();

	}

	if (i==2)
	{
		$('#dd3').show();
		$('#dd1').hide();
		$('#dd2').hide();
		$('#dd4').hide();
		$('#dd5').hide();
		
	}
	
	if (i==3)
	{
		$('#dd4').show();
		$('#dd2').hide();
		$('#dd1').hide();
		$('#dd3').hide();
		$('#dd5').hide();
		
	}
	
	if (i==4)
	{
		$('#dd5').show();
		$('#dd2').hide();
		$('#dd3').hide();
		$('#dd1').hide();
		$('#dd4').hide();
		
	}


	

	if (i==0)
	{
		$('#dd1').show();
		$('#dd2').hide();
		$('#dd3').hide();
		$('#dd5').hide();
		$('#dd4').hide();
		
	}


    $('#main-img-relative').attr('src', 'img/' + photo[i]);
}

$('.circle').click(function () {
    focusOn($(this).attr('id').substr(3));
});
focusOn(i);

$('#left').mouseover(function() {
    $(this).attr('src', 'img/left_over.gif');
});

$('#left').mouseout(function() {
    $(this).attr('src', 'img/left.gif');
});

$('#right').mouseover(function() {
    $(this).attr('src', 'img/right_over.gif');
});

$('#right').mouseout(function() {
    $(this).attr('src', 'img/right.gif');
});

$('.circle').mouseover(function () {
    $(this).attr('src', 'img/blue_circle.gif');
});

$('.circle').mouseout(function () {
    if ($(this).attr('id').substr(3) != i) {
        $(this).attr('src', 'img/gray_circle.gif');
    }
});