var kleur = "#fff000";
//kleur = "rgb(255,255,255)";
var images_1;


var ranNum;
var x;
var y;

function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=300,height=200,left = 740,top = 500');");
}


var setArray1 = new Array();
var setArray2 = new Array();


var aantalImagesx;

var store1 = new Array();
var xxx = new Array();

var zzz; 
var images;
var test;


function GetEditorObject(img_string){
test = img_string;

		try{ 

            getLayers();
            images_1 = new Image_object();
			images = img_string.split("///");
            aantalImagesx = 0;        
			
            while (aantalImagesx < (images.length-1)){
            
                images_data = images[aantalImagesx].split("//");
                
                //alert("loop: "+images_data[0]);
                
                setArray2 = images_data[1].split("[..]");
                
                store1 = new Array;
                
                for (var x=0; x<(setArray2.length); x++) {
                   //alert("tonny wijnand");                              
                        setArray1 = setArray2[x].split("[.]");
                        
                        store1[x] = new Array(
	                       ""+setArray1[0]+"",
	                       ""+setArray1[1]+"",
	                       ""+setArray1[2]+"");
	                    
                        
                    
                    }
                    
                images_1.addImage(""+images_data[0]+"",store1);
                        
                
                aantalImagesx++;
            }
            
//            images_1.writeThumbnails();
            
            //alert(aantalImagesx);
            
            
            if (aantalImagesx > 1){
            		document.getElementById("blokondercontent_12").className='meer_fotos';
            	//blokondercontent_12
			}
			else{
				document.getElementById("blokondercontent_12").className="";
			}
			
			
            if (aantalImagesx > 0){
                deleteConfig();
                setFoto("media/illustraties/"+images_1.name[1]+"");
                images_1.setActiveImage(1);
                images_1.writeConfigArray();            
            }
            else{
            //zet image block op niets
            //	alert("test");
            	document.getElementById("foto").style.backgroundImage='url(media/wit.jpg)';
            }
            
            
            
            kleur = "#FFFFFF";
            
            
            
	        return true;

		}
		catch(e){
			//setDebugValue("message image object: "+e.name+" - "+e.message+"");
		    setTimeout("GetEditorObject(test)", 200);
			return false; 
		} 
}


//de onclick van de layer roept deze functie direct aan
function setLayer(parObj){

        var obj = document.getElementById(parObj);
        
        if ((obj.style.backgroundColor) != "transparent"){
             obj.style.backgroundColor = "transparent";
        }
        else{
            obj.style.backgroundColor = kleur;        
        }
}


function setMainLayer(){

		var nodeObject;
		nodeObject = document.getElementById('foto_main').style
		
		//alert(nodeObject.zIndex);
		if (nodeObject.zIndex == 800){
		nodeObject.zIndex =1;
		images_1.writeConfigArray();
		}
		else{
			nodeObject.zIndex = 800;
			deleteConfig()
		}

}
function setMainLayer_toonMenu(){

		var nodeObject;
		nodeObject = document.getElementById('foto_main').style
		
		//alert(nodeObject.zIndex);
		if (nodeObject.zIndex == 800){
		nodeObject.zIndex =1;
		images_1.writeConfigArray();
		}
		else{
			//nodeObject.zIndex = 800;
			//deleteConfig()
		}

}







//schrijf alle blokjes
function getLayers(){
    var sLayers = "";

    for (var x=1; x<10; x++) {
        for (var y=1; y<8; y++) {
            sLayers +=  "<div " +
            "id=\"witblok_"+x+"_"+y+"\" " + 
            "class=\"gridOff\" " + 
            //"onclick=\"setLayer('witblok_"+x+"_"+y+"'); images_1.setConfig(); return false;\" " + 
            "onclick=\"setMainLayer();  return false;\" " + 
            "style=\"background:none transparent;\"> " +
            "</div>";        
        }
    }
    document.getElementById("foto").innerHTML = sLayers;    
}



// zet een configuratie van blokjes   9 , 7
function setConfig(par_1, par_2){
        eval("setLayer(\"witblok_"+par_1+"_"+par_2+"\")");
}


function get_random(par)
{
    var ranNum= Math.round(Math.random()*par);
    if (ranNum == 0){
        ranNum = 1;
    }
    return ranNum;
}

//zet een willekeurige configuratie
function setRandomConfig(){
    for (var j=0; j<10; j++) {
        eval("setLayer(\"witblok_"+get_random(9)+"_"+get_random(7)+"\")");
    }
}


// kies meerdere willekeurige configuraties achter elkaar.
function setMoreConfig(){
    for (var i=0; i<100; i++) {
        setTimeout('setRandomConfig()', 19*i);
    }
}




//delete configuratie, zet alle blokjes op transparant.
function deleteConfig(){
    for (var x=1; x<10; x++) {
        for (var y=1; y<8; y++) {
               obj = document.getElementById("witblok_"+x+"_"+y+"");
               obj.style.backgroundColor = "transparent";
               //obj.style.backgroundImage = "url(media/trans.gif);";
        }
    }
}



function toggleGrid(){
    
    x = 1;
    y = 1;
    
    if (document.getElementById("witblok_"+x+"_"+y+"").className == "gridOn"){
        varClass = "gridOff";        
    }
    else{
        varClass = "gridOn";
    }
    
    for (var x=1; x<10; x++) {
        for (var y=1; y<8; y++) {
               document.getElementById("witblok_"+x+"_"+y+"").className = varClass;
        }
    }
}


function toggleKleur(imgObject){
//setDebugValue(kleur);
//setDebugValue(document.getElementById("toggle_gif"));
//imgObject = document.getElementById("toggle_gif");

    if (kleur == "#FFFFFF"){
        kleur = zetKleur;
        //imgObject.src="media/images/zwart_wit.gif";
    }
    else{
        kleur = "#FFFFFF";
		//imgObject.src="media/images/wit_zwart.gif";
    }
        
}














// voor gedefinieerde config    
function setConfig_1(){
    deleteConfig();
    setConfig(1,5);
    setConfig(1,6);
    setConfig(2,7);
    setConfig(2,1);
    setConfig(3,2);
    setConfig(3,3);
    setConfig(3,4);
    setConfig(4,4);
    setConfig(4,6);
    setConfig(4,7);
    setConfig(5,7);
    setConfig(5,1);
    setConfig(5,2);
    setConfig(6,3);
    setConfig(6,4);
    setConfig(6,5);
    setConfig(7,7);
    setConfig(8,1);
    setConfig(8,1);
    setConfig(8,2);
    setConfig(9,3);
    setConfig(9,4);
    setConfig(9,7);
}

// voor gedefinieerde config     
function setConfig_2(){
    deleteConfig();
    setConfig(1,1);
    setConfig(1,2);
    setConfig(2,3);
    setConfig(2,4);
    setConfig(3,4);
    setConfig(3,5);
    setConfig(3,6);
    setConfig(4,3);
    setConfig(4,7);
    setConfig(4,7);
    setConfig(5,7);
    setConfig(5,1);
    setConfig(5,1);
    setConfig(6,1);
    setConfig(6,2);
    setConfig(6,3);
    setConfig(7,1);
    setConfig(8,7);
    setConfig(8,4);
    setConfig(8,3);
    setConfig(9,1);
    setConfig(9,2);
    setConfig(9,6);
}
    
function setConfig_3(){
    deleteConfig();
    setConfig(1,2);
    setConfig(1,3);
    setConfig(2,4);
    setConfig(2,5);
    setConfig(3,6);
    setConfig(3,7);
    setConfig(3,6);
    setConfig(4,3);
    setConfig(4,1);
    setConfig(4,2);
    setConfig(5,3);
    setConfig(5,3);
    setConfig(5,3);
    setConfig(6,4);
    setConfig(6,5);
    setConfig(6,6);
    setConfig(7,6);
    setConfig(8,6);
    setConfig(8,7);
    setConfig(8,7);
    setConfig(9,7);
    setConfig(9,2);
    setConfig(9,2);
}
    
    

function setFoto(parFoto){
    document.getElementById("foto").style.backgroundImage = "url("+parFoto+")";
}


function getConfig(){
   var tempObj = "";
   var temp = "";
   var teller = 0;
   var store = new Array;
   
   store = new Array
    //alert(store.length);
   
   
   for (var x=1; x<10; x++) {
        for (var y=1; y<8; y++) {
            tempObj = document.getElementById("witblok_"+x+"_"+y+"");
            
            
            //als er een blokje is gezet
            if (tempObj.style.backgroundColor != "transparent"){
                
                store[teller] = new Array(
	                       ""+x+"",
	                       ""+y+"",
	                       ""+tempObj.style.backgroundColor+"");
                temp += "witblok_"+x+"_"+y+"";        
                
                teller++;
            }

        }
    }
    //alert(store);
    return store;
}