$(function(){
    $('div.caretMenuD_menu a').each(function(){
	switch($(this).attr('href')){
	    case '/site/aangenaam.html':
		$(this).parent('li').attr('class','grey');
		break;
		    case '/site/keukens.html':
		$(this).parent('li').attr('class','blue');
		break;
		    case '/site/sanitair.html':
		$(this).parent('li').attr('class','green');
		break;
		    case '/site/projecten.html':
		$(this).parent('li').attr('class','red');
		break;
		    case '/site/contact.html':
		$(this).parent('li').attr('class','grey');
		break;
		    }
    });
    
    //define variabeles
    var viewPortWidth = 960;
    var reccnt = 0;
    var animationSpeed = 750;
    
    var cur = 0;
    var wrappers = new Array();
    $('.divblock').each(function(){
	wrappers.push($(this));
	reccnt++;
    });
    var total = wrappers.length;
    
    var sliderWidth = reccnt * viewPortWidth;
    $('div#slider').css('width',sliderWidth);
    
    function fixArrow(){
	if(cur >= total-1){
	    $(".right").hide(500);
	} else {
	    $(".right").show(500);
	}
	if(cur == 0){
	    $(".left").hide(500);
	} else {
	    $(".left").show(500);
	}
    } 
    fixArrow();
    
    $('.left').click(function(){
	if (cur > 0){
	    cur--;
	    $('div#slider').animate({"left":wrappers[cur].position().left * -1}, animationSpeed);
	}
	fixArrow();
	return false;
    });
    
    $('.right').click(function(){
	if (cur < total-1){
	    cur++;
	    $('div#slider').animate({"left":wrappers[cur].position().left * -1}, animationSpeed);
	}
	fixArrow();
	return false;
    });
});


/***** INPUT FOCUS *****/

function inpFocus(obj, stdText) {
    if (obj.value == stdText) {
	obj.value = '';
    }
}

function inpBlur(obj, stdText) {
    if (obj.value == '') {
	obj.value = stdText;
    }
}