// JavaScript Document
$(document).ready(function() {



	var w = $("#MainPic").width();
	var h = $("#MainPic").height();
//	var l = $("#MainPic").left();
//	var t = $("#MainPic").top();
	
//	$("#Pic16_9").left(l);
//	$("#Pic16_9").top(t);

	var offset = $("#MainPic").offset();
	
	
	if (offset) {
		var l = offset.left;
		var t = offset.top;
		
		
		//var Prozent = (100 * 460 * 200) / (w * h);
		var Prozent = $("#img_prozent").val();
		
		//var n_w = (Prozent * w) / 100;
		//var n_h = (Prozent * h) / 100;
		//Prozent = (460 * 200 * 100) / (n_w * n_h);
		var n_w = (w-2);//(Prozent * w) / 100;
		var n_h = 111.11;//(Prozent * 200) / 100;
			
		//n_h = 200;
		//n_w = 360;
		
		
		
	

	//alert ("Prozent:"+Prozent + "\nn_w:" + n_w + "\nn_h:" + n_h+"\nw:"+w+"\nh:"+h);
	}
  
  $(".KontoMainPicHelp01").hover(
      function() {
  

	       $(".KontoMainPicHelp01").effect("transfer", { 
                to: "#MainPic" 
          }, 
          800
          ); 
      },
      function() { alert("so a scheiss"); }
  );


	
	var tp = $("#Pic16_9").css("top");
	var lp = $("#Pic16_9").css("left");
	
	//alert("left: "+lp);
	$("#Pic16_9").css({ width: n_w, height: n_h, border: "1px solid red"});

	$("#Pic16_9").draggable( {
		containment: "#MainPic"
	});
	
	$("#transparentbox").animate({ "opacity": "0.4" }, { "duration": "slow" } );
  
	$("#choplink").click(function() {
		var offset16 = $("#Pic16_9").offset();
		var l16 = offset16.left;
		var t16 = offset16.top;
		var Prozent = $("#img_prozent").val();
		
		l16 = l16 - l;
		t16 = t16 - t;
		
		
		
		var id = escape($(this).attr("name"));
    //alert("left: "+l16+" top: "+t16+" Prozent: "+Prozent+" id: "+id);

    //$("#KontoMainPicPreviewImg").attr("src", ajaxloader);
          //alert("drin");
        $.ajax({
              type: "POST",
             url: "./php/inc/cut.img.16_9.php",
             processData: true,
             data: "id="+id+"&x="+l16+"&y="+t16+"&prozent="+Prozent,
             beforeSend: function() {
                var offset = $("#KontoMainPicPreviewBox").offset();
                $("#KontoMainPicPreviewBox").append("<div id='AjaxLoader01' style='position:absolute; top:24px; left:20px; height:200px; width:360px; text-align:center; border:1px solid red;'><img style='vertical-align:middle; position:absolute; bottom:50%;' src='"+ajaxloader+"' /></div>")
             },
             success: function(data){
             //alert(data);
              $("#AjaxLoader01").remove(); 
        	     var MainPicBGImg = $("#MainPic").css("backgroundImage");
        	     
        	     var MPOrg = MainPicBGImg;
               var Suche = /(\S*)org_pic=(\S*)&B=(\S*)/;
               var Ergebnis = Suche.exec(MainPicBGImg);
               var Jetzt = new Date();
               var ms = Jetzt.getMilliseconds();
           
               if (Ergebnis) {
          	     MainPicBGImg = Ergebnis[2].replace(/(\.jpg|\.gif|\.png)/g, "_16_9$1?ms="+ms);
          	     //http://www.kbldev.debugelton.de/kbl/php/inc/dyn.img.php?org_pic=http://www.kbldev.debugelton.de/kbl/customer_pics/20100626-0001/A10083012/org/20100626-0001_a7d738d20d52bf818dd7e8bfaa46b9a4.jpg&B=200&H=276.59574468085&ImgFormat=Resize
          	    
                 MainPicBGImg = MainPicBGImg.replace(/(\/org\/)/g, "/hq/");
          	     
        	     }
        	     else MainPicBGImg = "./pics/konto/bilder/bg_konto_no_16_9.jpg";
          

        	     $("#KontoMainPicPreviewImg").attr("src", MainPicBGImg);
        	     //alert($("#KontoMainPicPreviewImg").attr("src"));
			         //alert("16:9 Format wurde erfolgreich erstellt.\nUnter der Vorschau-Funktion kannst Du es kontrolieren");
			         //alert(data);
             }
    });
    

	});
	
	
	
	
	
	$("#choplink").hover(
      function() {
          $("#transparentbox").animate({ "opacity": "0.9" }, { "duration": "fast" } );
      }, 
      function() {
          $("#transparentbox").animate({ "opacity": "0.4" }, { "duration": "fast" } );
      }
  );
	
	$("#transparentbox").hover(
      function() {
          $("#choplink").css({ "color": "red" });
      }, 
      function() {
          $("#choplink").css({ "color": "black" } );
      }
  );
	
	

	$("#Bildrechte").click(function(){

			if ($("#Bildrechte").attr("checked")) {
				$("#btnUploadPic").removeAttr("disabled");
			}
			else {
				$("#btnUploadPic").attr("disabled", "disabled")
			}
	});
	
	
	$("#KontoMainPicNaviRight, #KontoMainPicNaviLeft").click(function(){
	   var FoundSwitch = 0;
	   var BGColor = "";
	   var left = 0;
	   var top = 0;
	   var c = 0; //counter++
	   var Anzahl = $("#KontoPicGallery .PicGalleryPicBox").length;
	   var $div = $("#KontoPicGallery .PicGalleryPicBox");
	    
     var index = 0; 
     var BackForw = 0; // 0=Forward; 1=Backward
     //alert($(this).attr("id"));
     if ($(this).attr("id") == "KontoMainPicNaviLeft") BackForw = 1;
	//   $div.slice(2,3).css("background", "yellow");
	   
	   
	   $("#KontoPicGallery .PicGalleryPicBox").each(function (i) {

          if ($(this).css("backgroundColor") == "#a1c0ed" || 
              $(this).css("backgroundColor") == 'rgb(161,192,237)' ||
              $(this).css("backgroundColor") == "rgb(161, 192, 237)") 
              
          {
            index= c;
            $(this).css("backgroundColor","#ffffff")
          }
          c++;
    });
	   

     if (BackForw == 1) index-=2;
     var start = index+1;
     var end = index + 2;
     if (end == ($div.length+1)) {
      end = 1;//undefined;
      start = 0; 
     }
     
     
     
      
      if (end) {
        var $NewSelectedBox = $div.slice(start, end);   
        $div.slice(start, end).css("backgroundColor", "#a1c0ed");
      }   
      else {
        var $NewSelectedBox = $div.slice(start);
        $div.slice(start).css("backgroundColor", "#a1c0ed");
      }
 
      var PicPath = $NewSelectedBox.find(".PicGalleryPicIcon").attr("src");
      var Path = PicPath.split("/");
      var newPicPath = "";
      var newPicPathOrg = "";
      var Prozent = 0;
      
      
      
      for (var i = 0; i < Path.length; i++) {
                  if (Path[i] == "low") {
                    Path[i] = "hq";
                  }
                  newPicPath+= Path[i]+"/";
                  if (Path[i] == "hq") {
                    Path[i] = "org";
                  }
                  newPicPathOrg+= Path[i]+"/";
      }
      if (i>0) i--;

      if (newPicPathOrg.length > 0) newPicPathOrg = newPicPathOrg.substr(0, (newPicPathOrg.length)-1); 
      if (newPicPath.length > 0) newPicPath = newPicPath.substr(0, (newPicPath.length)-1);
    
      var tmp_pic_box = $("#KontoMainPicBox").html();
      
      $.ajax({
              type: "POST",
             url: "./php/inc/get.pic.info.php",
             processData: true,
             data: "PicPath="+newPicPathOrg+"&DynImg=1&B=200",
             beforeSend: function() {
                
                $("#KontoMainPicBox").append("<div id='AjaxLoader01' style='position:absolute; top:"+t+"px; left:"+l+"px; height:"+h+"px; width:"+w+"px; text-align:center;'><img style='vertical-align:middle; position:absolute; bottom:50%;' src='"+ajaxloader+"' /></div>")
             },
             success: function(data){
                if (data) {
                    $("#AjaxLoader01").remove();
                    data_j = data.split(":");
                    data = data_j[0];
                    Prozent = data_j[1];
                    var org_xy = data_j[2];
                    org_xy = org_xy.split("x");
                    
                    
                    $.get("http://" + document.domain + "/kbl/php/inc/get.x.y.16_9.pos.php?PicPath=../."+newPicPath, function(data16_9) {

                      data16_9 = data16_9.split("x");
                      data = data.split("x");
  
  				            left = data16_9[1] * Prozent / 100;
              				top = data16_9[0] * Prozent / 100;
                      //alert("top:"+top+" left:"+left+"\nProzent: "+Prozent+"\ndata16_9[0]: "+data16_9[0]+"\ndata16_9[1]: "+data16_9[1]);
                      var width=198;
                      var height = 111;
                      if (
                         (top == 0 && left == 0)
                         ) {
                          top = (data[0] - height)/2;
                      }
                      
                      $.get("http://" + document.domain + "/kbl/php/inc/main.pic.update.php?PicPath="+newPicPath);
                      
                      $("#Pic16_9").css({"top":top+"px","left":"0px","width":width+"px", "height":height+"px"});
                      $("#img_prozent").val(Prozent);
                      
                      $("#choplink").attr("name",Path[Path.length-1]);
                      $("#MainPic").css({"backgroundImage":"url(http://" + document.domain + "/kbl/php/inc/dyn.img.php?org_pic="+newPicPath+"&B=200&ImgFormat=Resize)", "height":data[0]+"px"});
                      $("#choplink").click();
                      
                    });
                  }  
             }
      });
      //$.get("http://" + document.domain + "/kbl/php/inc/get.pic.info.php?PicPath=../."+newPicPathOrg+"&DynImg=1&B=200", function(data) {
                    
      //  });

	});





  $(".DIVVisitenKartenBox").hover (
    function() {
      var PicStr = $(this).find("input").val();
      PicArr = PicStr.split(";");  
      //alert(PicArr.length);
      //funcChangePic($(this));
      PicObj = $(this).find("input").next("img");
      PicMain = $(PicObj).attr("src");
      if (PicArr.length > 1) {
        PreviewImgTimer = window.setInterval("funcChangePic()" , 1500);
      }
      $(this).find(".DIVVisitenKartenBoxTransparent, .DIVVisitenKartenBoxContent").animate({"height":"40px"}, 'slow');
      $(this).find(".DIVVisitenKartenBoxContent").find("div").fadeIn('slow');
      
    }, 
    function() {
      PreviewImgPos = 0;
      //PreviewImgTimer = null;
      window.clearInterval(PreviewImgTimer);
      $(PicObj).attr("src", PicMain);
      $(this).find(".DIVVisitenKartenBoxContent").find("div").fadeOut('slow');
      $(this).find(".DIVVisitenKartenBoxTransparent, .DIVVisitenKartenBoxContent").animate({"height":"20px"}, 'slow');
      
      
    }
  );


});


  var PreviewImgTimer;
  var PreviewImgPos = 0;
  var PicArr;
  var PicObj;
  var PicOrg;

function funcChangePic() {


      var PicPath = $(PicObj).attr("src");

      if ((PicArr.length-1) < PreviewImgPos) PreviewImgPos=0;
      else {
          if (PreviewImgPos == 0) PreviewImgPos = 1;
      }
      //else PreviewImgPos++;
      PicPath = PicPath.replace(/\/[a-zA-Z0-9_-]+\.jpg/gi, "/"+PicArr[PreviewImgPos]);  
      $(PicObj).animate({"opacity": "0.7"}, 600, function() { $(this).attr("src", PicPath).animate({"opacity": "1"}, 600); });
      PreviewImgPos++;

      
      //alert(PicPath+PicArr[PreviewImgPos]);
      //alert($(this).attr("src"));
      
      //$(obj).append(PreviewImgPos+" ");
      
}