var cpt = 0;
var interval;

function initCPC2TemplateView() {

    if($('.content .block').length >0) {
        //INIT STATE
        $('.block').hide();
        //$('.cpc_br_corner_image').hide();

        $($('.block').eq(0)).show();
        //$($('.cpc_br_corner_image')[0]).show();

        $('#leftMenu li').removeClass();
        $($('#leftMenu li').eq(0)).addClass('active');

        //ACTIONS FOR LEFT MENU
        $('#leftMenu li a ').click(clikONleftMenu);
        
        //simulate a click on the first item, if any
        //clikONleftMenu.apply($('.sidebar li .active').first());
    }

}

function clikONleftMenu(evt){
	
    var id = this.id.split('_')[1];
    
    //alert($('#p_'+id+'_img').length+' '+'"p_'+id+'_img"');
    
    if ($('#p_'+id+'_img').length==1){
    	//alert($('#sidebar-img').attr('src'));
    	$('#sidebar-img').attr('src',$('#p_'+id+'_img').attr('src')).show();
    }
    else $('#sidebar-img').hide();
    
    if(!id){
        alert(id + "not defined");
    } else {
        $('#leftMenu li').removeClass();
        $('#l_'+id).parent('li').addClass('active');

        $('.block').hide();
        $('.cpc_br_corner_image').hide();
        $('#p_'+id).show();
        $('#f_'+id).show();
    }
    return false;
}

function initCPC1TemplateView() {
    //INIT STATE
    $('#cpc_left_img .img_acc').hide();
    $('.pages li').removeClass();

    $($('#cpc_left_img .img_acc').eq(0)).show();
    $($('.pages li').eq(0)).addClass('active');

    //ACTION
    $('.pages li a').click(onClickImageButton);

    animate();
}

function onClickImageButton(evt) {
    window.clearInterval(interval);
    var id = this.id.split('_')[1];
    if(!id){
        alert(id + "not defined");
    } else {
        $('#cpc_left_img .img_acc').hide();

    $('#img_'+id).show();
        $('.pages li').removeClass();
        $('#l_'+id).parent('li').addClass('active');
    }
    return false;
}

function animate() {
    interval = window.setInterval('slide()', 3000);
}

function slide() {
    $('#cpc_left_img .img_acc').hide();
    $('.pages li').removeClass();

    $($('#cpc_left_img .img_acc').eq(cpt)).show();
    $($('.pages li').eq(cpt)).addClass('active');
    cpt = (cpt+1>= $('#cpc_left_img .img_acc').length) ? 0 : cpt+1;
}