/////////////////////////////////////////////////////////////////////////////////////
// JAVASCRIPT BY: Dennis Wiemer for Dvotion.nl
///////////////////////////////////////////////////////////////////////////////////


///////////////////////////////////////////////////////////////////////////////////
// CONFIG GLOBALS
///////////////////////////////////////////////////////////////////////////////////

var screenW = '';
var screenH = '';
var screenHthird = '';
var globalsize = 2200;
var ani_dir = 'left';
var ani_status = false;
var ani_speed = 2;





///////////////////////////////////////////////////////////////////////////////////
// READY
///////////////////////////////////////////////////////////////////////////////////
$(document).ready( function() { 
    

    $.div_document			= $(document);
	$.div_window			= $(window);
	$.div_htmlbody			= $('html,body');
	$.div_base				= $('#hc_base');
	$.div_car				= $('#hc_car');
	$.div_link1				= $('#link1');
	$.div_link2				= $('#link2');
	$.div_link4				= $('#link4');
	$.div_link5				= $('#link5');
	$.div_sign1				= $('#hc_sign1');
	$.div_sign2				= $('#hc_sign2');

	
    
	

/////////////////////////////////////////////////////////////////////////////////////
//// SCREEN RESIZE
/////////////////////////////////////////////////////////////////////////////////////
    screenW = $.div_window.width();
    
	$.div_window.resize(function(){
		screenW = $.div_window.width();
       if (screenW>2000) {
            globalsize = 2300;
        } else if (screenW>1440) {
            globalsize = 2000;
        } else  if (screenW>1024) {
            globalsize = 1440;
        } else  {
            globalsize = 1024;
        } 
       screen_resize();
	});
	
	var screen_resize = function(){
		screenW = $.div_window.width();
		if(screenW>globalsize){
			var posX_bg = (screenW-globalsize)/2;
		} else {
			var posX_bg = 0-((globalsize-screenW)/2);
		}
		//$.div_base.css('left', posX_bg+'px');
        
        
	}
	
	// start up screen resize:
	screen_resize();
    
 
    
    
    
/////////////////////////////////////////////////////////////////////////////////////
//// DIRECTION CAR
/////////////////////////////////////////////////////////////////////////////////////    
    
    $.div_link1.click(function(){ click_sign1(); }).mouseover(function(){ mouseover_sign1(); }).mouseout(function(){ mouseout_sign1(); });
    $.div_link2.click(function(){ click_sign1(); }).mouseover(function(){ mouseover_sign1(); }).mouseout(function(){ mouseout_sign1(); });
    $.div_sign1.click(function(){ click_sign1(); }).mouseover(function(){ mouseover_sign1(); }).mouseout(function(){ mouseout_sign1(); });
    
    $.div_link4.click(function(){ click_sign2(); }).mouseover(function(){ mouseover_sign2(); }).mouseout(function(){ mouseout_sign2(); });
    $.div_link5.click(function(){ click_sign2(); }).mouseover(function(){ mouseover_sign2(); }).mouseout(function(){ mouseout_sign2(); });
    $.div_sign2.click(function(){ click_sign2(); }).mouseover(function(){ mouseover_sign2(); }).mouseout(function(){ mouseout_sign2(); });
    
    function mouseover_sign1(){
        $.div_sign1.css('background-position', '-249px -367px');
        $.div_car.css('background-position', '-10px -370px');
        ani_dir = 'left';
        ani_status = true;
    }
    function mouseover_sign2(){
        $.div_sign2.css('background-position', '-500px -367px');
        $.div_car.css('background-position', '-10px -490px');
        ani_dir = 'right';
        ani_status = true;
    }
    function mouseout_sign1(){
        $.div_sign1.css('background-position', '-249px -210px');
         ani_status = false;
    }
    function mouseout_sign2(){
        $.div_sign2.css('background-position', '-500px -210px');
        ani_status = false;
    }
    function click_sign1(){
        ani_dir = 'left';
        $.div_car.animate({left: '-300px', useTranslate3d:true }, {duration: 1000, complete: function(){
			window.location='http://www.goals.nl/arbeidsmarketing';
		}});
    }
    function click_sign2(){
        ani_dir = 'right';
        var newxx = screenW+300;
        $.div_car.animate({left: newxx+'px', useTranslate3d:true }, {duration: 1000, complete: function(){
			window.location='http://www.goals.nl/marktbewerking';
		}});
    }
    
    
    $.div_car.css('left', (screenW/2)-200+'px'); 
    
    $.div_document.everyTime(10, function(){
        if(ani_status){
            animate_car(ani_dir);
        }
    });
    
    
    
    function animate_car(dir){
        var sign1x = $.div_sign1.css('left');
        var sign1w = $.div_sign1.css('width');
        var sign2x = $.div_sign2.css('right');
        var sign2w = $.div_sign2.css('width');
        sign1x = sign1x.replace('px','');
        sign1w = sign1w.replace('px','');
        sign2x = sign2x.replace('px','');
        sign2w = sign2w.replace('px','');
        
        var newx = $.div_car.css('left');
        newx = newx.replace('px','');
        
        if(dir == 'right'){
            if(newx < (screenW-(parseInt(sign2x)+(parseInt(sign2w)*2)))+85){
                var newx = parseInt(newx)+ani_speed;
            }
        } else {
            if(newx > (parseInt(sign1x)+(parseInt(sign1w)/1))-85){
                var newx = parseInt(newx)-ani_speed;
            }
        }
        
        
        $.div_car.css('left', newx+'px');
    }
    
    
    
    
});