var panel_open = false;
var current_active_panel = 'portfolio'; 

$(document).ready(function () {

	var sel_panel = "rp_menu_" + current_active_panel;
	
	$('#right_panel_navi .rp_menu').click(function () {
    	
        if ($(this).children('a').hasClass('head'))
        {	
    		
    		
        	if (browser=='msie' && (browser_version=='6.0' || browser_version=='7.0'))
        	{
        		$('#right_panel_navi .rp_menu').children('ul').css('display','none');
        		//$('#right_panel_navi .rp_menu').children('ul').hide('fast');
        	}          
        	else
        	{	
        		$('#right_panel_navi .rp_menu').children('ul').slideUp('fast');
        	}    		
    		
        }     

        $('#right_panel_navi .rp_menu > a').each(function () {
                $(this).removeClass('head_active');
                $(this).addClass('head');
            	rel=$(this).attr('rel');
            	if (panel_open)	$("#"+rel+"_pagination").hide();                
        });
        
    	if (browser=='msie' && (browser_version=='6.0' || browser_version=='7.0'))
    	{
    		$(this).children('ul').css('display','block');	
    		//$(this).children('ul').show('fast');
    		$(this).children('ul').removeClass('submenu_active');
    		$(this).children('ul').addClass('submenu');    		
    	}          
    	else
    	{	
    		$(this).children('ul').slideDown('fast');
    	}
        $(this).children('a').removeClass('head');
        $(this).children('a').addClass('head_active');    
        rel=$(this).children('a').attr('rel');
    	current_active_panel = rel;
    	if (panel_open)
    	{	
    		$("#"+rel+"_pagination").show();
    	}
        return false;
    });	


posto = -280;
posfrom = 0;
paddfrom = 14;
paddto = 10;

if (browser=='msie' && browser_version=='8.0')
{
	posto = -286;
	posfrom = -6;
	paddfrom = 20;
	paddto = 16;
}	

else if (browser=='msie' && browser_version=='6.0')
{
	posto = -327;
	posfrom = -46;
	paddfrom = 18;
	paddto = 14;
}

else if (browser=='msie' && browser_version=='7.0')
{
	posto = -327;
	posfrom = -46;
	paddfrom = 20;
	paddto = 15;
}	

$("#do_anim_rp").click (
	 	function()
		{
	 		if (!panel_open)
			{
                hider_dt = Math.round ( ($(document).width()-950)/2 )+1;
                $("#right_panel_div_hider").css("width",hider_dt);
                $("#right_panel_div_hider").css("height",800);
	 			$(".rightpanel_hide_el").show();
				$("#right_panel_div").css("width",500);

    			$("#rightpanel_clients").css("padding-left",paddto);
    			$("#rightpanel_portfolio").css("padding-left",paddto);		
				
				$( "#right_panel_div" ).animate({
					left: posto
				}, {				
				duration: 700,
				complete: function()
				{
					panel_open = true;	
					//$("#right_panel_div").css("width",500);
					$("#anim_arr_rp").attr("src","/assets/i/site/arrows_pink_mir.png");

	 				if (current_active_panel=='portfolio') $("#portfolio_pagination").show();
	 				else if (current_active_panel=='client') $("#client_pagination").show();	
				}
				}  
				);								
			}
			else
			{
				$("#rightpanel_clients").css("padding-left",paddfrom);
    			$("#rightpanel_portfolio").css("padding-left",paddfrom);
    			$( "#right_panel_div" ).animate({
					left: posfrom
				}, {				
				duration: 700,
				complete: function()
				{
		 			$(".rightpanel_hide_el").hide();
					$("#right_panel_div").css("width",220);
					panel_open = false;	
					$("#anim_arr_rp").attr("src","/assets/i/site/arrows_pink.png");
					$("#client_pagination").hide();
					$("#portfolio_pagination").hide();
					$("#right_panel_div_hider").css("width",0);
                    $("#right_panel_div_hider").css("height",0);
				}
				}  
				);	
			}
			return false;
		}
	)
});