frontend_custom_start = {};

frontend_custom_start.positions = {
	"image-0":{
		offPositionX : 300,
		offPositionY : -1000,
		onPositionX : 300,
		onPositionY : -44
	},
	"image-1":{
		offPositionX : 1000,
		offPositionY : 34,
		onPositionX : 320,
		onPositionY : 34
	},
	"image-2":{
		offPositionX : 0,
		offPositionY : 500,
		onPositionX : 34,
		onPositionY : 110
	},
	"image-3":{
		offPositionX : 200,
		offPositionY : 500,
		onPositionX : 34,
		onPositionY : 50
	},
	"image-4":{
		offPositionX : 1000,
		offPositionY : 50,
		onPositionX : 300,
		onPositionY : 66
	}
};

frontend_custom_start.init = function() {

	randId = 0;
	
	if($.cookie('frontend_custom_start') == 'returning_visitor' ) {
		randId = Math.floor((Math.random() * 5));
	} 
	
	$.cookie('frontend_custom_start', 'returning_visitor', {expires: 1 });	
	
	container = $('#header-image-right');
    container.find('img').not('#image-' + randId).hide();
    container.find('.circle').hide();
    
    $('#header-image-left .image-' + randId).addClass('active');
    timeout = window.setTimeout("frontend_custom_start.circle(" + randId + ")", 1000);
        
    $('#header-image-left a').mouseover(
        function() {
        	window.clearTimeout(timeout);
            var id = '#' + $(this).attr('rel');
            var linkId = id.match(/-([0-9]+)/)[1];
            container.find('img:visible').not(id).fadeOut();
            container.find('.circle').not('#circle-' + linkId).fadeOut();
            //$(id).not(':visible').fadeIn();
            $(id).fadeIn();
            
            $('#header-image-left a').removeClass('active');
            $(this).addClass('active');            
            timeout = window.setTimeout("frontend_custom_start.circle('" + linkId + "')", 1000);      
        }
    );
    $('#header-image-left a').mouseout(
	    function() {
	    	
	    }
	);
}
frontend_custom_start.circle = function(id) {
	$('#circle-' + id).css('left', frontend_custom_start.positions['image-' + id].offPositionX);
	$('#circle-' + id).css('top', frontend_custom_start.positions['image-' + id].offPositionY).show();
	$('#circle-' + id).animate({"top": frontend_custom_start.positions['image-' + id].onPositionY, 
								"left": frontend_custom_start.positions['image-' + id].onPositionX}, 
								{duration: 'slow',
							     easing: 'easeOutBack'}
							   );
}
$(document).ready(frontend_custom_start.init);