// JavaScript Document

$(function(){
	
	$('.werkstatt_steps a').click(function(){
		
		id = $(this).attr('id');
		
		
             if(id == "step1") {
			$('.werkstatt_steps').css('background-position','0px 0px');
			
			if( $('#step1_item').css('display') == "block") {
				$('#step1_item').fadeOut('fast',function() {
					$('#step0_item').fadeIn();
				});
			}
			
			if( $('#step2_item').css('display') == "block") {
				$('#step2_item').fadeOut('fast',function() {
					$('#step0_item').fadeIn();
				});
			}
			   $('#step_helper').val('0');   
                    
                    
                    $('#werk_fertig').fadeOut('fast',function(){
                       $('#werk_weiter').css('display','block');
                    });
			
			
		}
		if(id == "step2") {
			$('.werkstatt_steps').css('background-position','-326px 0px');
			
			if( $('#step0_item').css('display') == "block") {
				$('#step0_item').fadeOut('fast',function() {
					$('#step1_item').fadeIn();
				});
			}
			
			if( $('#step2_item').css('display') == "block") {
				$('#step2_item').fadeOut('fast',function() {
					$('#step1_item').fadeIn();
				});
			}
                        
                    $('#step_helper').val('1');   
                    
                    
                    $('#werk_fertig').fadeOut('fast',function(){
                       $('#werk_weiter').css('display','block');
                    });
			
			
			
		}
		if(id == "step3") {
			$('.werkstatt_steps').css('background-position','-652px 0px');
			
			
			if( $('#step0_item').css('display') == "block") {
				$('#step0_item').fadeOut('fast',function() {
					$('#step2_item').fadeIn();
				});
			}
			
			if( $('#step1_item').css('display') == "block") {
				$('#step1_item').fadeOut('fast',function() {
					$('#step2_item').fadeIn();
				});
			}
                         $('#werk_weiter').fadeOut('fast',function(){
                           $('#werk_fertig').css('display','block');
                        });
		}
		
		
		return false;	
	});
	
        
        $('.werkstatt_footer #werk_weiter').click(function() {
              
                if($('#step_helper').val() == "0") {
                    $('.werkstatt_steps').css('background-position','-326px 0px');
			
			$('#step0_item').fadeOut('fast',function() {
				$('#step1_item').fadeIn();
			});
			
			
			
                     $('#step_helper').val('1');   
                     return false;
                }
                
                if($('#step_helper').val() == "1") {
                    $('.werkstatt_steps').css('background-position','-652px 0px');
			$('#step1_item').fadeOut('fast',function() {
                            $('#step2_item').fadeIn();
			});
			$('#step_helper').val('2');   
                    
                    
                    $('#werk_weiter').fadeOut('fast',function(){
                       $('#werk_fertig').css('display','block');
                    });
                    
                    return false;
                }
               
                
        });
        
	$('.werkstatt_footer #werk_fertig').click(function() {
		
		werkstatt();
		return false;
	});
	
	//part1
	$('#step0_item #hg_choose0').change(function() {
		
		sCount = $('#step0_item #hg_choose0').find("option").length;
		for( i= 0; i <= sCount-1; i++) {
			$('#el0_'+i).css('display','none');
			if(i == sCount-1) {
				$('#el0_'+$('#step0_item #hg_choose0').val()).fadeIn('fast');
			}
		}
			
	});
	
	
	
	
	$('#step0_item img').click(function() {
		
		$('#workframe #background').remove();
		pfad = $(this).attr('src');
                
                neu = pfad.substring(0,pfad.length-10)+".png";
                
		$('<img src="'+neu+'" alt="Hintergrund" id="background" style="z-index:0; position:absolute;"/>').appendTo('#workframe');
		
		
	})
	
	//part2
	
	
	$('#step1_item #hg_choose1').change(function() {
		
		sCount = $('#step1_item #hg_choose1').find("option").length;
		for( i= 0; i <= sCount-1; i++) {
			$('#step1_item #el1_'+i).css('display','none');
			if(i == sCount-1) {
				$('#step1_item #el1_'+$('#step1_item #hg_choose1').val()).fadeIn('fast');
			}
		}
			
	});
	
	
	$('#step1_item img').click(function() {
		
		includiere_bilder(this);
		return false;
	});
	$('#step2_item img').click(function() {
		
		includiere_bilder(this);
		return false;
	});
	
	$('.subnav a').click(function(){
		
		div_parent_id = $(this).parent().parent().attr('id');
		temp = div_parent_id.split("");
		spez = temp[2];
		anz_div = $("#"+div_parent_id).find('div').length-1;
	
		wert = $(this).text()-1;
		
		
		for(i=0; i<= anz_div; i++) {
			$("#"+div_parent_id+' #part'+spez+'_'+i).css('display','none');	
		}
		
		
		$("#"+div_parent_id+' #part'+spez+'_'+wert).css('display','block');
		
		
		subnav_id = $(this).parent().attr('id');
		
		$('#'+subnav_id+' a').removeAttr('id');
		
		anz_links = $('#'+subnav_id).find('a').length;
		for(y = 1; y <=anz_links; y++) {
			if( y == $(this).text()) {
				$(this).attr('id','subnav_active');
			}
		}
		
		return false;
	});
	
	
	/* in galerie kopieren */
	
	
	$('#wk_galerie').click(function() {
		
		kopiere_bild();
		return false;	
	});
	
	
	$('.workcontrol #w_neu').click(function(){
		
		/*bilderanz = $('#workframe').find("img").length;
		alert(bilderanz);*/
		$('#workframe img').remove();
		return false;
		
	});
	
	$('.workcontrol #w_zurueck').click(function(){
		anz = $('#workframe').find("img").length;
		
		if( anz == 1 && $('#workframe img').attr('id') == "background") {
			$('#workframe #background').remove();
		} else {
			$('#workframe #bildelement_'+$('#workframe').find("img").length).remove();
		}
		
		return false;
	});
	
});


function includiere_bilder(bild) {
	bilder = $('#workframe').find("img").length;

		pfad = $(bild).attr('src');
		
                neu = pfad.substring(0,pfad.length-10)+".png";
                
		bild_neu = new Image();
		
		bild_neu.src = ""+neu+"";
		
		breite = bild_neu.width;
		hoehe = bild_neu.height;
		
		posx = (345/2)-(breite/2);
		posy = (478/2)-(hoehe/2);
		
                //posx = (breite/2);
                //posy = (hoehe/2);
                
		zIndex = bilder+1;
		id = "bildelement_"+zIndex;
		//$('#workframe').add('<img src="'+pfad+'" alt="Items" id="background" style="z-index:'+zIndex+';" />');
		$('<img src="'+neu+'" id="'+id+'" alt="Items" id="background" style="z-index:'+zIndex+'; position:absolute; margin-left:'+posx+'px; margin-top:'+posy+'px; " />').appendTo('#workframe');
		
		
		$("#"+id+"").draggable();
}


function lade_werkstatt() {
  alert("laden fertig");
   
   /*
      $.post("assets/templates/freude/scripts/werkstatt_lader.php", {},
                    function(data){
                     
                    zu_laden = data.split(',');
                   
                   
                   
                   
                   cache = 0;
                   
                   for(i=1; i<=zu_laden.length-1; i++){
                        var cacheImage = document.createElement('img');
                        cacheImage.src = zu_laden[i];
                        //cache.push(cacheImage); 
                      $(cacheImage).appendTo($('#werkstatt_cache'));
                      
                     
                      
                     
                   }
                   
                 
                 $('#loader').fadeOut('fast',function(){
                       $('#werkstart').fadeIn();
                       $('#werkstatt_cache').html("");
                                     
                  });	
                                 
                             
                  
                  
                  
                     
        });
             
    
    
    */
    
}

function testing_werkstatt() {
	 $('#loader').fadeOut('fast',function(){
                       $('#werkstart').fadeIn();
                       $('#werkstatt_cache').html("");
                                     
                  });
}



function werkstatt() {
	
	
	
	bilderanz = $('#workframe').find("img").length;
	if(bilderanz == 0) {
            alert("Sie haben kein Motiv generiert.");
        } else {
            
            $('#werkstart').fadeOut('fast',function() {
		$('#loader').fadeIn('fast');	
            });
            
            
            aBilder = new Array();
            
            bild = $('#workframe #background').attr('src');
            
            suche = bild.indexOf(".de");
            
            if(suche != "-1") {
                  temp = bild.substring(suche+4,bild.length);
                  bild = temp;
                  
            }
           
            
            aBilder[1] = new Array(""+bild+"","0","0");
            
            for(i=2; i <= bilderanz; i++) {
                
                    bild = $('#workframe #bildelement_'+i).attr('src');
                     suche = bild.indexOf(".de");
            
                    if(suche != "-1") {
                          temp = bild.substring(suche+4,bild.length);
                          bild = temp;
                          
                    }
                   
                
                    aBilder[i] = new Array( ""+bild+"",""+parseInt($('#workframe #bildelement_'+i).css('left'))+"",""+parseInt($('#workframe #bildelement_'+i).css('top'))+"");
                    
            }
           
        
           
            
            $.post("assets/templates/freude/scripts/baue_bild.php", {'bilder[]':[""+aBilder+""]},
                    function(data){
                     
                     $('#werkstatt_ergebnis').html(data);
                     $('#loader').fadeOut('fast',function(){
                             $('#werkstatt_ergebnis').fadeIn();
                     });	
                     
                     
             });
             
            
         
        
            
       }     
	
	
}

function kopiere_bild() {
	if( $('.ecard_dialog').css('display') == "block") {
		$('.ecard_dialog').fadeOut('fast');
	}
	
	bild = $('#werkstatt_result img').attr('src');
	
	$.ajax({
		   type: "POST",
		   url: "assets/templates/freude/scripts/kopiere_bild.php",
		   data: "bild="+bild,
			success: function(msg){
				
				 $('#kopieren_fertig').html(msg);
					 $('#kopieren_fertig').fadeIn();
			 
		   }
		 });
	
	return false;
}



function open_ecardform() {
    if( $('#kopieren_fertig').css('display') == "block" )  {
		$('#kopieren_fertig').fadeOut('fast');
	}
    $('.ecard_dialog').slideDown();
   
    return false;
}



function versende_ecard() {
    
	
    c = new Array('sendermail','reciever_mail');
    g = 0;
    for(i=0; i<=c.length-1; i++) {
            if( $('#'+c[i]).val() == "") {
                $('#'+c[i]).css('border','1px solid #ff0000');
                g++;
            }
    }
    
    if(g > 0) {
            return false;
    } else {
        $.ajax({
		 type: "POST",
		 url: "assets/templates/freude/scripts/versende_ecard.php",
		 data: $('#ecard_form').serialize()+"&karte="+$('#karte').val(),
                 success: function(msg){
			
                        
			$('.ecard_dialog').html(msg);
				 
		}
	 });
        
            return false;
    }
    
    
    
    
}