var new_slide_move = null;
var new_slide_rotate = null;

function showImage(object) {
	object.style.visibility = 'visible';
	//object.style.display = 'block';
	//document.getElementById('the_img').style.display = 'block';
}

function checkForm() {
	if (document.getElementById('basket-motiv').value == "first" || document.getElementById('basket-ownmotiv').value == "first") {
		alert("Bitte erst ein Motiv auswaehlen!");
		return false;
	}
	
	if (document.getElementById('quali_check').value != "") {
		//var dpi = parseInt (document.getElementById('quali_check').value.split(" ")[0]);
		var dpi = parseFloat (document.getElementById('quali_check').value) ;
		
		if (dpi < 4)
		//var Check = confirm("Achtung: Die Aufl\u00f6sung deines Motivs betr\u00e4gt lediglich "+dpi+" dpi.\nUm ein gutes Druckergebnis zu erhalten, sollte die Bildaufl\u00f6sung jedoch mindestens 70 dpi betragen. \n\nM\u00f6chtest Du trotzdem fortfahren?");
		
			if(dpi < 2)
			{
				alert("Achtung: \nUnser Qualit\u00e4ts-Check ergab f\u00fcr die Bildaufl\u00f6sung Deines Motives lediglich einen Wert von "+dpi+".\nUm ein gutes Druckergebnis zu erhalten, sollte die Aufl\u00f6sung jedoch mindestens den Wert 4 haben.");
				return false; 
			}else{
				var Check = confirm("Achtung: \nUnser Qualit\u00e4ts-Check ergab f\u00fcr die Bildaufl\u00f6sung Deines Motives lediglich einen Wert von "+dpi+".\nUm ein gutes Druckergebnis zu erhalten, sollte die Aufl\u00f6sung jedoch mindestens den Wert 4 haben. \n\nM\u00f6chtest Du trotzdem fortfahren?");
				if (Check == false) {
					return false;
				}
			}
		
		

		
		
	}
}


function createRequestObject() {
	var ro;
	//XMLHttpRequest-Instanz erstellen
	//... für Internet Explorer
	try {
  	  ro  = new ActiveXObject("Msxml2.XMLHTTP");
	} catch(e) {
 	   try {
 	       ro  = new ActiveXObject("Microsoft.XMLHTTP");
 	   } catch(e) {
 	       ro  = false;
 	   }
	}
	//... für Mozilla, Opera, Safari usw.
	if (!ro  && typeof XMLHttpRequest != 'undefined') {
	    ro = new XMLHttpRequest();
	}
	return ro;
}




var http = createRequestObject();
function sndReq(action,set) {  
    if (isNaN(document.getElementById('movestep')))
		var mstep = document.getElementById('movestep').value;
    
	if (isNaN(document.getElementById('rotatestep')))
		var rstep = document.getElementById('rotatestep').value;

    //document.getElementById('the_img').style.display = 'none';
    http.open('get', 'modules/im_designer.php?set='+set+'&action='+action+'&mstep='+mstep+'&rstep='+rstep,true);
    http.onreadystatechange = handleDesignerResponse;
    http.send(null);
}

function handleDesignerResponse() {

   if(http.readyState == 4){
        if(http.status == 200) {
        	var response = http.responseText;
        	var update = new Array();

		if(response.indexOf('|' != -1)) {
        	   	 update = response.split('|');
				 
				if (document.getElementById('designer-button-left')) 
					document.getElementById('designer-button-left').innerHTML = update[19];
				if (document.getElementById('designer-button-right')) 
					document.getElementById('designer-button-right').innerHTML = update[20];
				if (document.getElementById('designer-button-up')) 
					document.getElementById('designer-button-up').innerHTML = update[21];
				if (document.getElementById('designer-button-down')) 
					document.getElementById('designer-button-down').innerHTML = update[22];
				if (document.getElementById('designer-button-zoomout')) 
					document.getElementById('designer-button-zoomout').innerHTML = update[23];
				if (document.getElementById('designer-button-zoomin')) 
					document.getElementById('designer-button-zoomin').innerHTML = update[24];

				document.getElementById('max_move_cm').value = update[29];
				document.getElementById('product_width').value = update[27];
				document.getElementById('product_height').value = update[28];
				document.getElementById('designer-bg-color').innerHTML = update[30];
				if (document.getElementById('designer-no-border'))
					document.getElementById('designer-no-border').innerHTML = update[32];


				
				document.getElementById('preview_width').value = update[25];
				document.getElementById('preview_height').value = update[26];
				
            	document.getElementById('p_image').innerHTML = update[0];
            	document.getElementById('bigImageSource').value = update[1]; 
				document.getElementById('bigImageSource3D').value = update[2];
            	document.getElementById('quali_control').innerHTML = update[3]; 
            	document.getElementById('quali_check').value = update[31]; 
            	document.getElementById('quali_control_int').innerHTML = update[31]; 
            	document.getElementById('motiv-details').innerHTML = update[4];
            		
            	document.getElementById('basket-rotation').value = update[5];
				document.getElementById('basket-zoom').value = update[6];
				document.getElementById('basket-x').value = update[7];
    			document.getElementById('basket-y').value = update[8];
    			
    			document.getElementById('basket-s_h').value = update[9];
    			document.getElementById('basket-s_v').value = update[10];

				if (update[33] != null && update[33] != "" ) {
					if((update[33].toLowerCase()) != "in den warenkorb" ) {
						//document.getElementById('basket-button').className = "btn_basket2";
					}
					document.getElementById('basket-button').value = update[33];

				}

    			if(document.getElementById('basket-bordername').value != update[11]) {
					if (update[35] != "restore" ) {
						sndSetBorderReq(update[11]);	
						
					}
    			}
				
    			document.getElementById('basket-bordername').value = update[11];
    			    			
    			if(document.getElementById('basket-motiv').value != update[12]) {
					sndSetMotivReq(update[12]);
					sndBigImageReq();
					sndBigImage3DReq();
    			}
				
    			document.getElementById('basket-motiv').value = update[12];
    			
    			
    			if(document.getElementById('basket-ownmotiv').value != update[13]) 	{
					sndSetOwnMotivReq(update[13],0);
					sndBigImageReq();
					sndBigImage3DReq();	 				
    			}
    			
				document.getElementById('basket-ownmotiv').value = update[13];
    			    			
    			if (document.getElementById('basket-color').value != update[14]) {
					if (update[35] != "restore" ) {
						sndSetColorReq(update[14]);				
					}
    			}
				
    			document.getElementById('basket-color').value = update[14];
    			    			
    			document.getElementById('basket-old_r_width').value = update[15];
    			document.getElementById('basket-old_r_height').value = update[16];
    			document.getElementById('basket-real_zoom').value = update[17];
    			document.getElementById('basket-first_zoom').value = update[18];
    			  
				if (update[34] != null && update[34] != "") {
					document.getElementById('basket-quantity').value = update[34];
				}		
    	document.getElementById('designer-blanket').style.display = 'none';				
    	document.getElementById('gallery-blanket').style.display = 'none';				
        	}       	
    	}
    }else{
    	document.getElementById('p_image').innerHTML = '<img src="img/loading.gif" >';
    	document.getElementById('p_image').style.background = '#FFFFFF';
    	document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
    
}

var httpSetBorder = createRequestObject();
function sndSetBorderReq(border) {  

var mylist=document.getElementById("designer_border")
var borderitems= mylist.getElementsByTagName("div")
for (i=0; i<borderitems.length; i++)
{
	if(borderitems[i].id == 'gallery-image-image')
	{
		var imageitems= borderitems[i].getElementsByTagName("img");
		for (j=0; j<imageitems.length; j++)
		{
			if(border == imageitems[j].id)
			{
				borderitems[i].style.border = '1px solid #000000';
			}else{
				borderitems[i].style.border = '1px solid #dddddd';
			}
		}
		
	}
	
}

    httpSetBorder.open('get', 'modules/im_designer.php?border='+border,true);
    httpSetBorder.onreadystatechange = handleSetBorderResponse;
    httpSetBorder.send(null);
}
function handleSetBorderResponse() {
    if(httpSetBorder.readyState == 4){
        if(httpSetBorder.status == 200) {
        	var response = httpSetBorder.responseText;
        	var update = new Array();
	
			if(response.indexOf('|' != -1)) {
        	   	 update = response.split('|');
				  	 
            		document.getElementById('p_image').innerHTML = update[0];
            	  	document.getElementById('bigImageSource').value = update[1]; 
					document.getElementById('bigImageSource3D').value = update[2]; 
            		document.getElementById('quali_control').innerHTML = update[3]; 
					document.getElementById('quali_check').value = update[31]; 
					document.getElementById('quali_control_int').innerHTML = update[31]; 
            		document.getElementById('motiv-details').innerHTML = update[4]; 
            		
            		document.getElementById('basket-bordername').value = update[11];
					
					if (document.getElementById('designer-no-border'))
						document.getElementById('designer-no-border').innerHTML = update[32];
					
					document.getElementById('designer-blanket').style.display = 'none';
					document.getElementById('gallery-blanket').style.display = 'none';
					
					sndBigImageReq();
					sndBigImage3DReq();	 
        	}       	
    	}
    }else{
    	document.getElementById('p_image').innerHTML = '<img src="img/loading.gif" >';
    	document.getElementById('p_image').style.background = '#FFFFFF';
		document.getElementById('designer-blanket').style.display = 'block';
		document.getElementById('gallery-blanket').style.display = 'block';
    }
    
}





var httpBigImage = createRequestObject();
function sndBigImageReq() {  
    var img = document.getElementById('bigImageSource').value;
    httpBigImage.open('get', 'modules/image_preview.php?img='+img,true);
    httpBigImage.onreadystatechange = handleBigImageResponse;
    httpBigImage.send(null);
}
function handleBigImageResponse() {
    if(httpBigImage.readyState == 4){
        if(httpBigImage.status == 200) {
		   document.getElementById('bigImage').innerHTML = httpBigImage.responseText;
    	}
    }else{
    	document.getElementById('bigImage').innerHTML = '<table height="610" width="610" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="img/loading.gif" /></td><td><img src="img/clear.png" width="1" height="602" /></td></tr></table>';
    	document.getElementById('bigImage').style.background = '#FFFFFF';
    }
}


var httpBigImage3D = createRequestObject();
function sndBigImage3DReq() {  
    var img3D = document.getElementById('bigImageSource3D').value;
	arr3D = img3D.split('__');
	httpBigImage3D.open('get', 'mapping/image.php?gfile='+arr3D[0]+'&muster='+arr3D[1],true);
    httpBigImage3D.onreadystatechange = handleBigImage3DResponse;
    httpBigImage3D.send(null);
}
function handleBigImage3DResponse() {
    if(httpBigImage3D.readyState == 4){
        if(httpBigImage3D.status == 200) {
		   document.getElementById('bigImage3D').innerHTML = httpBigImage3D.responseText;
    	}
    }else{
    	document.getElementById('bigImage3D').innerHTML = '<table height="610" width="610" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="img/loading3.gif" /></td><td><img src="img/clear.png" width="1" height="602" /></td></tr></table>';
    	document.getElementById('bigImage3D').style.background = '#FFFFFF';
    }
}





// Rahmen
var httpborder = createRequestObject();
function sndBordersReq(cat, start) {  
    if (start == null) start = "0";

    document.getElementById('gallery-main-menu-motive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-rahmen').className = 'gallery-main-menu-item-act';
    document.getElementById('gallery-main-menu-ownmotive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-help').className = 'gallery-main-menu-item-no';
    
    var mylist=document.getElementById("gallery-main-menu-rahmen");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/act_t1.jpg';
    var mylist=document.getElementById("gallery-main-menu-motive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t2.jpg';
    var mylist=document.getElementById("gallery-main-menu-ownmotive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t3.jpg';
    var mylist=document.getElementById("gallery-main-menu-help");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t4.jpg';
    var mylist=document.getElementById("gallery-main-menu-edit");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t0.jpg';
	
	document.getElementById('gallery-header').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-images').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-categories-menu').style.backgroundColor = '#EEECEF';
    
	httpborder.open('get', 'modules/image_borders.php?b_cat='+cat+'&start='+start,true);
    httpborder.onreadystatechange = handleBordersResponse;
    httpborder.send(null);
}
function handleBordersResponse() {
    if(httpborder.readyState == 4){
        if(httpborder.status == 200) {
        	var response = httpborder.responseText;
		var update = new Array();
					
		if(response.indexOf('|' != -1)) {
			update = response.split('|');

			// document.getElementById('gallery-header').style.height = '55px';
       		// document.getElementById('gallery-header').innerHTML = update[0];
       		// document.getElementById('theme_menu').innerHTML = update[1];
			// document.getElementById('link_menu').innerHTML = update[2];
			// document.getElementById('label_menu').innerHTML = update[3];
			document.getElementById('gallery-header').style.height = '45px';
       		document.getElementById('gallery-header').innerHTML = update[0];
       		document.getElementById('theme_menu').innerHTML = update[1];
			document.getElementById('link_menu').innerHTML = update[2];
			document.getElementById('label_menu').innerHTML = update[3];
			//document.getElementById('quali_check').value = update[31]; 
			//document.getElementById('quali_control_int').innerHTML = update[31]; 
				
			document.getElementById('designer_border').innerHTML = update[4];
			document.getElementById('sites_menu').innerHTML = update[5];
			document.getElementById('designer-upload').style.display = 'none';
			document.getElementById('gallery-categories-menu').style.display = 'block';
			
			document.getElementById('designer-blanket').style.display = 'none';
			document.getElementById('gallery-blanket').style.display = 'none';
        	} 
    	}
    }else{
        //document.getElementById('gallery-images').style.height = '420px';
        document.getElementById('gallery-images').style.height = '280px';
    	document.getElementById('designer-upload').style.display = 'none';
    	document.getElementById('designer_border').innerHTML = '<table width="390" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="img/loading.gif" /></td><td><img src="img/clear.png" width="1" height="280" /></td></tr></table>';
    	//document.getElementById('designer_border').style.background = '#F0F0F0';
		document.getElementById('designer-blanket').style.display = 'block';
		document.getElementById('gallery-blanket').style.display = 'block';
    }
}


// Motive
var httpmotives = createRequestObject();
function sndMotivesReq(theme, start) {  
    if (start == null) start = "0";
    document.getElementById('gallery-main-menu-motive').className = 'gallery-main-menu-item-act';
    document.getElementById('gallery-main-menu-rahmen').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-ownmotive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-help').className = 'gallery-main-menu-item-no';
    
    var mylist=document.getElementById("gallery-main-menu-rahmen");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t1.jpg';
    var mylist=document.getElementById("gallery-main-menu-motive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/act_t2.jpg';
    var mylist=document.getElementById("gallery-main-menu-ownmotive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t3.jpg';
    var mylist=document.getElementById("gallery-main-menu-help");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t4.jpg';
    var mylist=document.getElementById("gallery-main-menu-edit");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t0.jpg';
	
	document.getElementById('gallery-header').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-images').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-categories-menu').style.backgroundColor = '#EEECEF';
	
    httpmotives.open('get', 'modules/image_motives.php?theme='+theme+'&start='+start,true);
    httpmotives.onreadystatechange = handleMotivesResponse;
    httpmotives.send(null);
}
function handleMotivesResponse() {
    if(httpmotives.readyState == 4){
        if(httpmotives.status == 200) {
        	var response = httpmotives.responseText;
		var update = new Array();
					
		if(response.indexOf('|' != -1)) {
			update = response.split('|');

			document.getElementById('gallery-header').style.height = '45px';
			document.getElementById('gallery-header').innerHTML = update[0];
			document.getElementById('theme_menu').innerHTML = update[1];
			document.getElementById('link_menu').innerHTML = update[2];
			document.getElementById('label_menu').innerHTML = update[3];
			document.getElementById('quali_check').value = update[31]; 
			//document.getElementById('quali_control_int').innerHTML = update[31]; 
			
			document.getElementById('designer_border').innerHTML = update[4];
			document.getElementById('sites_menu').innerHTML = update[5];
			document.getElementById('designer-upload').style.display = 'none';
			if (document.getElementById('gallery-categories-menu'))
				document.getElementById('gallery-categories-menu').style.display = 'block';
			document.getElementById('gallery-images').style.display = 'block';
            		
            document.getElementById('designer-blanket').style.display = 'none';
			document.getElementById('gallery-blanket').style.display = 'none';
        	} 
    	}
    }else{
    	//document.getElementById('gallery-images').style.height = '420px';
    	document.getElementById('gallery-images').style.height = '280px';
    	document.getElementById('designer-upload').style.display = 'none';
    	document.getElementById('designer_border').innerHTML = '<table width="390" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="img/loading.gif" /></td><td><img src="img/clear.png" width="1" height="280" /></td></tr></table>';
    	//document.getElementById('designer_border').style.background = '#F0F0F0';
		document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
}

// Eigene Motive
var httpownmotives = createRequestObject();
function sndOwnMotivesReq() {  
    document.getElementById('gallery-main-menu-rahmen').className = 'gallery-main-menu-item-no';    
    document.getElementById('gallery-main-menu-motive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-ownmotive').className = 'gallery-main-menu-item-act';
    document.getElementById('gallery-main-menu-help').className = 'gallery-main-menu-item-no';
    
    
    var mylist=document.getElementById("gallery-main-menu-rahmen");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t1.jpg';
    var mylist=document.getElementById("gallery-main-menu-motive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t2.jpg';
    var mylist=document.getElementById("gallery-main-menu-ownmotive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/act_t3.jpg';
    var mylist=document.getElementById("gallery-main-menu-help");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t4.jpg';
    var mylist=document.getElementById("gallery-main-menu-edit");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t0.jpg';
    
	document.getElementById('gallery-header').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-images').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-categories-menu').style.backgroundColor = '#EEECEF';
	
    httpownmotives.open('get', 'modules/image_ownmotives.php',true);
    httpownmotives.onreadystatechange = handleOwnMotivesResponse;
    httpownmotives.send(null);
}
function handleOwnMotivesResponse() {
    if(httpownmotives.readyState == 4){
        if(httpownmotives.status == 200) {
        	var response = httpownmotives.responseText;
		var update = new Array();
					
		if(response.indexOf('|' != -1)) {
			update = response.split('|');
			document.getElementById('gallery-header').style.height = '35px';
			document.getElementById('gallery-header').innerHTML = update[0];
			document.getElementById('theme_menu').innerHTML = '';
			document.getElementById('link_menu').innerHTML = update[1];
			document.getElementById('label_menu').innerHTML = '';
			document.getElementById('sites_menu').innerHTML = '';
			
			document.getElementById('designer_border').innerHTML = update[2];
			//document.getElementById('gallery-images').style.height = '280px';
			document.getElementById('gallery-images').style.height = '180px';
			document.getElementById('designer-upload').innerHTML = update[3];
			document.getElementById('quali_check').value = update[31]; 
			//document.getElementById('quali_control_int').innerHTML = update[31]; 		
			
			document.getElementById('designer-upload').style.height = '125px';
			document.getElementById('designer-upload').style.display = 'block';
			document.getElementById('gallery-categories-menu').style.display = 'none';
			
			if (update[4] == 0) {
				document.getElementById('gallery-images').style.height = '0px';
					document.getElementById('gallery-images').style.height = '265px';
					document.getElementById('designer-upload').style.height = '40px';				
			}
			else if (update[4] == 6) {
				document.getElementById('gallery-images').style.height = '0px';
				document.getElementById('designer-upload').style.height = '305px';
			}
			else {
				if (update[4] > 5) {
					document.getElementById('gallery-images').style.height = '180px';
					document.getElementById('designer-upload').style.height = '125px';
				}
				else {
					document.getElementById('gallery-images').style.height = '180px';
					document.getElementById('designer-upload').style.height = '125px';
				}			
			}
			document.getElementById('designer-blanket').style.display = 'none';
			document.getElementById('gallery-blanket').style.display = 'none';
        	} 
			
    	}
    }else{
    	document.getElementById('designer_border').innerHTML = '<table width="390" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="img/loading.gif" /></td><td><img src="img/clear.png" width="1" height="305" /></td></tr></table>';
		document.getElementById('gallery-categories-menu').style.display = 'none';
		document.getElementById('gallery-header').style.height = '35px';
		document.getElementById('designer-upload').style.display = 'none';	
		document.getElementById('gallery-images').style.height = '305px';
		
		document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
}

// Hilfe
var httphelp = createRequestObject();
function sndHelpReq() {  
    
    document.getElementById('gallery-main-menu-ownmotive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-motive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-rahmen').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-help').className = 'gallery-main-menu-item-act';
    
    
    var mylist=document.getElementById("gallery-main-menu-rahmen");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t1.jpg';
    var mylist=document.getElementById("gallery-main-menu-motive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t2.jpg';
    var mylist=document.getElementById("gallery-main-menu-ownmotive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t3.jpg';
    var mylist=document.getElementById("gallery-main-menu-help");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/act_t4.jpg';
    var mylist=document.getElementById("gallery-main-menu-edit");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t0.jpg';
    
    httphelp.open('get', 'modules/help.php',true);
    httphelp.onreadystatechange = handleHelpResponse;
    httphelp.send(null);
}
function handleHelpResponse() {
    if(httphelp.readyState == 4){
        if(httphelp.status == 200) {
        	var response = httphelp.responseText;
		var update = new Array();
					
		if(response.indexOf('|' != -1)) {
			update = response.split('|');
			document.getElementById('gallery-header').style.height = '45px';
			document.getElementById('gallery-header').style.backgroundColor = '#ffffff';
			//document.getElementById('gallery-images').style.height = '435px';
			document.getElementById('gallery-images').style.height = '305px';
			document.getElementById('gallery-header').innerHTML = update[0];
			document.getElementById('designer_border').innerHTML = update[1];
			

			document.getElementById('designer-upload').style.display = 'none';
			document.getElementById('gallery-images').style.display = 'block';
			document.getElementById('gallery-categories-menu').style.display = 'none';
            		
	    	document.getElementById('designer-blanket').style.display = 'none';
	    	document.getElementById('gallery-blanket').style.display = 'none';
        	} 
    	}
    }else{

    	//document.getElementById('gallery-images').style.height = '420px';
    	document.getElementById('gallery-images').style.height = '305px';
    	document.getElementById('gallery-images').style.backgroundColor = '#ffffff';
		document.getElementById('gallery-categories-menu').style.display = 'none';
    	document.getElementById('designer-upload').style.display = 'none';
    	document.getElementById('designer_border').innerHTML = '<table width="390" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="img/loading.gif" /></td><td><img src="img/clear.png" width="1" height="280" /></td></tr></table>';
    	//document.getElementById('designer_border').style.background = '#F0F0F0';
		document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
}





// Bearbeiten
var httphelp = createRequestObject();
function sndEditReq() {  
    
	
	if (document.getElementById('basket-motiv') && document.getElementById('basket-ownmotiv')) {
		if (document.getElementById('basket-motiv').value == "first"||
			document.getElementById('basket-ownmotiv').value =="first") {
				alert("Die Funktionen zur Bearbeitung stehen erst nach Auswahl eines Motives zur Verf\u00fcgung!");
				return true;
		}
		
	}
	
    document.getElementById('gallery-main-menu-edit').className = 'gallery-main-menu-item-act';
    document.getElementById('gallery-main-menu-ownmotive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-motive').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-rahmen').className = 'gallery-main-menu-item-no';
    document.getElementById('gallery-main-menu-help').className = 'gallery-main-menu-item-no';
    
    
    var mylist=document.getElementById("gallery-main-menu-rahmen");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t1.jpg';
    var mylist=document.getElementById("gallery-main-menu-motive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t2.jpg';
    var mylist=document.getElementById("gallery-main-menu-ownmotive");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t3.jpg';
    var mylist=document.getElementById("gallery-main-menu-help");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/t4.jpg';
    var mylist=document.getElementById("gallery-main-menu-edit");
    var img= mylist.getElementsByTagName("img");
    img[0].src = 'img/act_t0.jpg';
    
	document.getElementById('gallery-header').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-images').style.backgroundColor = '#EEECEF';
	document.getElementById('gallery-categories-menu').style.backgroundColor = '#EEECEF';
	
    httphelp.open('get', 'modules/edit.php',true);
    httphelp.onreadystatechange = handleEditResponse;
    httphelp.send(null);
}
function handleEditResponse() {
    if(httphelp.readyState == 4){
        if(httphelp.status == 200) {
        	var response = httphelp.responseText;
			var update = new Array();
						
			if(response.indexOf('|' != -1)) {
				update = response.split('|');
				document.getElementById('gallery-header').style.height = '20px';
				//document.getElementById('gallery-images').style.height = '435px';
				document.getElementById('gallery-images').style.height = '330px';
				document.getElementById('gallery-images').style.backgroundColor = '#EEECEF';
				document.getElementById('gallery-header').innerHTML = update[0];
				document.getElementById('designer_border').innerHTML = update[1];
				
				document.getElementById('designer-upload').style.display = 'none';
				document.getElementById('gallery-images').style.display = 'block';
				document.getElementById('gallery-categories-menu').style.display = 'none';
						
				document.getElementById('designer-blanket').style.display = 'none';
				document.getElementById('gallery-blanket').style.display = 'none';
				
				document.getElementById('movestep_cm').value = Math.round(2*(Math.round(0.1 * parseInt(document.getElementById('max_move_cm').value)*10)/10 + 0.1)*10)/10;
				 document.getElementById('movestep').value = Math.round(parseInt(document.getElementById('movestep_cm').value) * (document.getElementById('preview_height').value/document.getElementById('product_height').value));
	
			} 

			// Slider neu
			new_slide_move = new Slider(document.getElementById("slider-1"), document.getElementById("slider-input-1"));

			new_slide_move.setValue(10*document.getElementById('movestep_cm').value);
			new_slide_move.setMaximum(10*document.getElementById('max_move_cm').value);
			new_slide_move.setMinimum(0.1);

			new_slide_move.onchange = function () { 
				document.getElementById("movestep_cm").value = Math.round(new_slide_move.getValue())/10; 
				if (document.getElementById('movestep_cm').value == 0) document.getElementById('movestep_cm').value = 0.1;
				document.getElementById('movestep').value = Math.round(parseInt(document.getElementById('movestep_cm').value) * 
							(document.getElementById('preview_height').value/document.getElementById('product_height').value));;
			}
			
			window.onresize = function () { new_slide_move.recalculate();new_slide_rotate.recalculate();	}
			
			new_slide_rotate = new Slider(document.getElementById("slider-2"), document.getElementById("slider-input-2"));
			new_slide_rotate.onchange = function () { 	document.getElementById("rotatestep").value = new_slide_rotate.getValue(); }
			new_slide_rotate.setValue(18);
			new_slide_rotate.setMaximum(90);
			new_slide_rotate.setMinimum(0);

    	}
    }else{

    	//document.getElementById('gallery-images').style.height = '420px';
    	document.getElementById('gallery-images').style.height = '325px';
		document.getElementById('gallery-header').style.height = '20px';		
    	document.getElementById('designer-upload').style.display = 'none';
		document.getElementById('gallery-categories-menu').style.display = 'none';		
    	document.getElementById('designer_border').innerHTML = '<table width="390" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="img/loading.gif" /></td><td><img src="img/clear.png" width="1" height="300" /></td></tr></table>';
    	//document.getElementById('designer_border').style.background = '#F0F0F0';
		document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
}




var httpSetMotiv = createRequestObject();
function sndSetMotivReq(motiv) {  

var mylist=document.getElementById("designer_border");
var motivitems= mylist.getElementsByTagName("div");
for (i=0; i<motivitems.length; i++)
{
	if(motivitems[i].id == 'gallery-image-image')
	{
		var imageitems= motivitems[i].getElementsByTagName("img");
		for (j=0; j<imageitems.length; j++)
		{
			if(motiv == imageitems[j].id)
			{
				motivitems[i].style.border = '1px solid #000000';
			}else{
				motivitems[i].style.border = '1px solid #dddddd';
			}
		}
		
	}
	
}

    httpSetMotiv.open('get', 'modules/im_designer.php?motiv='+motiv,true);
    httpSetMotiv.onreadystatechange = handleSetMotivResponse;
    httpSetMotiv.send(null);
}
function handleSetMotivResponse() {
    if(httpSetMotiv.readyState == 4){
        if(httpSetMotiv.status == 200) {
        	var response = httpSetMotiv.responseText;
        	var update = new Array();

			if(response.indexOf('|' != -1)) {
				update = response.split('|');  	 
				
				document.getElementById('p_image').innerHTML = update[0];
				document.getElementById('bigImageSource').value = update[1]; 
				document.getElementById('bigImageSource3D').value = update[2];
				document.getElementById('quali_control').innerHTML = update[3]; 
				document.getElementById('quali_check').value = update[31]; 
				document.getElementById('quali_control_int').innerHTML = update[31]; 			
				
				document.getElementById('motiv-details').innerHTML = update[4]; 
				document.getElementById('basket-motiv').value = update[12];
				document.getElementById('basket-x').value = update[7];
				document.getElementById('basket-y').value = update[8];
				
				document.getElementById('basket-rotation').value = update[5];
				document.getElementById('basket-zoom').value = update[6];
				document.getElementById('basket-s_h').value = update[9];
				document.getElementById('basket-s_v').value = update[10];
				document.getElementById('basket-bordername').value = update[11];
				// document.getElementById('basket-motiv').value = update[12];
				document.getElementById('basket-ownmotiv').value = update[13];
				document.getElementById('basket-color').value = update[14];
				document.getElementById('basket-old_r_width').value = update[15];
				document.getElementById('basket-old_r_height').value = update[16];
				document.getElementById('basket-real_zoom').value = update[17];
				document.getElementById('basket-first_zoom').value = update[18];

				document.getElementById('designer-blanket').style.display = 'none';
				document.getElementById('gallery-blanket').style.display = 'none';
				
				if (document.getElementById('basket-ownmotiv').value != "first" && document.getElementById('basket-motiv').value != "first")
					sndEditReq();
        	}       	
    	}
    }else{
    	document.getElementById('p_image').innerHTML = '<img src="img/loading.gif" >';
    	//document.getElementById('p_image').style.background = '#FFFFFF';
		document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
    
}


var httpSetOwnMotiv = createRequestObject();
function sndSetOwnMotivReq(ownmotiv, del) {  

var b_delete
if(del == 1)
{
	b_delete = confirm("Motiv wirklich l\u00f6schen ?");
}

if(!b_delete)
{
	del = 0;
}

var mylist=document.getElementById("designer_border")
var ownmotivitems= mylist.getElementsByTagName("div")
for (i=0; i<ownmotivitems.length; i++)
{
	if(ownmotivitems[i].id == 'gallery-image-image')
	{
		var imageitems= ownmotivitems[i].getElementsByTagName("img");
		for (j=0; j<imageitems.length; j++)
		{
			if(ownmotiv == imageitems[j].id)
			{
				ownmotivitems[i].style.border = '1px solid #000000';
			}else{
				ownmotivitems[i].style.border = '1px solid #dddddd';
			}
		}
		
	}
	
}

    httpSetOwnMotiv.open('get', 'modules/im_designer.php?ownmotiv='+ownmotiv+'&del_om='+del,true);
    httpSetOwnMotiv.onreadystatechange = handleSetOwnMotivResponse;
    httpSetOwnMotiv.send(null);
    
	if(b_delete)
	{
		sndOwnMotivesReq();
	}
}
function handleSetOwnMotivResponse() {
    if(httpSetOwnMotiv.readyState == 4){
        if(httpSetOwnMotiv.status == 200) {
        	var response = httpSetOwnMotiv.responseText;
        	var update = new Array();
				
		if(response.indexOf('|' != -1)) {
        	update = response.split('|');        	   	 
			
			document.getElementById('gallery-header').style.height = '35px';
			//document.getElementById('gallery-images').style.height = '435px';
			//document.getElementById('gallery-images').style.height = '330px';
			document.getElementById('gallery-images').style.height = '180px';
			document.getElementById('designer-upload').style.display = 'block';
			document.getElementById('designer-upload').style.height = '125px';			
			document.getElementById('gallery-categories-menu').style.display = 'none';
				
			
			document.getElementById('p_image').innerHTML = update[0];
			document.getElementById('bigImageSource').value = update[1]; 
			document.getElementById('bigImageSource3D').value = update[2];
			document.getElementById('quali_control').innerHTML = update[3]; 
			document.getElementById('quali_check').value = update[31]; 
            document.getElementById('quali_control_int').innerHTML = update[31]; 			
			document.getElementById('motiv-details').innerHTML = update[4]; 
			document.getElementById('basket-ownmotiv').value = update[13];
			document.getElementById('basket-x').value = update[7];
			document.getElementById('basket-y').value = update[8];
			document.getElementById('basket-rotation').value = update[5];
			document.getElementById('basket-zoom').value = update[6];
			document.getElementById('basket-s_h').value = update[9];
			document.getElementById('basket-s_v').value = update[10];
			document.getElementById('basket-bordername').value = update[11];
			document.getElementById('basket-motiv').value = update[12];
			//document.getElementById('basket-ownmotiv').value = update[13];
			document.getElementById('basket-color').value = update[14];
			document.getElementById('basket-old_r_width').value = update[15];
			document.getElementById('basket-old_r_height').value = update[16];
			document.getElementById('basket-real_zoom').value = update[17];
			document.getElementById('basket-first_zoom').value = update[18];
				
	    	document.getElementById('designer-blanket').style.display = 'none';
	    	document.getElementById('gallery-blanket').style.display = 'none';			 
			
			if (document.getElementById('basket-ownmotiv').value != "first" && document.getElementById('basket-motiv').value != "first")
				sndEditReq();
        	}       	
    	}
    }else{
    	document.getElementById('p_image').innerHTML = '<img src="img/loading.gif" >';
    	document.getElementById('p_image').style.background = '#FFFFFF';
		
		//document.getElementById('gallery-images').style.height = '305px';
		//document.getElementById('designer-upload').style.display = 'none';			
		document.getElementById('gallery-categories-menu').style.display = 'none';
		
		document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
    
}


// menuauswahl
var httpmenu = createRequestObject();
function sndGMMenuReq() {  
    httpmenu.open('get', 'modules/gallery_menu.php',true);
    httpmenu.onreadystatechange = handleGMMenuResponse;
    httpmenu.send(null);
}
function handleGMMenuResponse() {
    if(httpmenu.readyState == 4){

        if(httpmenu.status == 200) {
        	var response = httpmenu.responseText;

		if(response == 'border')
		{
			sndBordersReq('');
		}
		if(response == 'motives')
		{
			sndMotivesReq('') ;
		}
		if(response == 'ownmotives' || response == '')
		{
			sndOwnMotivesReq();
		}
		if(response == 'help')
		{
			sndHelpReq();
		}

    	}
    }else{
    	
    }
}


// Hintergrund
var httpSetColor = createRequestObject();
function sndSetColorReq(color) {  
	
		if (color == '' || color == null) {
			color = document.getElementById('border-color').options[document.getElementById('border-color').selectedIndex].value;
		}
	    document.getElementById('back-color-img').src = "img/colors/designer/" + color + ".jpg";

	    httpSetColor.open('get', 'modules/im_designer.php?color='+color,true);
	    httpSetColor.onreadystatechange = handleSetColorResponse;
	    httpSetColor.send(null);
	
}

function handleSetColorResponse() {
    if(httpSetColor.readyState == 4){
        if(httpSetColor.status == 200) {
        	var response = httpSetColor.responseText;
        	var update = new Array();
			
		if(response.indexOf('|' != -1)) {
			update = response.split('|');

			document.getElementById('p_image').innerHTML = update[0];
			document.getElementById('bigImageSource').value = update[1]; 
			document.getElementById('bigImageSource3D').value = update[2];
			document.getElementById('quali_control').innerHTML = update[3]; 
			document.getElementById('quali_check').value = update[31]; 
            document.getElementById('quali_control_int').innerHTML = update[31]; 			
			
			document.getElementById('motiv-details').innerHTML = update[4]; 
			document.getElementById('basket-color').value = update[14];
			
			document.getElementById('designer-bg-color').innerHTML = update[30];
			
			document.getElementById('designer-blanket').style.display = 'none';
			document.getElementById('gallery-blanket').style.display = 'none';
        	}       	
    	}
    }else{
    	document.getElementById('p_image').innerHTML = '<img src="img/loading.gif" >';
    	document.getElementById('p_image').style.background = '#FFFFFF';
		document.getElementById('designer-blanket').style.display = 'block';
    	document.getElementById('gallery-blanket').style.display = 'block';
    }
    
}

function Farbe (R, G, B) {
  this.R = R;
  this.G = G;
  this.B = B;
  this.hex = "#";
}