$(document).ready(function()
{
	$("a[rel='lightbox']").colorbox();
    
    $('.innerfade').innerfade({ 
		animationtype: 'fade',
		speed: 2000,
		timeout: 10000,
		type: 'sequence'
	});
    
    myTimer = setTimeout(function()
    {
        var activeId = parseInt($('#activeId').val()) + 1;
        
        fadeInFadeOut(activeId);
    }, 10000);
    
    $('#headerCicle > li').mouseover(function()
    {
        clearTimeout(myTimer);
        $id = this.id;
        $temp = $id.split('_');
        $id = parseInt($temp[1]);
        
        $previous = $('#activeId').val();
        if ($id != $previous)
        {
            $('#activeId').val($id);
            $('#header_' + ($previous)).fadeOut();
            $('#header_' + $id).fadeIn();
            $('#circle_' + ($previous)).children('img').attr('src', 'images/headerCircle.png');
            $('#circle_' + $id).children('img').attr('src', 'images/headerCircleHover.png');
        }
    });
    
    $('#headerCicle > li').mouseout(function()
    {
        $id = parseInt($('#activeId').val());
        fadeInFadeOut($id);
    });
	
	$('#contentRight input, textarea').click(function()
	{
		clear(this);	
	});

});


function clear(field)
{
    if (field.defaultValue == field.value)
        field.value = ""    
}
    
function fadeInFadeOut(i)
{
    $previous = parseInt(i) - 1;
    if (i == 1)
    {
        $previous = 5;
    }
    $activeId = $('#activeId').val(i);
    $('#header_' + ($previous)).fadeOut();
    $('#header_' + i).fadeIn();
    $('#circle_' + ($previous)).children('img').attr('src', 'images/headerCircle.png');
    $('#circle_' + i).children('img').attr('src', 'images/headerCircleHover.png');
    i++;
    if (i == 6)
    {
        i = 1;
    }
    myTimer = setTimeout((function() {
        fadeInFadeOut(i);
    }), 10000);
}