// Contents Ajax loader

var setContent = Class.object
 ({
    init : function() {
       this.tabs = $('ul.tabarea a');
       this.contentNo = Number($hashUrl()) || 1;
       this.ajax = new Ajax();
       this.ajax.responseType = "text";
       this.ajax.onFailed = function() {
            $('#contentCanvas').html('');
			document.title = document.title.replace(/#.+$/,'');
       }
       this.ajax.onSuccess = function(data) {
           $('#contentCanvas').html(data);
           Util.evalJS(data);
		   document.title = document.title.replace(/#.+$/,'');
       }
       this.view( this.tabs[this.contentNo-1] );
    },
    view : function(obj) {
        location.href = '#'+(Number(this.tabs.indexOf(obj))+1);
        this.setTab(obj);
        this.ajax.url = obj.href;
        this.ajax.get();

        return false;
    },
    setTab : function(obj) {
		$('ul.tabarea /li').setClass('');
        $('ul.tabarea img').changeImg('_on','_off');
        $(obj).child('img').changeImg('_off','_on');

        if(obj.next('ul')) {
            obj.parent('li').setClass('open');
			return this.view(obj.next('ul').find('a')[0])
		}

        var suPar = obj.parent('li').parent('li');
        if(suPar)
        {
            suPar.setClass('open');
            suPar.find('img')[0].changeImg('_off','_on');
        }
    }
 });

 setContent.init();