function get(id)
{
	return document.getElementById(id);
}

function openClose(M) 
{
    if (get(M).style.display=='none'){
  		get(M).style.display=''
	} else {
  		get(M).style.display='none';
	}  
}


/*--- Диалоги ---*/
function showDialog(html)
{

    var wt = $(window).width();
    var ht = $(window).height();
    

    $('#place_dialog').append('<div id="fon_place_dialog"></div>');
    $('#fon_place_dialog').width(wt);
    $('#fon_place_dialog').height($(document).height());

    
    var html = '<div id="dialog"><div id="dialog_content"><img id="dialog_close" title="Закрыть" src="/templates/pictures/close.gif"><div id="dialog_html">' + html + '</div></div></div>';
    
    $('#place_dialog').append(html);
    
    $('#place_dialog').ready(function(){
        
        var wd = $('#dialog_content').width();
        var hd = $('#dialog_content').height();
        
        var L = Math.ceil((wt-wd)/2);
        var T = Math.ceil((ht-hd)/2)+$(document).scrollTop()-40;
        if(T<0) {
            T = 0;
        }
        
        $('#dialog').css('left', L + 'px');
        $('#dialog').css('top', '20px');
        $('#dialog_content').fadeTo(200, 1);
        
        $('#fon_place_dialog').click(function(){
            closeDialog();
        })

        $('#dialog_close').click(function(){
            closeDialog();
        })
        
        $('#close_dialog').click(function(){
            closeDialog();
            return false;
        })
    });
    
    return false;
    
}

function closeDialog()
{
    $('#place_dialog').html('');
}

function ShowPorfolio(c,i,k)
{
    var imgArr = new Array();
    var previous ='';
    var next ='';
    var img ='';
    var text ='';
    
    $('*').css('cursor','progress');
    
    $.getJSON('/scripts/porfolio.php?c='+c+'&i='+i+'&k='+k+'&'+Math.random(), {}, function(json){ 

            if(json.data.img){
                imgArr[0] = new Image();
                imgArr[0].src = json.data.img;
            }
            
            $(imgArr[0]).bind("load",function() { 
                
                if( !$("div").is("#dialog_html")){
                    
                        var html = '<table align="center" cellpadding="0" cellspacing="0">\n\
                    <tr><td align="center" valign="top" style="height: 23px;"><span id="dialog_previous"></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span id="dialog_next"></span></td></tr>\n\
                    <tr><td align="center" id="dialog_image"></td></tr>\n\
                    <tr><td id="dialog_data" class="data"></td></tr></table>';
                        showDialog(html);
                }
                
                img = '<img '+json.data.size+' src="'+json.data.img+'">';
                
                if($('#dialog_image').html()){
                    $('#dialog_image').hide();
                }
                
                $('#dialog_image').html(img);
                $('#dialog_image').fadeTo(200, 1);
                
                if(json.data.previous_id){
                    previous = '<a href="#" onclick="ShowPorfolio('+c+','+json.data.previous_id+','+k+'); return false;">&lt;&lt; назад</a>';
                }
                if(json.data.next_id){
                    next = '<a href="#" onclick="ShowPorfolio('+c+','+json.data.next_id+','+k+'); return false;">вперед &gt;&gt;</a>';
                }
                if(json.data.name){
                    text += '<div><b>'+json.data.name+'</b></div>';
                }
                
                if(json.data.text){
                    text += '<div>'+json.data.text+'</div>';
                }
                
                $('#dialog_previous').html(previous);
                $('#dialog_next').html(next);
                $('#dialog_data').html(text);

            });
            
            $('*').css('cursor','');
    });
    
    
    

}