document.write('<script type="text/javascript" language="javascript" src="/system/libraries/jquery-cycle/jquery.cycle.all.js"></script>');
document.write('<script type="text/javascript" language="javascript" src="/system/libraries/jquery-cycle/jquery.easing.1.3.js"></script>');

$(document).ready(function() {
    $('#brands').cycle({
		fx: 'fade',
		speed: 500,
		timeout: false, 
		pager:  '#brands-navigation',
		activePagerClass : 'active-brand',
		pagerAnchorBuilder : function(idx, slide) { 
    		return '<a href="#" class="resume" brand="'+(idx+1)+'">'+(idx+1)+'</a>'; 
    	} 
    });
 
    $('a.resume').click(function() {
		$('#brands').cycle('pause');

		var Clicked = $(this).attr('brand');
		var CurrentBanner = $('#CurrentBanner').val();
		var CountProject = $('#CountProject'+Clicked).val();
		var CountSlides = $('#CountSlides').val();
		
		if (CountProject < 5 && CountProject > 0) {
			while (CountProject > 1) {
				CountProject = CountProject - 1;
				$('#brand-projects-'+Clicked).cycle('prev');
			}
		}
		
		for (i = 1; i <= CountSlides; i++) {
			$('#brand-projects-'+i).cycle(0);
			$('#CountProject'+i).val(1);
		}
		
		$('#VisibleSlide').val(Clicked);
		$('#CurrentBanner').val(1);

		$('#brands').cycle('resume');
    });
    
});