$(document).ready(function(){
	
	$("#left_arr_boys").attr("src", "http://iolo.ro/css_images/btn_arrowli.gif");
	if ( imageCountBoys - imagesShown == shiftPosBoys - 1 || imageCountBoys <= imagesShown ) {
		$("#right_arr_boys").attr("src", "http://iolo.ro/css_images/btn_arrowri.gif");
	}
	
    var ulWidthBoys = 0;
    $("#carousel_boys ul img").each(function(i) {
        ulWidthBoys += $(this).outerWidth(true) + 9;
    });
    $("#carousel_boys ul").css("width", ulWidthBoys);
    $("#right_boys").click(function() {
        var newPosBoys = $("#carousel_boys ul").position().left - shift;
		if ( imageCountBoys - imagesShown + 1 >= shiftPosBoys ) {
			$("#carousel_boys ul").animate({ left:newPosBoys+"px"}, 100);
			shiftPosBoys++;
			if ( imageCountBoys - imagesShown == shiftPosBoys - 2 ) {
				$("#right_arr_boys").attr("src", "http://iolo.ro/css_images/btn_arrowri.gif");
			}
			$("#left_arr_boys").attr("src", "http://iolo.ro/css_images/btn_arrowl.gif");
		}
        
    });
    $("#left_boys").click(function() {
        var newPosBoys = $("#carousel_boys ul").position().left + shift;
		if ( imagesShown - shiftPosBoys - 1 <= shiftPosBoys ) {
			$("#carousel_boys ul").animate({ left:newPosBoys+"px"}, 100);
			shiftPosBoys--;
			if ( shiftPosBoys == 1 ) {
				$("#left_arr_boys").attr("src", "http://iolo.ro/css_images/btn_arrowli.gif");
			}
			$("#right_arr_boys").attr("src", "http://iolo.ro/design/css_images/btn_arrowr.gif");
		}
    });
    
	$("#left_arr_girls").attr("src", "http://iolo.ro/css_images/btn_arrowli.gif");
	if ( imageCountGirls - imagesShown == shiftPosGirls - 1 || imageCountGirls <= imagesShown ) {
		$("#right_arr_girls").attr("src", "http://iolo.ro/css_images/btn_arrowri.gif");
	}
	
    var ulWidthGirls = 0;
    $("#carousel_girls ul img").each(function(i) {
        ulWidthGirls += $(this).outerWidth(true) + 9;
    });
    $("#carousel_girls ul").css("width", ulWidthGirls);
    $("#right_girls").click(function() {
        var newPosGirls = $("#carousel_girls ul").position().left - shift;
		if ( imageCountGirls - imagesShown + 1 >= shiftPosGirls ) {
			$("#carousel_girls ul").animate({ left:newPosGirls+"px"}, 100);
			shiftPosGirls++;
			if ( imageCountGirls - imagesShown == shiftPosGirls - 2 ) {
				$("#right_arr_girls").attr("src", "http://iolo.ro/css_images/btn_arrowri.gif");
			}
			$("#left_arr_girls").attr("src", "http://iolo.ro/css_images/btn_arrowl.gif");
		}
        
    });
    $("#left_girls").click(function() {
        var newPosGirls = $("#carousel_girls ul").position().left + shift;
		if ( imagesShown - shiftPosGirls - 1 <= shiftPosGirls ) {
			$("#carousel_girls ul").animate({ left:newPosGirls+"px"}, 100);
			shiftPosGirls--;
			if ( shiftPosGirls == 1 ) {
				$("#left_arr_girls").attr("src", "http://iolo.ro/css_images/btn_arrowli.gif");
			}
			$("#right_arr_girls").attr("src", "http://iolo.ro/css_images/btn_arrowr.gif");
		}
    });
    
    // TO-DO: tips for carousel entries
    
});