{"id":556,"date":"2017-02-21T11:15:01","date_gmt":"2017-02-21T10:15:01","guid":{"rendered":"http:\/\/www.copyimpex.at\/?page_id=556"},"modified":"2021-05-31T14:50:51","modified_gmt":"2021-05-31T12:50:51","slug":"interaktive-displays","status":"publish","type":"page","link":"https:\/\/www.copyimpex.at\/?page_id=556","title":{"rendered":"Interaktive Displays"},"content":{"rendered":"<script>\r\n        var allowZooming;\r\n        var allowLightbox;\r\n            var for_zoom;\r\n            if(\"off\" == \"on\"){\r\n                for_zoom = \".for_zoom img, .thumbs-block img\";\r\n            }\r\n            else if(\"off\" == \"off\"){\r\n                for_zoom = \".for_zoom img\";\r\n            }\r\n            var view_num = 3;\r\n            \r\n            var catalogZoomType = \"window\";\r\n\t\tvar catalogWindowWidth = 300;\r\n\t\tvar catalogWindowHeight = 200;\r\n\t\tvar catalogWindowOffetx = 0;\r\n\t\tvar catalogWindowOffety = 200;\r\n\t\tvar catalogWindowPosition = 16;\r\n\t\tvar catalogBorderSize = 0;\r\n\t\tvar catalogBorderColour = \"#000\";\r\n\t\tvar catalogWindowFadeIn = 200;\r\n\t\tvar catalogWindowFadeOut = 200;\r\n\t\tvar catalogLensSize = 200;\r\n\r\n\t\tvar catalogLensFadeIn = 200;\r\n\t\tvar catalogLensFadeOut = 200;\r\n\t\tvar catalogZoomLens = false;\r\n\t\tvar catalogLensShape = \"square\";\r\n\t\tvar catalogLensColour = \"fff\";\r\n\t\tvar catalogLensOpacity = 40\/100;\r\n\t\tvar catalogCursor = \"crosshair\";\r\n                if(catalogZoomType != \"inner\") { var catalogScrollZoom = true; }\r\n                else{ var catalogScrollZoom = false; }\r\n                                                          \r\n\t\tvar catalogEasing = true;\r\n\r\n\t\tvar catalogTint = false;\r\n\t\tvar catalogTintColour = \"#fff\";\r\n\t\tvar catalogTintOpacity = 40\/100;\r\n\t\tvar catalogZoomTintFadeIn = 200;\r\n\t\tvar catalogZoomTintFadeOut = 200;\r\n\r\n\t\tvar catalogGallery = null;\r\n            \r\n            var lightbox_transition = 'elastic';\r\n            var lightbox_speed = 800;\r\n            var lightbox_fadeOut = 300;\r\n            var lightbox_title = false;\r\n            var lightbox_scalePhotos = true;\r\n            var lightbox_scrolling = false;\r\n            var lightbox_opacity = 0.201;\r\n            var lightbox_open = false;\r\n            var lightbox_returnFocus = true;\r\n            var lightbox_trapFocus = true;\r\n            var lightbox_fastIframe = true;\r\n            var lightbox_preloading = true;\r\n            var lightbox_overlayClose = true;\r\n            var lightbox_escKey = false;\r\n            var lightbox_arrowKey = false;\r\n            var lightbox_loop = true;\r\n            var lightbox_closeButton = false;\r\n            var lightbox_previous = \"previous\";\r\n            var lightbox_next = \"next\";\r\n            var lightbox_close = \"close\";\r\n            var lightbox_html = false;\r\n            var lightbox_photo = false;\r\n            var lightbox_width = 'false';\r\n            var lightbox_height = 'false';\r\n            var lightbox_innerWidth = 'false';\r\n            var lightbox_innerHeight = 'false';\r\n            var lightbox_initialWidth = '300';\r\n            var lightbox_initialHeight = '100';\r\n\r\n            var maxwidth=jQuery(window).width();\r\n            if(maxwidth>768){ maxwidth=768; }\r\n            var lightbox_maxWidth = maxwidth;\r\n            var lightbox_maxHeight = 500;\r\n\r\n            var lightbox_slideshow = false;\r\n            var lightbox_slideshowSpeed = 2500;\r\n            var lightbox_slideshowAuto = true;\r\n            var lightbox_slideshowStart = \"start slideshow\";\r\n            var lightbox_slideshowStop = \"stop slideshow\";\r\n            var lightbox_fixed = true;\r\n        \r\n        \r\n\t\t\tvar lightbox_top = false;\r\n\t\tvar lightbox_bottom = false;\r\n\t\tvar lightbox_left = false;\r\n\t\tvar lightbox_right = false;\r\n\t\t\r\n\tvar lightbox_reposition = false;\r\n\tvar lightbox_retinaImage = true;\r\n\tvar lightbox_retinaUrl = false;\r\n\tvar lightbox_retinaSuffix = \"@2x.$1\";\r\n    var disable_right_click = 'off' == 'on';\r\n\t\r\n\t\t\t\tjQuery(document).ready(function(){\r\n\r\n                                        var group_count = 0;\r\n                                        jQuery(\".catalog_ccolorbox_grouping_23\").each(function(){\r\n                                            group_count++;\r\n                                        });\r\n                                        var i;\r\n                                        for(i = 1; i <= group_count; i++){\r\n                                            jQuery(\".catalog_group\" + i + \"_23\").ccolorbox({rel:'catalog_group' + i + \"_23\"});\r\n                                        }\r\n\r\n                                        var catalog_slider_slides_count = 0;\r\n                                        jQuery(\".slider-content\").each(function(){\r\n                                            catalog_slider_slides_count++;\r\n                                        });\r\n                                        catalog_slider_slides_count = catalog_slider_slides_count - 1;\r\n                                        \r\n                                        for(i = 1; i <= catalog_slider_slides_count; i++){\r\n                                            jQuery(\".catalog_slider_group\" + i + \"_23\").ccolorbox({rel:'catalog_slider_group' + i + \"_23\"});\r\n                                            jQuery(\".clone .catalog_slider_group\" + i + \"_23\").removeClass(\"catalog_slider_group\" + i + \"_23\" + \" ccboxElement\");\r\n                                        }\r\n                                        \/\/alert(catalog_slider_slides_count);\r\n                                        \r\n                                        jQuery(\".callbacks\").ccolorbox({\r\n                                                onOpen:function(){ alert('onOpen: ccolorbox is about to open'); },\r\n                                                onLoad:function(){ alert('onLoad: ccolorbox has started to load the targeted content'); },\r\n                                                onComplete:function(){ alert('onComplete: ccolorbox has displayed the loaded content'); },\r\n                                                onCleanup:function(){ alert('onCleanup: ccolorbox has begun the close process'); },\r\n                                                onClosed:function(){ alert('onClosed: ccolorbox has completely closed'); }\r\n                                        });\r\n        \r\n                                        jQuery('.non-retina').ccolorbox({rel:'group5', transition:'none'})\r\n                                        jQuery('.retina').ccolorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\r\n        \t\t\t\t\r\n        \r\n                                        jQuery(\"#click\").click(function(){ \r\n                                                jQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\r\n                                                return false;\r\n                                        });\r\n                                });\r\n<\/script>\r\n<script>\r\nfunction HugeCatalogSearch_23(searchText,type,paginationType,view_obj) {\r\n\t\t\tvar existElements,data,query,group_count,i,max_count;\r\n\r\n                max_count = 1;\r\n\t\t\t\tdata = {};\r\n\t\t\t\tdata.type = type;\r\n\t\t\t\tdata.pagetype = paginationType;\r\n\t\t\t\tdata.text = searchText;\r\n\t\t\t\tjQuery.extend(data,view_obj);\r\n\t\t\t\t\r\n\t\t\t\tif(type == 'load') {\r\n\t\t\t\t\tjQuery('.load_more_elements_23').css({ \"display\" : \"none\" });\r\n\t\t\t\t\tjQuery('.catalog_load_block_23').find(\".load_more_loading_icon\").css({ \"display\" : \"\" });\r\n\t\t\t\t\texistElements = '('+getCurrentElementsId_23().toString()+')';\r\n\t\t\t\t\tdata.elements = existElements;\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tjQuery(\".catalog_load_block_23\").css('display','block');             \r\n\t\t\t\t\tjQuery('#huge_it_catalog_container_23').html('');\r\n\t\t\t\t}\r\n                \r\n\t\t\t\tjQuery.post(\"https:\/\/www.copyimpex.at\/wp-admin\/admin-ajax.php\", data, function(response) {\r\n\t\t\t\t\tresponse = JSON.parse(response);\r\n\t\t\t\t\t query = response.query;\r\n\t\t\t\t\t var morePopups = response.morePopups;\r\n\t\t\t\t\tresponse = response.moreImages;\r\n\t\t\t\t\tif(view_obj.show_popup_linkbutton) {\/\/when content popup\r\n\t\t\t\t\t\tjQuery(\"#huge_it_catalog_popup_list_23\").append(morePopups);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(type=='load') {\r\n\t\t\t\t\t\t if(!response) {\r\n\t\t\t\t\t\t\t jQuery(\".catalog_load_block_23\").css('display','none'); \r\n\t\t\t\t\t\t\t jQuery('#search_block_23 form > input').keyup();\r\n\t\t\t\t\t\t }\r\n\t\t\t\t\t\t jQuery(\"#huge_it_catalog_container_23\").append(response);\r\n                          jQuery(\"#huge_it_catalog_container_23 img\").load(function () {\r\n                                 if( getCurrentElementsId_23().length >=  max_count){\r\n                                        jQuery(\".catalog_load_block_23\").css('display','none');\r\n                                 }\r\n                                 else jQuery(\".catalog_load_block_23\").css('display','block');\r\n                          });\r\n                           setTimeout(function () {\r\n                                  if( jQuery(window).width() >= 600) {\r\n                                         jQuery('.main-image-block.not_for_zoom').hide();\r\n                                         jQuery('.main-image-block.for_zoom').show();\r\n                                  }\r\n                           },100);\r\n                           if(disable_right_click) {\r\n                                  jQuery('section[id^=\"huge_it_catalog_content_\"] img, ul[id^=\"huge_it_catalog_popup_list_\"] img, div[id^=\"main-slider_\"] img').bind('contextmenu', function () {\r\n                                         return false;\r\n                                  });\r\n                                  jQuery('#ccolorbox').bind('contextmenu', '#pcboxLoadedContent img', function () {\r\n                                         return false;\r\n                                  });\r\n                           }\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tif(response != '') {\r\n\t\t\t\t\t\t\tjQuery(\"#huge_it_catalog_container_23\").append(response);\r\n\t\t\t\t\t\t\tjQuery('#huge_it_catalog_content_23').find('#search_not_results_23').css('display','none');\t\t\r\n\t\t\t\t\t\t}\t\t\t\t\t\t\t\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\tjQuery('#huge_it_catalog_content_23').find('#search_not_results_23').css('display','block');\r\n\t\t\t\t\t\t\tjQuery(\".catalog_load_block_23\").css('display','none'); \r\n\t\t\t\t\t\t\tjQuery('#search_block_23 form > input').keyup();\r\n\t\t\t\t\t\t}\r\n\r\n                        if(disable_right_click) {\r\n                               jQuery('section[id^=\"huge_it_catalog_content_\"] img, ul[id^=\"huge_it_catalog_popup_list_\"] img, div[id^=\"main-slider_\"] img').bind('contextmenu', function () {\r\n                                      return false;\r\n                               });\r\n                               jQuery('#ccolorbox').bind('contextmenu', '#pcboxLoadedContent img', function () {\r\n                                      return false;\r\n                               });\r\n                        }\r\n\t\t\t\t\t}\r\n                        setTimeout(function(){\r\n                              jQuery(\"#huge_it_catalog_container_23\").hugeitmicro('reloadItems' ).hugeitmicro({ sortBy: 'original-order' }).hugeitmicro( 'reLayout' );\r\n                              jQuery(\".load_more_elements_23\").css({ \"display\" : \"\" });\r\n                              jQuery(\".load_more_elements_23\").parent().find(\".load_more_loading_icon\").css({ \"display\" : \"none\" });\r\n                       }, 100);\r\n\t\t\t\t\t\tif(data.allow_lightbox == \"on\") {\r\n                               setccolorboxGrouping();\r\n                               group_count = getCurrentElementsId_23().length;\r\n\r\n                               for(i = 0; i <= group_count; i++){\r\n                                      jQuery(\".catalog_group\" + i + \"_23\").ccolorbox({rel:'catalog_group' + i + \"_23\"});\r\n                               }\r\n                               for(i = 0; i <= group_count; i++){\r\n                                      jQuery(\".catalog_group_not_for_zoom\" + i + \"_23\").ccolorbox({rel:'catalog_group_not_for_zoom' + i + \"_23\"});\r\n                               }\r\n\t\t\t\t\t\t}\r\n                        zoom_resize();               \/\/      CALLING ELEVATEZOOM \r\n\t\t\t\t\t\t\r\n                });\r\n };\r\n  function getCurrentElementsId_23() {\r\n\t var ExistElementsArray = [];\r\n\t jQuery('#huge_it_catalog_container_23 .element_23').each(function(){\r\n\t\t ExistElementsArray.push(jQuery(this).attr('data-element-id'));\r\n\t });\r\n\t return ExistElementsArray;\r\n }\r\n \r\n function setccolorboxGrouping() {\r\n\t var i = 0;\r\n\t jQuery('#huge_it_catalog_container_23 .element_23').each(function(){\r\n\t\t jQuery(this).find('img').parent('a').not('.not_for_zoom_class').removeClass().addClass('catalog_group'+i+'_'+23);\r\n\t\t i++;\r\n\t });\r\n }\r\n \r\n\/****<calling events for loading elements> ***\/\r\n \r\n\tjQuery(function(){\r\n\t\tif('off' == 'on') {\r\n\r\n\t\t\tjQuery('#search_block_23 > form').submit(function(event){\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tjQuery('#search_block_23 form > input').keyup();\r\n\t\t\t\tvar searchText = jQuery(this).find('input').val();\r\n\t\t\t\tHugeCatalogSearch_23(searchText,'search','show_all',$ob_23);\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tjQuery('#search_block_23 form > input').on('keyup',function(event){\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\t(jQuery(this).val() != '')?jQuery(this).next().css('display','block'):jQuery(this).next().css('display','none');\r\n\t\t\t});\t\r\n\t\t\tjQuery('#search_block_23 form > input+div').on('click',function(event){\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\t(jQuery(this).prev().val(''))&&(jQuery(this).prev().attr('placeholder','Search products...'));\r\n\t\t\t\tjQuery(this).css('display','none');\r\n\t\t\t\tHugeCatalogSearch_23('','search','show_all',$ob_23);\r\n\t\t\t\tjQuery('#huge_it_catalog_content_23').find('#search_not_results_23').css('display','none');\t\t\t\t\r\n\t\t\t});\t\t\t\t\r\n\t\t\tjQuery('.show_all_23').click(function(){\t\t\t\t\t\t\r\n\t\t\t\tjQuery('#search_items_23').find('#search_block_23 form > input').val('');\r\n\t\t\t\tjQuery(this).css('display','none');\r\n\t\t\t\tHugeCatalogSearch_23('','show_all','show_all',$ob_23);\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t});\r\n\t\t\t\r\n\t\t}\r\n\t\t\t\t\/*        <!--     VIEW 0 LOAD MORE CLICK          *\/\r\n\t\t\t\t\r\n\t\tjQuery(\".load_more_elements_23\").click(function(){\r\n\t\t\tjQuery('#search_block_23 form > input').keyup();\r\n\t\t\tvar searchText = jQuery(this).parents('#huge_it_catalog_content_23').find('#search_block_23 form > input').val();\r\n\t\t\tsearchText||(searchText='');\r\n\t\t\tHugeCatalogSearch_23(searchText,'load','show_all',$ob_23);\r\n\t\t\treturn false;                            \r\n\t\t});\t\r\n\t});\r\n\r\n\/****<\/calling events for loading elements> ***\/\r\n<\/script>\r\n\t<!--Huge IT catalog START-->\r\n\t\t<link href=\"https:\/\/www.copyimpex.at\/wp-content\/plugins\/product-catalog\/Front_end\/..\/style\/colorbox-1.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\r\n\t\t\r\n\t\r\n\t\t\r\n\t\r\n\t\r\n\t\r\n\r\n\t\r\n\r\n<style type=\"text\/css\">\r\n\r\n\/*.zoomLens {\r\n    width: 100px !important;\r\n    height: 100px !important;*\/\r\n\/*}*\/\r\n\r\n.element_23 {\r\n\tposition: relative;\r\n\twidth:93%; \r\n\tmargin:5px 0px 5px 0px;\r\n\tpadding:2%;\r\n\tclear:both;\r\n\toverflow: hidden;\r\n\tborder:1px solid #dedede;\r\n\tbackground:#f9f9f9;\r\n}\r\n\r\n.element_23 > div {\r\n\tdisplay:table-cell;\r\n}\r\n\r\n.element_23 div.left-block_23 {\r\n\tpadding-right:10px;\r\n}\r\n\r\n.element_23 div.left-block_23 .main-image-block_23 {\r\n\tclear:both;\r\n\twidth:240px; \r\n}\r\n\r\n.element_23 div.left-block_23 .main-image-block_23 img {\r\n\tmargin:0px !important;\r\n\tpadding:0px !important;\r\n\twidth:240px !important; \r\n\theight:auto;\r\n}\r\n\r\n.element_23 div.left-block_23 .thumbs-block {\r\n\tposition:relative;\r\n\tmargin-top:10px;\r\n}\r\n\r\n.element_23 div.left-block_23 .thumbs-block ul {\r\n\twidth:240px; \r\n\theight:auto;\r\n\tdisplay:table;\r\n\tmargin:0px;\r\n\tpadding:0px;\r\n\tlist-style:none;\r\n}\r\n\r\n.element_23 div.left-block_23 .thumbs-block ul li {\r\n\tmargin:0px 3px 5px 2px;\r\n\tpadding:0px;\r\n\twidth:75px; \r\n\theight:75px; \r\n\tfloat:left;\r\n}\r\n\r\n.element_23 div.left-block_23 .thumbs-block ul li a {\r\n\tdisplay:block;\r\n\twidth:75px; \r\n\theight:75px; \r\n}\r\n\r\n.element_23 div.left-block_23 .thumbs-block ul li a img {\r\n\tmargin:0px !important;\r\n\tpadding:0px !important;\r\n\twidth:75px; \r\n\theight:75px; \r\n}\r\n\r\n.element_23 div.right-block {\r\n\tvertical-align:top;\r\n}\r\n\r\n.element_23 div.right-block > div {\r\n\twidth:100%;\r\n\tpadding-bottom:10px;\r\n\tmargin-top:10px;\r\n\t\t\tbackground:url('https:\/\/www.copyimpex.at\/wp-content\/plugins\/product-catalog\/Front_end\/..\/images\/divider.line.png') center bottom repeat-x;\r\n\t\t\r\n}\r\n\r\n.element_23 div.right-block > div:last-child {\r\n\tbackground:none;\r\n}\r\n\r\n.element_23 div.right-block .title-block_23  {\r\n\tmargin-top:3px;\r\n}\r\n\r\n.element_23 div.right-block .title-block_23 h3 {\r\n\tmargin:0px;\r\n\tpadding:0px;\r\n\tfont-weight:normal;\r\n\tfont-size:18px !important;\r\n\tline-height:22px !important;\r\n\tcolor:#0074a2;\r\n}\r\n\r\n.element_23 div.right-block .description-block_23 p,.element_23 div.right-block .description-block_23 {\r\n\tmargin:0px;\r\n\tpadding:0px;\r\n\tfont-weight:normal;\r\n\tfont-size:14px;\r\n\tcolor:#555555;\r\n}\r\n\r\n\r\n.element_23 div.right-block .description-block_23 h1,\r\n.element_23 div.right-block .description-block_23 h2,\r\n.element_23 div.right-block .description-block_23 h3,\r\n.element_23 div.right-block .description-block_23 h4,\r\n.element_23 div.right-block .description-block_23 h5,\r\n.element_23 div.right-block .description-block_23 h6,\r\n.element_23 div.right-block .description-block_23 p, \r\n.element_23 div.right-block .description-block_23 strong,\r\n.element_23 div.right-block .description-block_23 span {\r\n\tpadding:2px !important;\r\n\tmargin:0px !important;\r\n}\r\n\r\n.element_23 div.right-block .description-block_23 ul,\r\n.element_23 div.right-block .description-block_23 li {\r\n\tpadding:2px 0px 2px 5px;\r\n\tmargin:0px 0px 0px 8px;\r\n}\r\n\r\n.element_23 div.right-block .price-block_23 {\r\n    color: #0074a2;\r\n}\r\n\r\n.element_23 div.right-block .old-price {\r\n\ttext-decoration: line-through;\r\n        margin: 0px;\r\n        padding: 0px;\r\n        font-weight: normal;\r\n        font-size: 15px;\r\n        padding: 7px 10px 7px 10px;\r\n        margin: 0px 10px 0px 0px;\r\n        border-radius: 5px;\r\n        color: #f9f9f9;\r\n        background: #0074a2;\r\n}\r\n\r\n.element_23 div.right-block .old-price-block {\r\n\r\n}\r\n\r\n.element_23 div.right-block .discont-price-block {\r\n\r\n}\r\n\r\n.element_23 .button-block {\r\n\tposition:relative;\r\n}\r\n\r\n.element_23 div.right-block .button-block a,.element_23 div.right-block .button-block a:link,.element_23 div.right-block .button-block a:visited {\r\n\tposition:relative;\r\n\tdisplay:inline-block;\r\n\tpadding:6px 12px;\r\n\tbackground:#2ea2cd;\r\n\tcolor:#ffffff;\r\n\tfont-size:14;\r\n\ttext-decoration:none;\r\n}\r\n\r\n.element_23 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.element_23 div.right-block .button-block a:active {\r\n\tbackground:#0074a2;\r\n\tcolor:#ffffff;\r\n}\r\n\r\n\r\n\r\n@media only screen and (max-width: 767px) {\r\n\t\r\n\t.element_23 > div {\r\n\t\tdisplay:block;\r\n\t\twidth:100%;\r\n\t\tclear:both;\r\n\t}\r\n\r\n\t.element_23 div.left-block_23 {\r\n\t\tpadding-right:0px;\r\n\t}\r\n\r\n\t.element_23 div.left-block_23 .main-image-block_23 {\r\n\t\tclear:both;\r\n\t\twidth:100%; \r\n\t}\r\n\r\n\t.element_23 div.left-block_23 .thumbs-block ul {\r\n\t\twidth:100%; \r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n       .element_23 div.left-block_23 .main-image-block_23 img {\r\n              margin: 0px !important;\r\n              padding: 0px !important;\r\n              width: 100% !important;\r\n              height: auto;\r\n       }\r\n}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_options_23 {\r\n        overflow: hidden;\r\n    margin-top: 5px;\r\n    float: none;\r\n    width: 100%;\r\n}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_options_23 ul {\r\n  margin: 0px !important;\r\n  padding: 0px !important;\r\n  list-style: none;\r\n}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_filters_23 ul {\r\n  margin: 0px !important;\r\n  padding: 0px !important;\r\n  overflow: hidden;\r\n  }\r\n\r\n            #huge_it_catalog_content_23 #huge_it_catalog_options_23 ul {\r\n                float: left;\r\n            }\r\n    \r\n#huge_it_catalog_content_23 #huge_it_catalog_options_23 ul li {\r\n    border-radius: 3pxpx;\r\n    list-style-type: none;\r\n    margin: 0px !important;\r\n    float:left !important;margin: 4px 8px 4px 0px !important;float:left !important;border: 1px solid #ccc;}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_options_23 ul li a {\r\n    background-color: ##fff !important;\r\n    font-size:12pxpx !important;\r\n    color:##000 !important;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    margin: 0px !important;\r\n    display: block;\r\n    padding:3px;\r\n}\r\n\r\n\/*#huge_it_catalog_content_23 #huge_it_catalog_options_23 ul li:hover {\r\n    \r\n}*\/\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_options_23 ul li a:hover {\r\n    background-color: ##fff !important;\r\n    color:##000 !important;\r\n    cursor: pointer;\r\n}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_filters_23 {\r\n    margin-top: 5px;\r\n    float: none;\r\n   width: 100%;\r\n    }\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_filters_23 ul li {\r\n    list-style-type: none;\r\n    float:left !important;margin: 4px 8px 4px 0px !important;float:left !important;border: 1px solid #ccc;}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_filters_23 ul li a {\r\n    font-size:12pxpx !important;\r\n    color:##000 !important;\r\n    background-color: ##fff !important;\r\n    border-radius: 3pxpx;\r\n    padding: 3px;\r\n    display: block;\r\n    text-decoration: none;\r\n}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_filters_23  ul li a:hover {\r\n    color:##000 !important;\r\n    background-color: ##fff !important;\r\n    cursor: pointer;\r\n}\r\n\r\n#huge_it_catalog_content_23 section {\r\n    position:relative;\r\n    display:block;\r\n}\r\n\r\n#huge_it_catalog_content_23 #huge_it_catalog_container_23 {\r\n\r\n    }\r\n\r\n.catalog_pagination_block_23{\r\n    \/*text-align: center;*\/\r\n    padding: 20px 0px;\r\n    margin: 16px 0px 35px 0px;\r\n}\r\n.catalog_pagination_23{\r\n    text-align: center;\r\n    \/*display: inline-block;*\/\r\n    \/*height: 50px;*\/\r\n\/*    border: 1px solid #dadada;\r\n    border-radius: 6px;*\/\r\n}\r\n.catalog_pagination_23 a, .catalog_pagination_23 span{\r\n    color: #515151;\r\n    font-size: 20px;\r\n    text-decoration: none;\r\n    text-align: center;\r\n\/*    width: 48px;\r\n    height: 48px;*\/\r\n    \/*display: inline-block;*\/\r\n    \/*float: left;*\/\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n.catalog_pagination_23 .pagination-text{\r\n    \/*float: left;*\/\r\n    color: #000;\r\n    font-size: 22px;\r\n    \/*font-weight: bold;*\/\r\n    padding: 12px 0px;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    \/*display: inline-block;*\/\r\n\/*    width: 180px;\r\n    height: 48px;*\/\r\n    \/*background-color: #fff;*\/\r\n}\r\n@media only screen and (max-width:500px) {\r\n\t.catalog_pagination_23 .pagination-text{\r\n            font-size: 16px !important;\r\n            width: 120px !important;\r\n\t}\r\n        .catalog_pagination_block_23{\r\n            text-align: left;\r\n        }\r\n}\r\n.catalog_pagination_23 a{\r\n    text-align: center;\r\n    position: relative;\r\n    margin-right: 5px;\r\n    \r\n}\r\n.catalog_pagination_23 a i{\r\n    font-size: 22px;\r\n    color: #000;\r\n}\r\n.catalog_pagination_23 .go-to-first{\r\n    font-size: 10px !important;\r\n}\r\n.catalog_pagination_23 .go-to-first-passive{\r\n    font-size: 10px !important;\r\n}\r\n\r\n.catalog_pagination_23 .go-to-previous{\r\n    font-size: 10px !important;\r\n}\r\n.catalog_pagination_23 .go-to-previous-passive{\r\n}\r\n\r\n.catalog_pagination_23 .go-to-last{\r\n    font-size: 10px !important;\r\n}\r\n.catalog_pagination_23 .go-to-last-passive{\r\n    font-size: 10px !important;\r\n}\r\n\r\n.catalog_pagination_23 .go-to-next{\r\n    font-size: 10px !important;\r\n}\r\n.catalog_pagination_23 .go-to-next-passive{\r\n    font-size: 10px !important;\r\n}\r\n\r\n.zoomContainer {\r\n    z-index: 10;\r\n}\r\n.catalog_load_block_23{\r\n    margin: 35px 0px;\r\n}\r\n.catalog_load_23{\r\n    text-align: center;\r\n}\r\n.catalog_load_23 a{\r\n    text-decoration: none;\r\n    \/*width: 100%;*\/\r\n    border-radius: 5px;\r\n    display: inline-block;\r\n    padding: 5px 15px;\r\n    font-size: 20px !important;\r\n    color: #F2F2F2 !important;\r\n    background: #A1A1A1 !important;\r\n    cursor: pointer;\r\n}\r\n.catalog_load_23 a:hover{\r\n    color: #FFFFFF !important;\r\n    background: #A1A1A1 !important;\r\n}\r\n.catalog_load_23 a:focus{\r\n    outline: none;\r\n}\r\n\/*<add search>*\/\r\n#search_block_23 {\r\n\ttext-align: left;\t\r\n\tmargin: 5px;\r\n}\r\n#search_block_23 > form {\r\n\tposition: relative;\r\n\theight: 36px;\r\n\tdisplay: inline-block;\r\n\twidth: 94%;\r\n\toverflow: hidden;\r\n\tborder-radius: 0px;\r\n\tborder: 1px solid #dedede;\t\r\n}\r\n#search_block_23 > form > input {\r\n\twidth: 100%;\r\n\theight: 36px;\t\t\r\n\tdisplay: block;\t\r\n\tposition: absolute;\r\n\tpadding:5px 10px;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tborder: none;\r\n\tcolor: #272717;\r\n\tbackground: #FFFFFF;\r\n       margin: 0;\r\n} \r\n#search_block_23 > form > input + div {\r\n\tdisplay: inline-block;\r\n\tcolor: #6EBFDC;\r\n    position: absolute;\r\n\tdisplay: none;\r\n    cursor: pointer;\r\n    height: calc(100% - 2px);\r\n    top: 1px;\r\n    width: 6%;\r\n    right: 20%;\r\n    text-align: center;\r\n    font-size: 20px;\r\n\tbackground: #FFFFFF;\t\r\n}\r\n#search_block_23 > form:hover > input + div {\r\n\tdisplay: block;\r\n}\r\n#search_block_23 > form > input:blur + div {\r\n\tdisplay: none;\r\n}\r\n#search_block_23 > form > #search_button_23 {\r\n\twidth: 20%;\r\n\theight: 36px;\t\t\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tpadding:0 10px 5px;\r\n\ttop: 0;\r\n\tright: 0%;\t\r\n\tborder-top-right-radius: 0px;\r\n\tborder: 0;\r\n\tbackground: #6EBFDC;\r\n\tcolor: #ffffff;\r\n    margin: 0;\r\n} \r\n\r\n#search_block_23 > form > #search_button_23:hover {\r\n\tbackground: #718B94;\r\n} \r\n#search_not_results_23 {\r\n\twidth: 100%;\r\n\theight: 40px;\r\n\tbackground: #F1F1F1;\r\n\tcolor: #A49999;\r\n\tborder-radius: 5px;\r\n\tborder: 2px solid #E1E3DF;\r\n\ttext-align: center;\r\n\tdisplay: none;\t\r\n}\r\n#search_not_results_23 > span {\r\n\tpadding: 0;\r\n\tmargin: 0;\t\r\n\tline-height: 36px;\r\n\tfont-size: 14px;\t\r\n}\r\n\/*<\/add search>*\/\r\n<\/style>\r\n      \r\n<section id=\"huge_it_catalog_content_23\" class=\"product-catalog-content\">\r\n    \t\t\r\n        <div id=\"huge_it_catalog_container_23\" class=\"super-list variable-sizes clearfix\" >\r\n                                    <div class=\"element_23 catalog_ccolorbox_grouping_23 \" data-element-id=\"93\" data-symbol=\"Promethean ActivPanel\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_23\">\r\n                                      <div class=\"main-image-block_23 main-image-block for_zoom\">\r\n                                                                                                     <a href=\"http:\/\/www.copyimpex.at\/wp-content\/uploads\/2021\/05\/AP7-TI-3.jpg\" class=\"catalog_group1_23\"  >\r\n                                                              <img decoding=\"async\" id=\"wd-cl-img0\" src=\"http:\/\/www.copyimpex.at\/wp-content\/uploads\/2021\/05\/AP7-TI-3.jpg\" \/>\r\n                                                          <\/a>\r\n                                                                                                                        <\/div>\r\n                                     <div class=\"main-image-block_23 main-image-block not_for_zoom\">\r\n                                                                                                      <a href=\"http:\/\/www.copyimpex.at\/wp-content\/uploads\/2021\/05\/AP7-TI-3.jpg\" class=\"not_for_zoom_class catalog_group_not_for_zoom1_23\"  >\r\n                                                                 <img decoding=\"async\" id=\"wd-cl-img0\" src=\"http:\/\/www.copyimpex.at\/wp-content\/uploads\/2021\/05\/AP7-TI-3.jpg\" \/>\r\n                                                          <\/a>\r\n                                                                                                                                    <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                        <ul class=\"thumbs-list_23\">\t\t\t\t\t\r\n                                                                                                <\/ul>\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_23\"><h3>Promethean ActivPanel<\/h3><\/div>                                                                          <div class=\"description-block_23\"><p>Die digitalen Tafeln der ActivPanel Element Serie basieren auf dem Zusammenspiel interaktive Displays mit der dazugeh\u00f6rigen Unterrichtssoftware. Die interaktiven Tafeln von Promethean werden \u00fcber den Digitalpakt gef\u00f6rdert. LehrerInnen sollen damit den Unterricht smarter und interaktiver gestalten k\u00f6nnen. So k\u00f6nnen Unterrichtsmaterialien und Tafelbilder mithilfe der Software optimal genutzt werden. Gleichzeitig sollen Sch\u00fclerInnen durch den Einsatz von digitalen Mitteln zum Mitmachen in der Schule ermuntert werden.<\/p><\/div>\r\n                                                                                                            \r\n                                                                            \r\n                                                                                <div class=\"button-block\">\r\n                                                  <a href=\"https:\/\/www.prometheanworld.com\/de\/produkte\/interaktive-displays\/\"  target=\"_blank\">Brosch\u00fcre downloaden<\/a>\r\n                                          <\/div>\r\n                                                                    <\/div>\r\n                      <\/div>\r\n\r\n          \r\n        <\/div>\r\n    \r\n        \r\n <\/section>\r\n  \r\n<script>\r\n\r\n\/***<object for ajax add search> ***\/\r\n\r\nvar $ob_23 = {\r\n                        action: 'my_action',\r\n                        post: 'load_more_elements_into_catalog',\r\n                        view: 3,\r\n                        catalog_id: 23,\r\n                        count_into_page: 1,\r\n                        allow_lightbox: \"on\",\r\n                        show_thumbs: \"on\",\r\n                        show_description: \"on\",\r\n                        show_price: \"on\",\r\n                        show_linkbutton: \"on\",\r\n                        price_text: \"Price\",\r\n                        linkbutton_text: \"Brosch\u00fcre downloaden\",\r\n                        parmalink: \"https:\/\/www.copyimpex.at\/?page_id=556\",\r\n                        thumbs_position: \"useLess\",\r\n                        show_popup_title: \"useLess\",\r\n                       \/\/ show_popup_linkbutton: \"useLess\"\r\n};\r\n\r\n\/***<\/object for ajax add search > ***\/\r\n\r\n\r\n    var allowZooming = 'on';\r\njQuery(function(){  \r\n    var defaultBlockWidth=240;\r\n    \r\n    var $container = jQuery('#huge_it_catalog_container_23');\r\n    \r\n    \r\n      \/\/ add randomish size classes\r\n      $container.find('.element_23').each(function(){\r\n        var $this = jQuery(this),\r\n            number = parseInt( $this.find('.number').text(), 10 );\r\n\t\t\t\/\/alert(number);\r\n        if ( number % 7 % 2 === 1 ) {\r\n          $this.addClass('width2');\r\n        }\r\n        if ( number % 3 === 0 ) {\r\n          $this.addClass('height2');\r\n        }\r\n      });\r\n    \r\n    $container.hugeitmicro({\r\n      itemSelector : '.element_23',\r\n      masonry : {\r\n        columnWidth : 240+20+2      },\r\n      masonryHorizontal : {\r\n        rowHeight: 300+20\r\n      },\r\n      cellsByRow : {\r\n        columnWidth : 300+20,\r\n        rowHeight : 240\r\n      },\r\n      cellsByColumn : {\r\n        columnWidth : 300+20,\r\n        rowHeight : 240\r\n      },\r\n      getSortData : {\r\n        symbol : function( $elem ) {\r\n          return $elem.attr('data-symbol');\r\n        },\r\n        category : function( $elem ) {\r\n          return $elem.attr('data-category');\r\n        },\r\n        number : function( $elem ) {\r\n          return parseInt( $elem.find('.number').text(), 10 );\r\n        },\r\n        weight : function( $elem ) {\r\n          return parseFloat( $elem.find('.weight').text().replace( \/[\\(\\)]\/g, '') );\r\n        },\r\n        id : function ( $elem ) {\r\n          return $elem.find('.id').text();\r\n        }\r\n      }\r\n    });\r\n    \r\n    \r\n      var $optionSets = jQuery('#huge_it_catalog_options_23 .option-set'),\r\n          $optionLinks = $optionSets.find('a');\r\n\r\n      $optionLinks.click(function(){\r\n        var $this = jQuery(this);\r\n\r\n        if ( $this.hasClass('selected') ) {\r\n          return false;\r\n        }\r\n        var $optionSet = $this.parents('.option-set');\r\n        $optionSet.find('.selected').removeClass('selected');\r\n        $this.addClass('selected');\r\n  \r\n\r\n        var options = {},\r\n            key = $optionSet.attr('data-option-key'),\r\n            value = $this.attr('data-option-value');\r\n\r\n        value = value === 'false' ? false : value;\r\n        options[ key ] = value;\r\n        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {\r\n\r\n          changeLayoutMode( $this, options )\r\n        } else {\r\n\r\n          $container.hugeitmicro( options );\r\n        }\r\n        \r\n        return false;\r\n      });\r\n\r\n\r\n    \r\n\r\n      var isHorizontal = false;\r\n      function changeLayoutMode( $link, options ) {\r\n        var wasHorizontal = isHorizontal;\r\n        isHorizontal = $link.hasClass('horizontal');\r\n\r\n        if ( wasHorizontal !== isHorizontal ) {\r\n\r\n          var style = isHorizontal ? \r\n            { height: '75%', width: $container.width() } : \r\n            { width: 'auto' };\r\n\r\n          $container.filter(':animated').stop();\r\n\r\n          $container.addClass('no-transition').css( style );\r\n          setTimeout(function(){\r\n            $container.removeClass('no-transition').hugeitmicro( options );\r\n          }, 100 )\r\n        } else {\r\n          $container.hugeitmicro( options );\r\n        }\r\n      }\r\n\r\n\r\n    \r\n\r\n      $container.delegate( '.default-block_23', 'click', function(){\r\n          var strheight=0;\r\n          jQuery(this).parents('.element_23').find('.wd-catalog-panel_23 > div').each(function(){\r\n                strheight+=jQuery(this).outerHeight()+10;\r\n                \/\/alert(strheight);\r\n          })\r\n          strheight+=320;\r\n\t  \t\t\tif(jQuery(this).parents('.element_23').hasClass(\"large\")){\r\n\t\t\tjQuery(this).parents('.element_23').animate({\r\n\t\t\t\theight: \"320px\"\r\n\t\t\t}, 300, function() {\r\n\t\t\t\tjQuery(this).removeClass('large');\r\n\t\t\t\t$container.hugeitmicro('reLayout');\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tjQuery(this).parents('.element_23').removeClass(\"active\");\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\t\r\n\t\r\n\t\tjQuery(this).parents('.element_23').css({height:strheight});\r\n\t\tjQuery(this).parents('.element_23').addClass('large');\r\n\r\n\t\t$container.hugeitmicro('reLayout');\r\n\t\tjQuery(this).parents('.element_23').css({height:\"320px\"});\t\t \r\n\t\t \r\n\t\t\/\/alert(strheight);\r\n\t\t \r\n\t\t jQuery(this).parents('.element_23').animate({\r\n\t\t\theight:strheight+\"px\",\r\n\t\t  }, 300,function(){\t$container.hugeitmicro('reLayout');});\r\n\t});\r\n\r\n    var $sortBy =  jQuery('#huge_it_catalog_content_23 #sort-by');\r\n    jQuery('#huge_it_catalog_content_23 #shuffle a').click(function(){\r\n      $container.hugeitmicro('shuffle');\r\n      $sortBy.find('.selected').removeClass('selected');\r\n      $sortBy.find('[data-option-value=\"random\"]').addClass('selected');\r\n      return false;\r\n    });\r\n    \r\n    \/\/\/\/filteringgggggg\r\n\r\n        \/\/ bind filter on select change\r\n        jQuery(document).ready(function(){\r\n            jQuery('#huge_it_catalog_filters_23 ul li').click(function() {\r\n              \/\/ get filter value from option value\r\n              var filterValue = jQuery(this).attr('rel');\r\n              \/\/ use filterFn if matches value\r\n              filterValue = filterValue;\/\/filterFns[ filterValue ] || \r\n              $container.hugeitmicro({ filter: filterValue });\r\n            });\r\n            \/\/                        var topmargin = jQuery(\"#huge_it_catalog_filters_23 ul\").height();\r\n\/\/                        jQuery(\"#huge_it_catalog_options_23\").css({'margin-top':parseInt(topmargin) + 5});\r\n            \/\/                         var topmargin = jQuery(\"#huge_it_catalog_options_23\").height();\r\n\/\/                         jQuery(\"#huge_it_catalog_filters_23\").css({'margin-top':'5px'});\r\n                           \r\n           \r\n            \/*    <--   VIEW 3 ELEMENTS THUMBS CLICK    *\/\r\n            \r\n            var lightbox_is = \"on\";\r\n                if(lightbox_is != \"on\"){\r\n                    jQuery(\".element_23 .left-block_23 .thumbs-list_23 li a img\").click(function(e){\r\n                        e.preventDefault();\r\n\/\/                        alert(lightbox_is);\r\n                        var new_src = jQuery(this).attr(\"src\");    \/\/    alert(new_src);\r\n                        var container = jQuery(this).closest(\".element_23\");\r\n\/\/                        alert(container.html());\r\n                        var image_block = container.find(\".main-image-block_23\");\r\n                                                \r\n                        var image_block_height = image_block.height();\r\n                            image_block.height(image_block_height);\r\n                            \r\n                            \r\n                        var image = image_block.find(\"a img\");\r\n                        var container_height = container.height();\r\n                            container.height(container_height);\r\n                            \r\n                            container.find('.zoomWrapper img').unwrap();\r\n                            \r\n                            container.find(\".main-image-block_23 .zoomWrapper\").each(function(){\r\n                                jQuery(this).find(\"img\").unwrap();\r\n                            });\r\n                            \r\n                            zoom_resize();\r\n                        \r\n\/\/                          image_block.height(\"auto\");\r\n                        \r\n\/\/                          container.height(\"auto\");\r\n                          \r\n\/\/                            zoom_resize();\r\n                        setTimeout(function(){\r\n                            image.after(\"<img src='\" + new_src + \"' style='height: \" + image_block.height() + \"px !important;' \/>\")\r\n                            image.remove();\r\n                        }, 100);\r\n                        setTimeout(function(){\r\n                            zoom_start();\r\n\/\/                            jQuery(\"#huge_it_catalog_container_23\").hugeitmicro( 'reloadItems' ).hugeitmicro({ sortBy: 'original-order' }).hugeitmicro( 'reLayout' );\r\n                        }, 100);\r\n                    });\r\n                }\r\n                                \r\n            \/*           VIEW 3 ELEMENTS THUMBS CLICK    -->    *\/\r\n                                \r\n            \/*    <--    VIEW 3 LOAD MORE CLICK    *\/\r\n            \r\n\r\n            \r\n            \/*           VIEW 3 LOAD MORE CLICK    -->    *\/\r\n\r\n        });\r\n        \r\n        \/\/end of filtering\r\n        \r\n        jQuery(window).load(function(){\r\n\t\t$container.hugeitmicro('reLayout');\r\n\t\tjQuery(window).resize(function(){$container.hugeitmicro('reLayout');});\r\n\t});\r\n\r\n  });\r\n  \r\n<\/script>\r\n\t  \r\n\t  \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-556","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=\/wp\/v2\/pages\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=556"}],"version-history":[{"count":2,"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":786,"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=\/wp\/v2\/pages\/556\/revisions\/786"}],"wp:attachment":[{"href":"https:\/\/www.copyimpex.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}