jQuery(document).ready(function() {
            
            $('.block-content p').hide();
            $('.block-content.active p').show();
            $(".block-content h4 a").click(function(evt){
                evt.preventDefault();
                $('.block-content.active p').hide();
                $('.block-content.active').removeClass('active');
                $(this).parent().nextAll().show();
                $(this).parents('div.block-content').addClass('active');
            })
            
            function split_path(path) {
                ar = path.split('.');
                name = ar.slice(0,ar.length-1).join('.');
                ext = ar[ar.length-1];
                return [name,ext]
            }
            
            $('ul.clients img').each(function () {
                path = split_path(this.src);
                this.active_src = path[0]+'-a'+'.'+path[1];
                this.inactive_src = this.src;
            });
            
            $('ul.clients img').mouseover(function(){
                this.src = this.active_src;
            });
            
            $('ul.clients img').mouseout(function(){
                this.src = this.inactive_src;
            });
            
            
            function createBox() {
                if ($('#box').length == 0) {
                    var box = $('<div id="box"></div>')
                    .html('\
                        <table> \
                          <tbody> \
                            <tr> \
                              <td class="tl"/><td class="b"/><td class="tr"/> \
                            </tr> \
                            <tr> \
                              <td class="b"/> \
                              <td class="body" align="right"> \
                                    <a href="#" class="close"></a> \
                              </td> \
                              <td class="b"/> \
                            </tr> \
                            <tr> \
                              <td class="b"/> \
                              <td class="body"> \
                                <div class="fb_content"> \
                                </div> \
                              </td> \
                              <td class="b"/> \
                            </tr> \
                            <tr> \
                                <td class="b"/><td class="b">\
                                    <table class="fb_nav" width="100%">\
                                    <tr>\
                                        <td width="50%"><a href="#" class="prev trigger" style="position: relative;" >&larr; <span>Предыдущий клиент</span></a></td>\
                                        <td align="right" width="50%"><a href="#" class="next trigger" style="position: relative;"><span>Следующий клиент</span> &rarr;</a></td>\
                                    </tr>\
                                    </table>\
                                </td><td class="b"/> \
                            </tr> \
                            <tr> \
                              <td class="bl"/><td class="b"/><td class="br"/> \
                            </tr> \
                          </tbody> \
                        </table>')[0];
                    $('body')[0].appendChild(box);
                }
                else {
                    var box = $('#box')[0];
                }
                return box;
            }

            function showBox(hash) {

                
                var height = hash.w.height();
                var width = 500;
                
                hash.w.find('.fb_content')
                    .css('overflow','hidden')
                    .css('width','0')
                    .css('height','')
                    .animate({'width':width-20,'height':height-120},1000);
                var small_width = hash.w.width();

                hash.w
                    .css('position','absolute')
                    .addClass('jqmWindow')
                    .css('overflow','hidden')
                    .css('left',document.body.clientWidth/2 - small_width/2)
                    .show()
                    .animate({'left':document.body.clientWidth/2 - width/2},1000);


                hash.w.find('a.close').click(function (evt) {
                        evt.preventDefault();
                        hash.w.jqmHide();
                });
            }
            
            function showClient(id) {
				var box = $('#box');
				var element = $('#cl_'+id);
				box.find('.client_info').hide();
				element.show();

				if (box.css('display') == 'none')
					box.jqmShow();
				var prev = element.prev('.client_info');
				if (prev.length == 0)
					prev = box.find('.client_info:last')
				var next= element.next('.client_info');
				if (next.length == 0)
					next = box.find('.client_info:first')
				window.setTimeout(function () { //To prevent overriding href 
						box.find('.fb_nav .prev').attr('href','#'+prev.attr('id').split('_')[1]);
						box.find('.fb_nav .next').attr('href','#'+next.attr('id').split('_')[1]);
				},10)
				
				$('.fb_content').css('height','');
            }


            var box = createBox();
            $(box).hide();
            $(box).jqm({onShow:showBox,overlay:30});//, modal:true});
            
            
            $('div.client_info').each(function () {
                $(this).appendTo($('#box .fb_content'));
                $(this).hide();
            })
            
            $('a.trigger').click(function (evt) {
                showClient(this.href.split('#')[1]);
            })
            
            
            var parts = window.location.href.split('#');
//            alert(parts[1]);
			if (parts.length > 1)
                showClient(parts[1])
            
});