// Code from http://www.quirksmode.org/
var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOversMotif = new Array();
var mouseOutsMotif = new Array();
var motifPreviewImg = new Array();
var motifPreviewImgID = 'motifPreviewImg';
var popupMotifPreviewImg = new Array();
var popupMotifPreviewImgID = 'popupMotifPreviewImg';

//window.onload = motifPreviewInit;

function motifPreviewInit() {
   // var arrRoundedCorners = $("div.roundCorners");
   //Da das direkte Anwenden der Methode corner() auf das Ergebnis des obigen Query aus irgendeinem Grund nur das erste gefundene Element 
   //abrundet, muss durch das Array iteriert werden und jedes gefundene Element mit corner() abgerundet werden.
   
   //for(var i=0; i < arrRoundedCorners.length; i++){
   //   $('#' + arrRoundedCorners[i].id).corner();
   //}
   
   //if (!W3CDOM) return;
   preloadMotif();
   
   
   var navMotif = document.getElementById('popupMotifThumbnails');
   var imgsMotif = navMotif.getElementsByTagName('img');
   
   for (var i=0;i<imgsMotif.length;i++) {
      imgsMotif[i].onmouseover = mouseGoesOverMotif;
      imgsMotif[i].onmouseout = mouseGoesOutMotif;
      var suffix = imgsMotif[i].src.substring(imgsMotif[i].src.lastIndexOf('.'));
      mouseOutsMotif[i] = new Image();
      mouseOutsMotif[i].src = imgsMotif[i].src;
      mouseOversMotif[i] = new Image();
      //mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_act" + suffix;
      imgsMotif[i].number = i;
   }

} // End init

// We need to preload the images for the large product images.
// The file names come from the a hidden field in the template that is
// populated by the component class.

function preloadMotif() {
   
   hiddenImgFilesMotif = document.getElementById('popupMotifPreviewImgFiles');
    
   if(hiddenImgFilesMotif) {
      tmpString = hiddenImgFilesMotif.value;
      var tmpPopupMotifPreviewImgFiles = tmpString.split(",");
   
      popupMotifPreviewImg[0] = new Image();
      popupMotifPreviewImg[0].src = tmpPopupMotifPreviewImgFiles[0];
      popupMotifPreviewImg[1] = new Image();
      popupMotifPreviewImg[1].src = tmpPopupMotifPreviewImgFiles[1];
      popupMotifPreviewImg[2] = new Image();
      popupMotifPreviewImg[2].src = tmpPopupMotifPreviewImgFiles[2];
      popupMotifPreviewImg[3] = new Image();
      popupMotifPreviewImg[3].src = tmpPopupMotifPreviewImgFiles[3];
   }

}


function mouseGoesOverMotif() {
   //this.src = mouseOvers[this.number].src;
   
   if(document.getElementById(motifPreviewImgID)) {
      document.getElementById(motifPreviewImgID).src = motifPreviewImg[this.number].src;
   }
   
   if(document.getElementById(popupMotifPreviewImgID)) {
      document.getElementById(popupMotifPreviewImgID).src = popupMotifPreviewImg[this.number].src;
   }
   
   
} // End function mouseGoesOver


function mouseGoesOutMotif() {
   this.src = mouseOutsMotif[this.number].src;
   
} // End function mouseGoesOut

//loads motifDetails with ajax-content
 function showMotifLightbox(productId, motif, genericName) {
    xajax_DirectTypeEditorComponent_xShowMotifLightbox(productId, motif, genericName); 
 }   

function showMotifDetail(detail) {
   $('#popupMotifPanel').html(detail);
   var popup=new ClassDialog('popupMotifDetail',new Array({id:'popupMotifClose',returnValue:false}));  
   motifPreviewInit(); 
   
} // End function showMotifPreviewDetail


function checkDtName() {
	
	var dtName = $('#idDtName').value();
	if (dtName == "") return false;
	else return true;	

}

function checkCheckboxes(componentId) {
	
  var x=0;
  var og = document.forms['form_nc_' + componentId].elements['radio_pic_' + componentId];
    
  for(var i=0; i<og.length; i++){
    if(og[i].checked == true){
      x++;    
    }
  }

  if(x==0){
    $('#failureHint').css('color', '#f00');
    return false;
  }
  else{
    document.getElementById('form_nc_' + componentId).submit();
    return true;
  } 	
}