/* require(['dojo',"dijit/dijit",'dojox',
'dojo/fx','dojo/ready',
 
'dojox/layout/TableContainer',"dojox/form/PasswordValidator","dijit/form/ValidationTextBox", "dojox/validate/regexp",
'dijit/form/Form',"dijit/form/Button","dijit/form/TextBox","dijit/layout/ContentPane","dijit/Dialog",'dijit/layout/TabContainer',
"dijit/layout/BorderContainer","dijit/form/Textarea", // "dijit/form/NumberSpinner",

'dojo/data/ItemFileWriteStore',
'dojox/grid/EnhancedGrid',/* 'dojox/grid/enhanced/plugins/NestedSorting', "dojox/grid/enhanced/plugins/IndirectSelection",

"dojox/grid/enhanced/plugins/Pagination", 
'dijit/form/ComboBox',"dijit/form/FilteringSelect",
*/
// "dojo/parser"]); // , function(dojo,dijit,dojox){ 

dojo.addOnLoad(function(){   
	
// var tabs = new dijit.layout.TabContainer({doLayout:true,style:"height:100%; width:100%;", id:"tabs"},"tabsD");
var tabs = dijit.byId("tabsD");
var home = new dijit.layout.ContentPane({ title:'Home', href:"content/home.php" });
var ich = new dijit.layout.ContentPane({ title:'&Uuml;ber mich', href:"content/wir.php" });
var px2em = new dijit.layout.ContentPane({ title:'px 2 em Conversion', href:"content/px2em.php" });
var cpicker = new dijit.layout.ContentPane({ title:'Color Picker', href:"content/colorpicker.php" });
var imgcpicker = new dijit.layout.ContentPane({ title:'Image Color Picker', href:"content/imagecolorpicker.php" });
var seo = new dijit.layout.ContentPane({ title:'SEO', href:"content/seo.php" });
var facebook = new dijit.layout.ContentPane({ title:'Facebook Apps', href:"content/facebook.php" });
var bi = new dijit.layout.ContentPane({ title:'Webapplication - under construction', href:"content/table.php" });
var kontakt = new dijit.layout.ContentPane({ title:'Kontakt', href:"content/kontakt.php" });
var referenzen = new dijit.layout.ContentPane({ title:'Referenzen Web SEO', href:"content/referenzen.php" });
var djo = new dijit.layout.ContentPane({ title:'dojo toolkit /WebSphere/AOL', href:"content/dojo-toolkit.php" });
var admin = new dijit.layout.ContentPane({ title:'Administration', href:"content/administrator.php" });
var ip = new dijit.layout.ContentPane({ title:'IP-Address', href:"tools/ip.php" });
var shortcutsW = new dijit.layout.ContentPane({ title:'Shortcuts Windows', href:"content/shortcuts_windows.php" });
var shortcutsM = new dijit.layout.ContentPane({ title:'Shortcuts MAC', href:"content/shortcuts_mac.php" });
var shortcutsL = new dijit.layout.ContentPane({ title:'Shortcuts Linux', href:"content/shortcuts_linux.php" });
var apps = new dijit.layout.ContentPane({ title:'to do - Applikationen', href:"content/applikation.php" });
var code = new dijit.layout.ContentPane({ title:'to do - Code', href:"content/code.php" });

tabs.addChild(home); tabs.addChild(ich);  tabs.addChild(px2em);
tabs.addChild(cpicker); tabs.addChild(imgcpicker); tabs.addChild(seo); tabs.addChild(facebook); tabs.addChild(bi);
tabs.addChild(kontakt); tabs.addChild(referenzen); tabs.addChild(djo); tabs.addChild(admin); tabs.addChild(ip); 
tabs.addChild(shortcutsW); tabs.addChild(shortcutsM);
tabs.addChild(shortcutsL); tabs.addChild(apps); tabs.addChild(code); 
tabs.startup();
dojo.connect(home,"onLoad", function(){ 
	// require(["dojox/layout/ScrollPane","dojo/parser"]);
	var mom = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:460px; overflow:hidden; padding:0; padding-left:15px; margin:0;"},'hme');
	mom.startup();
});

dojo.connect(ich,"onLoad", function(){ 
	var tblWir = dojox.layout.TableContainer({spacing:6, labelWidth:100, cols:2, style:'width:600px; overflow:hidden; padding:5px;' },"tblWr");
 	var name = dijit.form.TextBox({disabled:true, title:'First Name:', value:'Aleksandar'});
 	var lastName = dijit.form.TextBox({disabled:true, title:'Last Name:',  value:'Stajic'});
 	var nation = dijit.form.TextBox({disabled:true, title:'Nationality:', value:'Republika Srpska'});
 	var birth = dijit.form.TextBox({disabled:true, title:'Place of birth:', value:'Sarajevo'});
 	var dateBirth = dijit.form.TextBox({disabled:true, title:'Date of birth:', value:'01.07.1973'});
 	tblWir.addChild(name); tblWir.addChild(lastName); tblWir.addChild(nation); tblWir.addChild(birth); tblWir.addChild(dateBirth);
 	tblWir.startup();
	//var wr = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:460px; overflow:hidden; padding:0; padding-left:15px; margin:0;"},'wrDiv');
	//wr.startup();
});  
dojo.connect(px2em,"onLoad", function(){
	var p2e = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:354px; overflow:hidden; padding:0; padding-left:15px; margin:0;"},'p2m');
	p2e.startup();
 });
dojo.connect(kontakt,"onLoad", function(){ 
	// require(["dijit/form/ValidationTextBox","dojo/parser"])
	var versender = new dijit.form.TextBox({name:'Versender', required:true},'versender');
	var mail = new dijit.form.ValidationTextBox({name:'E-Mail',required:true,regExp:"[a-zA-Z0-9._%-]+@[a-zA-Z0-9-ÖöÄäÜü.-]+\.[a-zA-Z-ÖöÄäÜü]{2,4}",
					trim:true,invalidMessage:'Ungültige E-Mailadresse.'},'mail');
	var msg = new dijit.form.Textarea({required:true, style:'width:240px; height:90px; color:#cc6633', name:'Nachricht'},'nachricht');
	var btn = new dijit.form.Button({label:"Senden",onClick:function(){ sendMail('sendContact'); }},'sendC');					
	
 	sendMail = function(frm){
	dojo.xhrPost({ url: "content/sendForm.php", load: function(odgovor, ioArgs){ 
		dijit.byId("kontakt").set('content',"<span style='padding:30px;'><h1>Folgende E-Mail wurde versendet<br />(Funktion ist noch in Bearbeitung):</h1> " + odgovor + "</span>"); },
		error: function(odgovor,ioArgs){ dijit.byId("kontakt").set('content',"FEHLER!!" + odgovor); return odgovor; },form: frm }); };
}); // });
dojo.connect(referenzen,"onLoad", function(){ 
	var rfr = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:460px; overflow:hidden; padding:0; padding-left:15px; margin:0;"},'rfr');
	rfr.startup();
}); 
dojo.connect(cpicker,"onLoad", function(){ 
	/* require([  "dojox/widget/ColorPicker","dojox/color/Palette","dojo/parser"]) //,function(dojox){ */	
	var sc1 = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:164px; padding:0; margin:0;"},'complD').startup();
	var sc2 = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:276px; padding:0; margin:0;"},'cpD').startup();
	var picka = new dojox.widget.ColorPicker({ onChange:function(e){ mkCol(e); }, style:'float:left; margin-right:15px;'}, "picker1");
	// picka.startup();
	//sc2.buildRendering; sc1.buildRendering;
	mkCol = function(val){
		var strNode = "<li><div style='width:56px; height:56px; background-color:" + val + "'></div>" + val + "</li>";
		dojo.place(strNode, dojo.byId('cpUl'), val); 
		var p = new dojox.color.Palette.generate(val,"complementary");
		dojo.forEach(p.colors, function(c){ // alert(val + "   " + p.colors);
			var strNodeCompl = "<li><div style='width:126px; height:50px; background-color:" + c + "'></div>" + c + "</li>";
			dojo.place(strNodeCompl, dojo.byId('complUl'));
		});
		dojo.style(dojo.byId("colOut"),{'color': val});
		dojo.byId("colOut").innerHTML = "RGB-Wert: " + val + " und die Komplementäre Farben sind: " + p.colors; 
		sc1.resize();  // dojo.byId('complUl').offsetHeight
		sc2.resize(); // dojo.byId('cpUl').offsetHeight console.log(dojo.byId('complUl').offsetHeight);
		return true;
 } // function mkcol
}); //dojo.conect cpicker

dojo.connect(facebook,"onDownloadEnd", function(){ 
	fb = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:470px; width:986px; padding:0; margin:0; overflow:hidden;"},'fbDiv');
	 fb.startup(); fb.resize();	
 });
dojo.connect(djo,"onLoad", function(){
	// require(["dojo/fx","dojo/parser"]);
var ow = new dijit.form.Button({label:'Orange Weiß',onClick:function(){animacija(1);}},'ow');
var wo = new dijit.form.Button({label:'Weiß Orange',onClick:function(){animacija(2);}},'wo');
var fb = new dijit.form.Button({label:'Fonts >',onClick:function(){animacija(3);}},'fb');
var fs = new dijit.form.Button({label:'Fonts <',onClick:function(){animacija(4);}},'fs');
var cw = new dijit.form.Button({label:'Container Weite',onClick:function(){animacija(5);}},'cw');
var ch = new dijit.form.Button({label:'Container Höhe',onClick:function(){animacija(6);}},'ch');
var hidd = new dijit.form.Button({label:'Ausblenden',onClick:function(){animacija(7);}},'hidd');
var sho = new dijit.form.Button({label:'Einblenden',onClick:function(){animacija(8);}},'sho');
var look = new dijit.form.Button({label:'Schließen',onClick:function(){animacija(9);}},'look');
var op = new dijit.form.Button({label:'Öffnen',onClick:function(){animacija(10);}},'op');
function animacija(index){
    switch(index) {
    case 1: dojo.animateProperty( { node: dojo.byId("animContainer"),  duration: 1000,  properties: { color: { start: "#ffffff", end: "#cc6633" },
		backgroundColor:{ start: "#cc6633", end: "#ffffff" } } }).play(); break;
    case 2: dojo.animateProperty( { node: dojo.byId("animContainer"), 
	  duration: 1000, properties: { color: { start: '#cc6633', end: '#ffffff' }, backgroundColor: { start: '#ffffff', end: '#cc6633' }  }}).play(); break;
    case 3: dojo.animateProperty( { node: dojo.byId("animContainer"),  duration: 1000, properties: { fontSize: {end: 25, units: "px"} } }).play(); break;
    case 4: dojo.animateProperty( {  node: dojo.byId("animContainer"),   duration: 1000, properties: { fontSize: {end: 12, units: "px"} } }).play();  break;
    case 5: dojo.animateProperty( {  node: dojo.byId("animContainer"), duration: 1000, properties: { width: {end: 955} } }).play(); break;
    case 6: dojo.animateProperty( {  node: dojo.byId("animContainer"), duration: 1000,  properties: { width: {end: 200}  } }).play(); break;
	case 7: dojo.fadeOut( { node: dojo.byId("animContainer"), duration: 1000 }).play(); break;
	case 8: dojo.fadeIn( { node: dojo.byId("animContainer"), duration: 1000 }).play(); break;
	case 9: var wipeOut = dojo.fx.wipeOut( {  node: dojo.byId("animContainer"),   duration: 1000 }).play(); break;
	case 10: var wipeIn = dojo.fx.wipeIn( {  node: dojo.byId("animContainer"),   duration: 1000 }).play(); break;
	default: break;
	}
 } // if (!this.inherited(arguments)) return false; // this makes sure the form is valid before submit
});
dojo.connect(imgcpicker,"onLoad", function(){
	// require['dojox/layout/TableContainer',"dojo/parser"]
	// dojo.require("dojox.layout.TableContainer");
	//dojo.require("dojo.parser"); 
//function imgColPicker(){
	// dojo.addOnLoad(function(){
		var cTabl = dojo.byId('tableC');
		var tabl = new dojox.layout.TableContainer({spacing:'4', labelWidth:'100', cols:1, style:{width:'16.667em'}},dojo.byId('tableC'));// cTabl);
		var name = new dijit.form.TextBox({label:'Name',  style:{width:'100px'}});
		var x = new dijit.form.TextBox({label:'Abstand X',  style:{width:'80px'}});
		var y = new dijit.form.TextBox({label:'Abstand Y',  style:{width:'80px'}});
		var w = new dijit.form.TextBox({label:'Width X',  style:{width:'80px'}});
		var h = new dijit.form.TextBox({label:'Height Y',  style:{width:'80px'}});
		var posX = new dijit.form.TextBox({label:'Absolute X', style:{width:'80px'}});
		var posY = new dijit.form.TextBox({label:'Absolute Y', style:{width:'80px'}});
		tabl.addChild(name); tabl.addChild(x); tabl.addChild(y); 
		tabl.addChild(w); tabl.addChild(h); tabl.addChild(posX); tabl.addChild(posY);
		tabl.startup(); 
	var imgCP = dojo.byId('imgCP');
	dojo.connect(imgCP,'onmouseenter',function(el){	
		name.set('value', this.src );
		x.set('value', this.offsetLeft );  
		y.set('value', this.offsetTop );
		w.set('value', this.width );  
		h.set('value', this.height );
		// return true;
		 });
	dojo.connect(imgCP,'onclick',function(el){ 
		posX.set('value', el.layerX);
		posY.set('value', el.layerY);
		xPost=eval(el.layerX-8);  
		yPost=eval(el.layerY-8);
		dojo.xhrGet({ url: "tools/imgPx.php", 
		content:{x:xPost,y:yPost},load: function(odgovor, ioArgs){ 
			new dijit.Dialog({title:"Koordinaten und die RGB Farbwerte", content: "Abszisse x = " + xPost + "px <br /> Ordinate y = " + yPost + "px <br />" + odgovor,
				style:"width:350px; color:" + odgovor}).show();
		//dijit.byId("resultat").set('content',"<span style='padding:30px; backgound-color:" + odgovor + "'><h1>Color</h1> " + odgovor + "</span>"); 
		},
		error: function(odgovor,ioArgs){  return odgovor; } });
			  });
	dojo.connect(imgCP,'onmousemove',function(el){ 
		posX.set('value', eval(el.layerX-8) );  
		posY.set('value', eval(el.layerY-8) );
			//  return true;  
			  });
	// }); // end addOnLoad
//}	
});
dojo.connect(shortcutsW,"onLoad", function(){ 
	var shW = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:460px; overflow:hidden; padding:0; padding-left:15px; margin:0;"},'shwin');
	shW.startup();
});
dojo.connect(shortcutsM,"onLoad", function(){ 
	var shL = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:460px; overflow:hidden; padding:0; padding-left:15px; margin:0;"},'shmac');
	shL.startup();
	// });
});
dojo.connect(shortcutsL,"onLoad", function(){ 
	var shL = new dojox.layout.ScrollPane({orientation:'vertical',style:"height:460px; overflow:hidden; padding:0; padding-left:15px; margin:0;"},'shlin');
	shL.startup();
});
//dojo.subscribe('tabs-selectChild',function(child){ imgColPicker(); console.log('subscriber'+child); });
/* dojo.connect(tabs,"_transition", function(newPage, oldPage){
	//novi kontakt za google
	// new dojox.analytics.Urchin({ acct:"UA-3758098-1", GAonLoad: function(){ this.trackPageView(newPage.get('href')); }  });
    console.log("I was showing: ", oldPage || "nothing"); 
    console.log("I am now showing: ", newPage.get('href'));
    // if(newPage.get('href') == "content/wir.php"){ dojo.ready(function(){ var d = new Date(1973,7,1);   }); } // dojo.byId("geboren").innerHTML = dojo.date.locale.format(d);
});*/ // connect ende
dojo.connect(bi,"onLoad", function(){ 
/* require(['dojo',"dijit/dijit",'dojox',
  	'dojo/data/ItemFileWriteStore',
	'dojox/grid/EnhancedGrid','dojox/grid/enhanced/plugins/NestedSorting',"dojox/grid/enhanced/plugins/IndirectSelection",
	"dijit/grid/enhanced/plugins/Pagination", 
	'dijit/form/ComboBox',"dijit/form/FilteringSelect",
	"dojo/parser"]);
	*/
		// dojo.require("dojo.data.ItemFileWriteStore");
		// dojo.require("dijit.form.Form");
		//dojo.require("dijit.form.TextBox");
		//dojo.require("dijit.form.Button");
		// dojo.require("dijit.Dialog");
		// dojo.require("dijit.form.CheckBox");
		// dojo.require("dijit.form.NumberSpinner");
		//dojo.require("dijit.form.ComboBox");
		//dojo.require("dijit.form.FilteringSelect");
		// dojo.require("dijit.layout.ContentPane");
		//dojo.require("dojox.layout.TableContainer");
		// dojo.require("dojox.grid.cells.dijit");
		//dojo.require("dojox.grid.EnhancedGrid");
		//dojo.require("dojox.grid.enhanced.plugins.NestedSorting");
		//dojo.require("dojox.grid.enhanced.plugins.IndirectSelection");
		//dojo.require("dojox.grid.enhanced.plugins.Pagination");
		// dojo.require("dojox.grid.enhanced.plugins.Menu");
		// dojo.require("dojox.grid.data.dijitEditors");
		// dojo.require("dojo.parser");
		dojo.addOnLoad(function() {
		  // data stores
		var produktgruppeStore = new dojo.data.ItemFileWriteStore({ url: 'json/getProduktgruppe.php' });
		var markeStore = new dojo.data.ItemFileWriteStore({ url: 'json/getMarke.php' });
		 var proHier = 'json/getHierarchie.php';
		var produktStore = new dojo.data.ItemFileWriteStore({ url: proHier });
		var verpackungStore = new dojo.data.ItemFileWriteStore({ url: 'json/getVerpackung.php' });
		var alleProdukte = new dojo.data.ItemFileWriteStore({ url: 'json/getAllProduct.php' });
		
		var produktgruppeFS = new dijit.form.FilteringSelect({ store: produktgruppeStore, jsId: "produktgruppe1Suchen",
		  searchAttr:"produktgruppe1", onChange:function(produktgruppe1) { gridProdukte.rowSelectCell.toggleAllSelection(false); markeFS.startup(); produktFS.startup();
		            gridProdukte.filter({ produktgruppe1: produktgruppeFS.get('displayedValue') });
		        }, autoComplete:"true"},"produktgruppe1Suchen");
		
		var markeFS = new dijit.form.FilteringSelect({store:markeStore, jsId: "markeSuchen",
		  searchAttr:"marke", autoComplete:"true", onChange:function(marke) { gridProdukte.rowSelectCell.toggleAllSelection(false); produktgruppeFS.startup(); produktFS.startup();
		            gridProdukte.filter({ marke: markeFS.get('displayedValue') });
		        }, pageSize:"12"},"markeSuchen");
		          
		var produktFS = new dijit.form.FilteringSelect({store:produktStore, jsId: "produktSuchen",
		  searchAttr:"produkt", autoComplete:"true", onChange:function(produkt) { gridProdukte.rowSelectCell.toggleAllSelection(false); markeFS.startup(); produktgruppeFS.startup();
		            gridProdukte.filter({ produkt: produktFS.get('displayedValue') });
		        }, pageSize:"12"},"produktSuchen");        
		                             
		updateGrid = function(){ alleProdukte.close(); location.reload(); };
		  // dijit.byId("grid").rowSelectCell.toggleAllSelection(false); gridProdukte.selection.clear();
		zeigeItems = function(){
		   var selectedRows = gridProdukte.selection.getSelected();
		   for(var i = 0; i < selectedRows.length/*Array of selected row index*/; i++){
		   gridProdukte.rowSelectCell.toggleRow(selectedRows[i], false); }
		   gridProdukte.setStore(alleProdukte);
		};
		// addRow = function(){ gridProdukte.addRow({ produkt_id:"1000000", marke:"marke", produktname:"marke", produktgruppe1:"produktgruppe1", produkt:"produkt", verpackung:"verpackung", groesse:"groesse" }); }
		brisiProd = function(){
		  var value = "";
		  var json_send = new Array();
		  var json_temp = new Array();
		  var json_content; // = new Array();
		  var json_c;
		  var items = gridProdukte.selection.getSelected();
		  if(items.length){ // Iterate through the list of selected items.  The current item is available in the variable. "selectedItem" within the following function:
		    dojo.forEach(items, function(svakiKurac){
		      if(svakiKurac !== null){// Iterate through the list of attributes of each item. The current attribute is available in the variable "attribute" within the following function:
		        dojo.forEach(gridProdukte.store.getAttributes(svakiKurac), function(attribute){ // Get the value of the current attribute:
		          var value = gridProdukte.store.getValues(svakiKurac,attribute);// with the value in an alert box, but we are sure, that  you'll find a more ambitious usage in your own code:
		         if(attribute == "produkt_id") json_send.push( '{"' + attribute + '" : "'+ value+'"}' ); //alert('attribute: ' + attribute + ', value: ' + value); 
		      }); 
		      } // end if            gridProdukte.store.clear();      
		    }); // end forEach
		    json_content = json_send.join(', '); 
		    //json_content = dojo.toJson(json_temp);  
		    //alert(json_content);
		    json_c = "["+json_content+"]";
		    // alert(json_c);
		    dojo.xhrPost({ url: "json/json_produkteDelate.php", content: { item: json_c } });
		    gridProdukte.rowSelectCell.toggleAllSelection(false);
		    alleProdukte.close();
		    alleProdukte.fetch();
		    gridProdukte.setStore(alleProdukte);
		    gridProdukte.startup();
		  } // end if
		};
		/*
		speichernGrid = function(){ // Get all selected items from the Grid:
		  var json_send = new Array();
		  var json_temp = new Array();
		  var json_content; // = new Array();
		  var json_c;
		  var items = gridProdukte.selection.getSelected();
		  if(items.length){ // Iterate through the list of selected items.  The current item is available in the variable. "selectedItem" within the following function:
		    dojo.forEach(items, function(selectedItem){
		      if(selectedItem !== null){ // Iterate through the list of attributes of each item. The current attribute is available in the variable "attribute" within the following function:
		        dojo.forEach(gridProdukte.store.getAttributes(selectedItem), function(attribute){ // Get the value of the current attribute:
		          var value = gridProdukte.store.getValues(selectedItem, attribute);
		          // Now, you can do something with this attribute/value pair. Our short example shows the attribute together
		          // with the value in an alert box, but we are sure, that  you'll find a more ambitious usage in your own code:
		          json_send.push( '"'+attribute +'" : "'+ value+'"' ); //alert('attribute: ' + attribute + ', value: ' + value); 
		        }); // end forEach  //json_temp="";
		        json_temp.push("{"+json_send+"}");  //alert(json_temp);
		      } // end if                  
		    }); // end forEach   gridProdukte.store.clear();
		    json_content = json_temp.join(', '); //json_content = dojo.toJson(json_temp); alert(json_content);
		    json_c = "["+json_content+"]";//alert(json_c);
		    dojo.xhrPost({
		      url: "json/json_produkte.php", 
		      //handleAs: "json", 
		      //headers: { "Content-Type": "application/json; charset=uft-8"},
		      content: { item: json_c } 
		    });
		    gridProdukte.rowSelectCell.toggleAllSelection(false);
		    alleProdukte.close();
		    alleProdukte.fetch();
		    gridProdukte.setStore(alleProdukte);
		    gridProdukte.startup();
		  } // end if
		}
		*/
		var layoutGrid = [   // 905px bis jetzt
		  // {field: 'produkt_id', name: 'ID', width: '35px' },
		  {field: 'marke', name: 'Marke', width: '150px', editable: true },
		  {field: 'produktname', name: 'Marke/Produktname', width: 'auto', editable: true }, // , cellType:"dijit.form.CurrencyTextBox" },
		  {field: 'produktgruppe1', name: 'Produktgruppe1', width: '120px', editable: true, type: dojox.grid.cells.Select, options: ['Spirituosen','Bier','Energy','AfG','Champagner','Mineralwasser','Saft'] },
		  {field: 'produkt', name: 'Produkt',width: '120px', editable: true },
		  {field: 'verpackung', name: 'Verpackung',width: '100px', editable: true },
		  // {field: 'groesse', name: 'Größe',width: '45px', editable: true } 
		  ];
		  // create a new grid:
		var gridProdukte = new dojox.grid.EnhancedGrid({
		  id: "gridId",
		  query: { produkt_id: '*' },
		  plugins: {indirectSelection: true, pagination:true }, //, nestedSorting: true},
		  store: alleProdukte,
		  clientSort: true, // rowSelector: '20px',
		  structure: layoutGrid
		  },
		document.createElement('div'));
		dojo.byId("gridContainer").appendChild(gridProdukte.domNode);
		gridProdukte.startup();
		
		getAllItems = function(){ return gridProdukte.store._arrayOfTopLevelItems; } // sve podatke ubaci u grid
		loadItems = function(){
		  gridProdukte.store.fetch({
		    start: 0,
		    count: gridProdukte.rowCount,
		    query: gridProdukte.query,
		    sort: gridProdukte.getSortProps(),
		    queryOptions: gridProdukte.queryOptions,
		    isRender: gridProdukte.isRender,
		    onBegin: dojo.hitch(gridProdukte, "_onFetchBegin"),
		    onComplete: dojo.hitch(gridProdukte, "_onFetchComplete"),
		    onError: dojo.hitch(gridProdukte, "_onFetchError")
		  });
		}
		getItems = function(){
		  var items = [];
		  var count = gridProdukte.rowCount;
		  loadItems();
		  for(var i = 0 ; i < count ; i++){  var item = gridProdukte.getItem(i); items.push(item); }
		  return items;
		}
		getSelectedItems = function(){ return widget.selection.getSelected(); }
		// dojo.byId("rowCount").innerHTML = 'Anzahl Daten: ';  + getItems.count;
		  // dojo.connect(produktgruppe1FilterSelect, "onchange", function(){  grid4.filter({ produktgruppe1: produktgruppe1FilterSelect.get('value') + "*" }); grid4.refresh();  });
		  // dojo.connect(markeFilterSelect, "onchange", function(){  grid4.filter({ marke: markeFilterSelect + "*"}); });
		filterMarke = function(){ gridProdukte.refresh();   }
		insertMP = function(){
		  dojo.xhrPost({ url: "json/inputMarkeProdNeu.php", load: function(data) { 
		   alleProdukte.close(); alleProdukte.fetch(); gridProdukte.setStore(alleProdukte); gridProdukte._refresh(); gridProdukte.filter({ marke: data + "*" });  },
		  form: "formPM" }); 
		  dijit.byId('markeProd').hide();
		}
		  var markeComboBox = new dijit.form.ComboBox({
		  store: markeStore,
		  searchAttr: "marke",
		  autoComplete: true,
		  name:"marke",
		  pageSize:"12"
		  },dojo.byId("markeId"));
		var produktgruppeComboBox = new dijit.form.ComboBox({
		  store: produktgruppeStore,
		  searchAttr: "produktgruppe1",
		  onChange: function(ovo){ var proHier = 'json_get/json_proHier.php?pg=' + ovo;  },
		  autoComplete: true,
		  name:"produktgruppe1",
		  pageSize:"12"
		  },dojo.byId("produktgruppeId"));
		var produktComboBox = new dijit.form.ComboBox({
		  store: produktStore,
		  searchAttr: "produkt",
		  autoComplete: true,
		  name:"produkt",
		  pageSize:"12"
		  },dojo.byId("produktId"));
		var verpackungComboBox = new dijit.form.ComboBox({
		  store:  verpackungStore,
		  searchAttr: "verpackung",
		  autoComplete: true,
		  name:"verpackung"
		  },dojo.byId("verpackungId"));
	});
});

}); //end first addonload 

loginDB = function(formDB){
	dojo.xhrPost({
		url: "db_admin/db_extern.php",
		load: function(odgovor, ioArgs){ 
			dijit.byId("logAD").set('content',"Login erfolgreich.<br/>Bitte, warten Sie einen Moment.<br/>Gleich werden Sie weitergeleitet.");
				var intTostrK = parseInt(odgovor);
				switch(intTostrK) {
				case 1 :  window.location.replace("/db_admin/index.php"); return false; break;
				default: dijit.byId("logAD").set('href', "db_admin/anmelden.php?fehler=1");
				}
			},
			error: function(odgovor,ioArgs){
				dijit.byId("logAD").set('content', odgovor );
				return odgovor;
			},	form: formDB
	});
}
shwDlg = function(){   
	/*
  dojo.require("dojox.form.FileUploader");
  dojo.require("dojox.embed.Flash");
  dojo.require("dojox.image.LightboxNano");
  dojo.require("dojo.parser");
  */
dojo.addOnLoad(function(){
var uploadUrl = "content/uploadFolder/UploadFile.php";
    var rmFiles = "";
    var selectMultipleFiles = true;
    var foto = "";
    var fileMask = [
      ["Jpeg File", "*.jpg;*.jpeg"],
      ["GIF File",  "*.gif"],
      ["PNG File",  "*.png"],
      ["All Images",  "*.jpg;*.jpeg;*.gif;*.png"]
    ]; 
var brojac = "+";
//if(!dojox.byId(f0)){
f0 = new dojox.form.FileUploader({ 
      hoverClass:"uploadHover", activeClass:"uploadBtn",
      pressClass:"uploadPress", disabledClass:"uploadDisable", force:"flash", degradable:true, uploadUrl:uploadUrl,  uploadOnChange:false,  selectMultipleFiles:true, fileMask:fileMask, isDebug:false
    },dojo.byId("btnLoad"));
// }
dojo.byId("formati").innerHTML+=fileMask[0] + " " + fileMask[1] + " " + fileMask[2];
doUpload = function(){
    console.log("doUpload");
    dojo.byId("fileToUpload").innerHTML = "uploading...";
    f0.upload(); }
dojo.connect(f0, "onChange", function(dataArray){
      dojo.forEach(dataArray, function(data){ dojo.byId("fileToUpload").value += data.name+" "+Math.ceil(data.size*.001)+"kb \n"; }); });
dojo.connect(f0, "onProgress", function(dataArray){
      dojo.forEach(dataArray, function(data){
          dojo.byId("fileToUpload").value = "lädt: \n("+data.percent+"%) "+data.name+" \n";  });  });
dojo.connect(f0, "onComplete", function(dataArray){
      dojo.forEach(dataArray, function(data){ 
          dojo.byId("fileToUpload").value += "fertig:  "+data.name+" \n";    // "+data.file+" \n";
          // dojo.byId("uploadedFiles").value += data.file + " \n";
        dojo.byId("rgtName").value += data.file +"   ";
        dojo.byId("rgtCol").innerHTML += '<img src="tmpBld/'+data.file+'" style="size:auto; border:0px; max-width:76px; max-height:90px; padding-top:2px; padding-right:10px;" />';
        rmFiles+="tmpBld/" +data.file+";";
          // foto+=data.name;
        // dojo.xhrPost({ url:"insert/bldInsert.php", handleAs:"text", content: {"foto" :  foto } });  // dijit.byId("slikeAnz").refresh();
  }); });  
dijit.byId("dialog1").show(); 
cleanUp = function(){ dojo.byId("rgtCol").innerHTML = ""; dojo.byId("uploadedFiles").value = ""; dojo.byId("fileToUpload").value = "";  }
dijit.byId("dialog1").onCancel = function(evt){
  // cleanUp = function(){
    console.log("oncancel gestartet")
    dijit.byId("dialog1").hide();
    // dojo.byId("rgtCol").innerHTML = "";
    dojo.byId("uploadedFiles").value = "";
    dojo.byId("fileToUpload").value = "";
    dojo.byId("formati").innerHTML = "";
    // dojo.xhrGet({ url:uploadUrl, handleAs:"text", content:{ rmFiles:rmFiles } });
    // rmFiles = "";  // dijit.byId("dialog1").destroyRecursive();
    f0.destroy(); console.log("geschlossen");
  }
  
  // dojo.addOnUnload(function(){  console.log("You're leaving the page");
   // cleanUp(); });
Destroy = function(){ f0.destroy(); } 
  
  }); // ende addOnLoad für das Dialog
} // ende shwDlg
//hideLoader = function(){ dojo.fadeOut({ node:"preloader",duration:1000,onEnd: function(){ dojo.style("preloader", "display", "none");} }).play(); }
//dojo.ready(function(){ dojo.parser.parse(); hideLoader(); });

