$.sitevars = {};
$.sitevars.divOnViewByGallery = null;

window.processGalleries = function() {
  $('.photogallery:not(.processed)').each(function() {
    var context = $(this),
        contLeft = $('.container-left', context),
        contRight = $('.container-right', context),
        remember;
    
    context.addClass('processed');
    
    context.prev('a:first').click(function(E){
      E.preventDefault();
      context.show();
      //context.css("z-index","40000");
      
      
      //var toClick=($('.gallery > img', context)[0].id);
      var toClick=((($('.gallery > img', context)[0] && $('.gallery > img', context)[0].id)?($('.gallery > img', context)[0].id):($('.related-prod > img', context)[0].id)));
      $('#'+toClick).click();
      
      
      //remember = $('.ul-wrap.active').hide()[0].id;
      if($('.ul-wrap.active')[0])
      {
        remember = $('.ul-wrap.active')[0].id;
        $('#'+remember).css("z-index","-10");
      }
      //$('#'+remember+" > div").css("z-index","-10");
      
      $.sitevars.divOnViewByGallery = remember;
      
      var scrollpane = $('.ayilu-scrollpane', context);
      
      if (scrollpane.outerHeight() > 0) {
        scrollpane.jScrollPane({
          showArrows: true,
          scrollbarWidth: 10,
          dragMaxHeight: 73,
          height: 150
        });;
      }
    });
    
    var gallery_title = context.parents('ul:first')
                               .prev('h2:first').clone()
                               .addClass('prev-title');
    
    var imgs = contLeft.find('img').click(function(E) {
      
      var idstr = new String(this.id);
      var id_p = idstr.substring(7,8); 
      
      var tmp_start_str_id = idstr.substring(7);
      id_p = tmp_start_str_id; 
      var first_minus_pos = tmp_start_str_id.search("-");  
      if(first_minus_pos && first_minus_pos != -1)
      {
        id_p = tmp_start_str_id.substring(0,first_minus_pos);
      }
      
      var str_pic_pos = idstr.search("pic");
      var current_img_index = 1;
      if(str_pic_pos && str_pic_pos != -1)
      {
        current_img_index = idstr.substring(parseInt(str_pic_pos)+3);
      }
      
      var product = getProductDataById(id_p,productsData);
      
      
      //imgs.removeClass('active');
      //var self = $(this).addClass('active');  
        
        
      imgs.removeClass('active');
      var self = $(this).addClass('active'),
          big = self.attr('data-big'),
          title = self.attr('data-title')
          author_img = self.attr('data-author-img'),
          author_name = self.attr('data-author-name'),
          dwg = self.attr('data-DWG'),
          file_scarica = self.attr('data-File-scarica'),
          sfoglia = self.attr('data-Sfoglia'),
          sfoglia_dim = self.attr('data-Sfoglia-dim'),
          prod_correlato_id = self.attr('data-prod-correlato-id'),
          prod_correlato_chk = self.attr('data-prod-correlato-chk');
          
          
      /*    
      var bigImage = $('<img />').attr({
        src: big,
        title: title
      });
      
      
      contRight.html('')
          .append(gallery_title)
          .append($('<h4 class=title-gallery />').text(title))
          .append(bigImage).append('<a class="" href="">Scheda prodotto</a><a class="" href="">Richiedi Informazioni</a>');
      
      */
      
      contRight.html('').append('<div style="margin: 180px 0 0 160px;"><img src="/commons/images/ajax-loader.gif"></div>');
      
          //str1 = '<div details details-vertical menu-toggle >'
          str1 = '<div  >'
//20110127               +'  <div style="padding-right:10px;width:101px;float:left;">            '
               +'  <div style="padding-right:13px;width:101px;float:left;">            '
               +'    <div style="height:200px; margin-top: -8px; margin-bottom: 8px;">              '
               //+'      <div style="border-bottom: 1px dashed #bababa;">              '
               +'           <h2 style="font-size:18px; margin-top: 6px; margin-bottom:0px; margin-left: 3px; '+((isIE8)?(' margin-top: 8px; '):( (lessIE8)?(' margin-top: 8px; margin-bottom: 9px; '):('') ))+' ">'+title+'</h2>              '
               +'   <div style="border-bottom: 1px dashed #bababa; margin-top: 5px; margin-bottom: 4px; width: 100px; height: 1px; margin-left: 3px;"></div>'
               +'      <ul class="lev-details">';
               
          if(dwg!=null && dwg!="") str1 +='                <li><a href="'+dwg+'" style="margin:0px;padding:0;float:none;background-color:#FFF;color:#000000;font-family:Verdana;font-size:11px;font-weight:normal;padding:2px 0 2px 4px;text-decoration:none;" >DWG/3DS</a></li>';
          
          str1 +='                <li><a href="#" id="print_link_app" target="print_iframe"  onclick="product_print_link(this.href); return false;"   style="margin:0px;padding:0;float:none;background-color:#FFF;color:#000000;font-family:Verdana;font-size:11px;font-weight:normal;padding:2px 0 2px 4px;text-decoration:none;" >Εκτύπωση</a></li>'
               +'                <li><a href="#" style="margin:0px;padding:0;float:none;background-color:#FFF;color:#000000;font-family:Verdana;font-size:11px;font-weight:normal;padding:2px 0 2px 4px;text-decoration:none;" >&nbsp;</a></li>'
               +'      </ul>'
               +'      <!--<div style="margin-top:10px;margin-left:5px;font-family:Times New Roman;font-size:11px;">Κατάλογος</div>-->';
          
          str1 +='      <div style="margin-top: 1px;">';
          
          if (file_scarica!=null && file_scarica!="") str1 +='      <div><a href="'+file_scarica+'" style="margin-top:10px;background:none repeat scroll 0 0 #BABABA;color:#FFFFFF;display:block;float:left;font-family:Verdana;font-size:12px;margin-left:3px;padding:0;text-align:center;text-decoration:none;width:66px;">λήψη</a></div>';
          
          if (sfoglia!=null && sfoglia!="") str1 +='      <div><a href="#" onclick="openSfogliaPopup(sfoglia,sfoglia_dim); return false;" style="margin-top:10px;background:none repeat scroll 0 0 #BABABA;color:#FFFFFF;display:block;float:left;font-family:Verdana;font-size:12px;margin-left:3px;padding:0;text-align:center;text-decoration:none;width:66px;" >Ξεφύλλισε</a></div>';
          
          str1 +='      </div>';
          
          //str1 +='      <div><a href="#"  style="margin-top:10px;background:none repeat scroll 0 0 #BABABA;color:#FFFFFF;display:block;float:left;font-family:Verdana;font-size:12px;margin-left:4px;padding:0;text-align:center;text-decoration:none;width:66px;" >Ξεφύλλισε</a></div>'
          str1 +='    </div>'
//20110127               +'    <div style="margin-top:0px;height:220px;"><table height="220" border="0" cellpadding="0" cellspacing="0" ><tr><td height="220" valign="bottom"><img src="'+author_img+'" alt="" width="99" height="99"/><p style="color:#000000;font-family:Times New Roman;font-size:12px;font-weight:normal;">'+author_name+'</p></td></tr></table></div>'
               +'    <div style="margin-top:-9px;height:220px; margin-top:-5px; margin-left: 3px; '+((isIE8)?(' margin-top: -7px; '):( (lessIE8)?(' margin-top: 11px; '):('') ))+' "><table height="220" border="0" cellpadding="0" cellspacing="0" ><tr><td height="220" valign="bottom"><p style="color:#000000;font-family:Times New Roman;font-size:12px;font-weight:normal; margin-bottom:2px;">'+author_name+'</p><img src="'+author_img+'" alt="" width="99" height="99"/></td></tr></table></div>'
               +'  </div>'
               +'  <div style="width:288px;float:left;margin-top:0px;">'
//20110127               +'    <div style="float:left;margin-top:0px;"><img src="'+big+'" alt="" width="295" height="425"/></div>'
               +'    <div style="float:left;margin-top:7px; margin-top:4px; margin-left:-7px; "><img src="'+big+'" alt="" width="313" height="417"/></div>'
               +'  </div>'
               +'</div>';      
      
//20110127          str2 ='<div class="top-block" style="height:312px;"><img src="'+big+'" alt="" width="409" height="307" /></div>'
          str2 ='<div class="top-block" style="height:312px; margin-top:7px;"><img src="'+big+'" alt="" width="417" height="313" /></div>'
//20110127               +'<div style="float:left;width:192px;">'
               +'<div style="float:left;width:192px; margin-top: -7px; '+((isIE8)?('margin-top: -5px;'):( (lessIE8)?('margin-top: -4px;'):('') ))+'  ">'
               +'  <h2 style="font-size:18px;margin-bottom:10px; margin-left: 1px; '+((isIE8)?(' margin-left: 0px; '):( (lessIE8)?(' margin-left: 0px; '):('') ))+' ">'+title+'</h2>'
               +'   <div style="border-bottom: 1px dashed #bababa; margin-top: -7px; margin-bottom: 6px; width: 135px; height: 1px; margin-left: 1px;"></div>'
               +'  <!--<span style="float:left;font-family:Times New Roman;font-size:11px;">&nbsp;&nbsp;Catalogo</span>-->'
          
          
//20110127               +'  <ul style="float:none;padding-top:5px;clear:both;">';
               +'  <ul style="float:none;padding-top:0px; padding-left: 10px; clear:both; margin-bottom: 22px; margin-left: -10px; '+((isIE8)?(' margin-bottom: 28px; '):( (lessIE8)?(' margin-bottom: 20px; '):('') ))+' ">';
         
//20110127         if(dwg!=null && dwg!="") str2 +='    <li><a style="float:none;color:#000000;font-family:Verdana;font-size:11px;font-weight:normal;padding:0;text-decoration:none;background:#FFF;" href="'+dwg+'">DWG/3DS</a></li>';
         if(dwg!=null && dwg!="") str2 +='    <li><a style="float:none;color:#000000;font-family:Verdana;font-size:11px;font-weight:normal;padding:0px 0px 0px 0px; margin: 0; text-decoration:none;background:#FFF;" href="'+dwg+'">DWG/3DS</a></li>';
         
//20110127         str2 +='    <li><a style="float:none;color:#000000;font-family:Verdana;font-size:11px;font-weight:normal;padding:0;text-decoration:none;background:#FFF;" href="#">Εκτύπωση</a></li>'
         str2 +='    <li><a style="float:none;color:#000000;font-family:Verdana;font-size:11px;font-weight:normal;padding:4px 0px 0px 0px; margin: 0; text-decoration:none;background:#FFF;" href="#"  id="print_link_app" target="print_iframe"  onclick="product_print_link(this.href); return false;"  >Εκτύπωση</a></li>'
               +'  </ul>';
          str2 +='   <div style="clear: both; float: left; margin-left: -3px;">';     
          if (file_scarica!=null && file_scarica!="") str2 +='  <a href="'+file_scarica+'" style="margin: 0;background:none repeat scroll 0 0 #BABABA;color:#FFFFFF;display:block;float:left;font-family:Verdana;font-size:12px;margin-left:3px;padding:0;text-align:center;text-decoration:none;width:66px;" >λήψη</a>';
          
          if (sfoglia!=null && sfoglia!="") str2 +='  <a href="#" onclick="openSfogliaPopup(sfoglia,sfoglia_dim); return false;"  style="margin: 0;background:none repeat scroll 0 0 #BABABA;color:#FFFFFF;display:block;float:left;font-family:Verdana;font-size:12px;margin-left:3px;padding:0;text-align:center;text-decoration:none;width:66px;" >Ξεφύλλισε</a>';
          
          //str2 +='  <a href="#" style="margin: 0;background:none repeat scroll 0 0 #BABABA;color:#FFFFFF;display:block;float:left;font-family:Verdana;font-size:12px;margin-left:3px;padding:0;text-align:center;text-decoration:none;width:66px;" >Ξεφύλλισε</a>'
          str2 +='    </div>'
               +'</div>'
//20110127               +'<div style="float:right;margin-top:16px;width:204px;"><table  height="100" width="205"  border="0" cellpadding="0" cellspacing="0" ><tr><td height="100" width="105" valign="bottom" align="right"><p style="margin:0 4px 0 0;color:#000000;font-family:Times New Roman;font-size:12px;font-weight:normal;">'+author_name+'</p></td><td  height="100" width="100"  valign="top"><img src="'+author_img+'" alt="" width="99" height="99"/></td></tr></table></div>';
               +'<div style="float:right;__margin-top:-1px; __margin-right: -3px; margin-top:5px; margin-right: 8px; width:204px; '+((isIE8)?(''):( (lessIE8)?('margin-top: 6px;'):('') ))+' "><table  height="100" width="205"  border="0" cellpadding="0" cellspacing="0" ><tr><td height="100" width="105" valign="top" align="right"><p style="margin:10px 4px 0 0;color:#000000;font-family:Times New Roman;font-size:12px;font-weight:normal;">'+((author_name && author_name != "undefined")?(author_name):("&nbsp;"))+'</p></td><td  height="100" width="100"  valign="top"><img src="'+author_img+'" alt="" width="99" height="99"/></td></tr></table></div>';      
      
      //var idstr = new String(this.id);

      if (idstr.indexOf('-v-')>0)
        contRight.html('').append(str1).css('margin-left','15px').css('margin-top','10px');
      else    
        contRight.html('').append(str2).css('margin-left','18px').css('margin-top','7px');
      
      if(prod_correlato_id && prod_correlato_id != "" && prod_correlato_id != "undefined")
      {
        $('#print_link_app').attr("href","/el/print/chk~"+prod_correlato_id+"_1_"+prod_correlato_chk);
      }
      else
      {
        $('#print_link_app').attr("href","/el/print/chk~"+id_p+"_"+current_img_index+"_"+product[10]);  
      }
      
      //console.log($('#print_link_app'),$('#print_link_app').attr("href"));
      
      return false;
    });
    
    
    $('.img-close', context).click(function() {
        if(remember && remember != "undefined") {
            if($('.lev3 a.active').length > 0) {
               var li_p = $('.lev3 a.active').parent();
               if(li_p[0].id == remember) $('#'+remember).css("z-index","+10");
               else {
                    $('.ul-wrap.active').css("z-index","+10");
                    $('#'+li_p[0].id).click();
               }  
            }
        }
        else { $('.details').hide(); }
        
        //$('.details').removeClass('noprint');
      
      context.hide();
    });
  });
};

processGalleries();