var logod2k_x, logod2k_y;
var logod2k;
var verdecktd2k;
var win=false;
var store;

Ext.onReady(function(){

	var delta_x = 0;
	var delta_y = 0;
	if (Ext.isIE6 || Ext.isIE7) {
		delta_x=-2;
		delta_y=-1;
	}
	if (Ext.isOpera) {
		delta_x=0;
		delta_y=-1;
	}
	if (willkommen) ziel=400; else ziel=150;
	
    logod2k = Ext.get('logo');
    if (willkommen) logod2k_x = logod2k.getLeft()-610; else logod2k_x = logod2k.getLeft()+delta_x;
    if (willkommen) logod2k_y = logod2k.getTop()+185; else logod2k_y = logod2k.getTop()-10+delta_y;
    logod2k.setLeftTop(logod2k_x, logod2k_y);

    verdecktd2k = Ext.get('verdeckt');
    if (willkommen) verdecktd2k.setLeftTop(verdecktd2k.getLeft()-610, verdecktd2k.getTop()+185);  else verdecktd2k.setLeftTop(verdecktd2k.getLeft()+20, verdecktd2k.getTop()-9); 

    logo.dd = new Ext.dd.DD('logo', 'group');
    verdeckt.dd = new Ext.dd.DD('verdeckt', 'group');
    
    Ext.get('verdeckt').on('dblclick', function(){
        Ext.MessageBox.alert('Status', 'Mit einem Doppelklick erreichen Sie das Ziel <br> noch nicht ...');
    });
    
    var flag=0;
    var flag1=0;
    var counter=0;
    var schranke = 5;
    Ext.override(Ext.dd.DD, {
    onDrag: function() {
    	counter=counter+1;
    	if (counter>schranke) {
    	counter=0;
    	if ((logod2k.getTop() != logod2k_y || logod2k.getLeft() != logod2k_x) && flag1==0) {
    		flag1=1;
    		schranke=50;
    		Ext.MessageBox.alert('Status', 'Neugierig ? <br>Dann suchen Sie weiter ...');
    	}
    	if (Ext.dd.DragDropMgr.getLocation(verdeckt.dd).top > ziel && flag==0) {
    		flag=1;
    		showApfel();
    	}
    	}
    }
    });

});


function showApfel() {
		logod2k.setLeftTop(logod2k_x, logod2k_y);
		verdecktd2k.toggle();

		// create the Data Store
    	store = new Ext.data.Store({
        // load using HTTP
        url: 'fileadmin/template/list.xml',

        // the return will be XML, so lets set up a reader
        reader: new Ext.data.XmlReader({
               // records will have an "Item" tag
               record: 'item',
               id: 'id',
               totalRecords: '@total'
           }, [
               // set up the fields mapping into the xml doc
               // The first needs mapping, the others are very basic
               {name: 'date', mapping: 'itemattributes > date'},
               'time', 'ip'
           ])
    });

        // create the window on the first click and reuse on subsequent clicks
        if(!win){
            win = new Ext.Window({
                el:'data2knowledge',
                layout:'fit',
                width:818,
                height:555,
                closeAction:'hide',
                plain: true,
                
                items: new Ext.TabPanel({
                    el: 'win-tabs',
                    activeTab:0,
                    deferredRender:false,
                    border:false,
                    items:[{
							title: 'Neugierde',
							html: '<img style="margin-left: 25px; position:absolute; width: 600px; height: 450px;" name="apfel_gross" src="fileadmin/template/pics/450px-Mandelbrot_set_with_coloured_environment_text.png" alt="">'
						},{
							title: 'Daten',
							html: '<div id="msg"></div><br>&nbsp;&nbsp;Funddaten:<br><br><div id="data-grid"></div>'
						},{
							title: 'Wissen',
							html: '<span style="margin-left: 5px;"><b>Mandelbort Menge</b></span> <span style="font-size: 10px;">Quelle:http://de.wikipedia.org/wiki/Mandelbrot-Menge</span><br><img style=" width: 800px; height: 350px;" name="mandelbrot" src="fileadmin/template/pics/Mandelbrot_Menge_Definition.png" alt="">&nbsp;&nbsp;<b>Starten auch Sie, Ihr verstecktes Wissen zu heben.</b> <img style="margin-left: 10px; width: 250px; height: 71px;"  id="logo" src="fileadmin/template/d2k_xs.jpg" alt="">'
						}]
                }),

                buttons: [
                   {
                    text: 'Close',
                    handler: function(){
                        win.hide();
                    }
                }]
            });
        }

        win.show();

        var grid =  new Ext.grid.GridPanel({
			store: store,
			columns: [
				{header: "Datum", width: 120, dataIndex: 'date', sortable: true},
				{header: "Uhrzeit", width: 180, dataIndex: 'time', sortable: true},
				{header: "IP", width: 180, dataIndex: 'ip', sortable: true}
			],
			renderTo: 'data-grid',
			width:480,
			height:300
		});
		
		var cp = new Ext.state.CookieProvider({
			path: "/d2k/",
			expires: new Date(new Date().getTime()+(1000*60)), // 1 minute
			domain: "data2knowledge.de"
		});
		Ext.state.Manager.setProvider(cp);
		cp.set('typo3_d2k', 'ajax'); // wird zu ys-typo3_d2k=s:ajax    warum nur ?
		
		// Basic ajax request
		Ext.Ajax.request({
			url: 'fileadmin/template/ajax.php',
			callback: ajaxFunc,
			method: 'GET',
			params: 'action=index'
		});

};


function ajaxFunc(param, status, response ) {
	var msg = Ext.get('msg');
	if (status) msg.insertHtml('afterBegin', response.responseText);
	store.load();
}