var is_opera =  navigator.userAgent.indexOf('Opera') > -1;
var is_safari = navigator.userAgent.indexOf('AppleWebKit/') > -1;
var is_chrome = navigator.userAgent.indexOf('Chrome') > -1;
var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
var is_mac = navigator.platform.toLowerCase().indexOf('mac') > -1;
var is_linux = navigator.platform.toLowerCase().indexOf('linux') > -1;
var ie6 = false;
var ie7 = false;
var ie8 = false;

var cache_images = {
    imgs: [image_folder + '/css/search-bkg.png', 
           image_folder + '/css/search-category-top.png', 
           image_folder + '/css/search-category-bottom.png', 
           image_folder + '/css/search-toggle.gif', 
           image_folder + '/css/search-bkg.png', 
           image_folder + '/css/search-dropdown-ie-top.gif',           
           image_folder + '/css/search-category-bottom-ie.png',
           image_folder + '/css/cart-short-status-bkg.png', 
           image_folder + '/css/cart-short-status-expanded-bkg.png', 
           image_folder + '/css/cart-menu-bkg.png', 
           image_folder + '/interface/misc/tab-video.gif',
           image_folder + '/css/back-over.gif'],
       
    run: function() {
        var cached_imgs = [];
        
        var il = this.imgs.length;
        for(var i = 0; i < il; i++) {
            cached_imgs[i] = new Image();
            cached_imgs[i].src = this.imgs[i];
        }
    }
}
cache_images.run();


var default_field_text = {
    form_elements: [{element_id:'search-term', element_value:'Upiši pojam'}],
    setup: function() {
        var il = this.form_elements.length;
        for(var i = 0; i < il; i++) {
            var current_element = $(this.form_elements[i]['element_id']);
            if(current_element) {
                Event.observe(current_element, 'focus',this.focusListener.bind(this));
                Event.observe(current_element, 'blur',this.blurListener.bind(this));
            }
        }
    },
    
    focusListener: function(e){
        
        var event_target = window.event ? window.event.srcElement : e.target;
        if(event_target.nodeName.toLowerCase()=='img') {
            event_target = event_target.parentNode;
        }
        if(event_target.value != '') {
            var target_id = event_target.getAttribute('id');
            var default_value = this.getFieldValue(target_id);
            if(event_target.value == default_value) {
                event_target.value = '';
            }
        }
    },
    
    blurListener: function(e){
        
        var event_target = window.event ? window.event.srcElement : e.target;
        if(event_target.nodeName.toLowerCase()=='img') {
            event_target = event_target.parentNode;
        }
        if(event_target.value == '') {
            var target_id = event_target.getAttribute('id');
            var default_value = this.getFieldValue(target_id);
            event_target.value = default_value;
        }
    },
    
    getFieldValue: function(target_id) {
        var result = null;

        var il = this.form_elements.length;
        for(var i = 0; i < il; i++) {
            var current_element = this.form_elements[i]['element_id'];
            if(current_element == target_id) {
                result = this.form_elements[i]['element_value']
            }
        }
        return result;
        
    }
    
}

var navigation_scroller = Class.create();
navigation_scroller.prototype=  {
    container: null,
    items: [],
    list: null,
    current_offset: 0,
    target_offset: 0,
    update_interval: 40,
    easing: true,
    si: null,
    animating: null,
    move_offset: 15,
    speed: 4,
    que_target_offset: null,
    page_type: null,
    last_hovered: null,
    last_clicked: null,
    reset_si: null,

    initialize: function(container_id, page_type) {
        
        this.container = $(container_id);
        if(!this.container) return;
        this.container_id = container_id;
        
        this.list = $(this.container).select('ul')[0];
        this.items = $(this.container).select('a');
        
        $(this.container).addClassName('has-JS');
        
        var active_item = $(this.container).select('.active')[0];
        if(active_item) {
            $(active_item).removeClassName('active');
        }
       
        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            var current_item = this.items[i];
            Event.observe(current_item, 'mouseover', this.mouseoverListener.bindAsEventListener(this), false);
            Event.observe(current_item, 'mouseout', this.mouseoutListener.bindAsEventListener(this), false);
            Event.observe(current_item, 'click', this.clickListener.bindAsEventListener(this), false);
        }
        
        this.last_hovered = $(this.container).select('a')[0];
        this.last_clicked = $(this.container).select('a')[0];
        
        /*
        if(typeof webslice_handler == "object") {
            webslice_handler.setup();
        }
        */
        
   },
   
   clickListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
        
        if(this.last_clicked == eventTarget) return;
        
        var requested_index = this.getIndex(eventTarget);


        if(thumb_scroller_array[requested_index]) {
            thumb_scroller_array[requested_index].resetScroller();
        }
        
        product_carousel.prepareScrolling(requested_index);

        var last_index = this.getIndex(this.last_clicked);
        thumbs_handler_array[last_index].stopSlideshow();
        
        thumbs_handler_array[requested_index].initSlideshow(false);
        
        this.last_clicked = eventTarget;
   },      
   
   getIndex: function(eventTarget) {
        var result_index = 0;
        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            if(this.items[i] == eventTarget) {
                result_index = i;
                break;
            }

        }        
        return result_index;
        
   },

   mouseoverListener: function(e) {
        clearTimeout(this.reset_si);
        
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
        
        var requested_offset = Position.positionedOffset(eventTarget)[0];
        if(requested_offset == 0) {
            requested_offset = 2;
        }

        if(requested_offset == 444) {
            requested_offset = 450;
         }
        if(requested_offset == 384) {
            
            requested_offset = 389;
         }         
         
        
        if(!this.animating) {
            this.target_offset = requested_offset;
            this.initMoving();
        } else {
            this.que_target_offset = requested_offset;
        }
        
        this.last_hovered = eventTarget;
   },
   
   
   resetNavigation: function() {
        if(this.last_clicked == this.last_hovered) return;
        
        
        var requested_offset = Position.positionedOffset(this.last_clicked)[0];
        
        if(requested_offset == 0) {
            requested_offset = 2;
        }

        if(requested_offset == 444) {
            requested_offset = 450;
         }
        if(requested_offset == 384) {
            
            requested_offset = 389;
         }         
         
        if(!this.animating) {
            this.target_offset = requested_offset;
            this.initMoving();
        } else {
            this.que_target_offset = requested_offset;
        }
        this.last_hovered = this.last_clicked;
        
   },

   mouseoutListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
        
        var o = this;
        this.reset_si = setTimeout( function() {o.resetNavigation();}, 500);
   }, 
   
   initMoving: function() {
         this.animating = true;
         var o = this;
         this.si = setInterval( function() {o.moveCalculation();}, this.update_interval);
   },

   moveCalculation: function () {
    
        var diff = this.target_offset - this.current_offset;

        if(diff > 0) {
            if(!this.easing) {
                var step = this.move_offset;
                if(diff < this.move_offset) {
                    step = diff;
                }
            } else {
                var step = Math.ceil(diff/this.speed);
            }
        } else {
            if(!this.easing) {
                var step = -this.move_offset;
                if(diff > step) {
                    step = diff;
                }
            } else {
                var step = Math.floor(diff/this.speed);
            }
        }

        if(step == 0) {
            clearInterval(this.si);
            this.animating = false;
            
            if(this.que_target_offset != null) {
                this.target_offset = this.que_target_offset;
                this.que_target_offset = null;
                this.initMoving();
            }
         }

        this.current_offset += step;
        this.moveItems(step);
   },

   moveItems: function(current_step) {
    
        var new_position = this.current_offset + current_step + 'px 2px'
        this.list.style.backgroundPosition = new_position;
   }

}

var cart_handler = {
    container: null,
    
    setup: function() {
        this.container = $('user-cart');
        if(!this.container) return;
        
        var cart_menu = $('cart-menu');
        if(!cart_menu) return;
        Event.observe(cart_menu, 'mouseover', this.mouseoverListener.bindAsEventListener(this), false);
        Event.observe(cart_menu, 'mouseout', this.mouseoutListener.bindAsEventListener(this), false);
        
   },

   mouseoverListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
        
        $(this.container).addClassName('expanded');
   },
   
   mouseoutListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
        
        $(this.container).removeClassName('expanded');
   }   
}



var toggler = Class.create();
toggler.prototype=  {
    container: null,
    items: [],
    
    initialize: function(container) {

        this.container = container;
        if(!this.container) return;

        this.items = $(this.container).select('.top-content-item');
        var il = this.items.length;
        
        for(var i = 0; i <il; i++) {
            var current_section = this.items[i];
            
            if(this.items.length == 2) {
                if(i == 0) {
                    $(current_section).addClassName('first');
                    var toggle_src = image_folder + '/interface/arrow-collapse.gif';
                } else {
                    var toggle_src = image_folder + '/interface/arrow-expand.gif';
                }
            }
            
            var section_heading = $(current_section).select('h3')[0];
            var heading_img = $(section_heading).select('img')[0];
            var heading_img_src = heading_img.getAttribute('src');
            
            var section_type = '';
            if(heading_img_src.indexOf('music') != -1) {
                section_type = 'music';
            } else if(heading_img_src.indexOf('books') != -1) {
                section_type = 'books';
            } else if(heading_img_src.indexOf('movies') != -1) {
                section_type = 'movies';
            } else if(heading_img_src.indexOf('products') != -1) {
                section_type = 'products';                
            } else if(heading_img_src.indexOf('games') != -1) {
                section_type = 'games';
            }

            
            $(current_section).setAttribute('id', 'top-content-' + section_type);
            
            
            this.fixHeight(current_section);
            
            var heading_a = document.createElement('a')
                heading_a.setAttribute('href', '#');
                heading_a.appendChild(heading_img);
                section_heading.appendChild(heading_a);
                
            if(this.items.length == 2) {
                var toggle_a = document.createElement('a');
                    $(toggle_a).addClassName('toggle');
                    toggle_a.setAttribute('href', '#');
                var toggle_img = document.createElement('img');
                    toggle_img.setAttribute('src', toggle_src);
                 
                    toggle_a.appendChild(toggle_img);
                    section_heading.appendChild(toggle_a);
                    //$(section_heading).insert({top:ul});
                    
                    Event.observe(heading_a, 'click', this.clickListener.bindAsEventListener(this), false);
                    Event.observe(toggle_a, 'click', this.clickListener.bindAsEventListener(this), false);
            }
            
            if($(current_section).hasClassName('active')) {
                this.last = current_section;
            }
            
         }
         
         $(this.container).addClassName('loaded');
   },


   fixHeight: function(section) {

        var section_ol = $(section).select('ol')[0];    
        
        if(ie6 || ie7) {
            var max_height = 382;
        } else {
            var max_height = 410;
        }
        while($(section_ol).getHeight() > max_height) {
            var lis = $(section).select('li');
            $(lis[lis.length-1]).remove();
        }
       
    
   },   

   clickListener: function(e) {

        Event.stop(e);

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() != 'a') {
            eventTarget = $(eventTarget).up('a');
        }
        this.toggle(eventTarget);
   },
   
   toggle:function(eventTarget) {
    
        var related_group = $(eventTarget).up('.top-content-group');
        
        var related_sections = $(related_group).select('.top-content-item');
        
        //if(related_sections.length != 2) return;
        
        if($(related_sections[0]).hasClassName('active')) {
            var expanded_section = related_sections[0];
            var collapsed_section = related_sections[1];
        } else {
            var expanded_section = related_sections[1];
            var collapsed_section = related_sections[0];            
        }
       
        $(this.container).addClassName('animating');
        var o = this;

        //collapse
        var related_ol = $(expanded_section).select('ol')[0];
        Effect.BlindUp(related_ol, { duration: 0.5 });
        setTimeout(function(){ $(expanded_section).removeClassName('active')}, 500);

        var related_toggle_img = $(expanded_section).select('.toggle img')[0];        
        var current_src = related_toggle_img.getAttribute('src');
        var new_src = current_src.replace('collapse', 'expand');
        related_toggle_img.setAttribute('src', new_src);


        //expand
        var related_ol = $(collapsed_section).select('ol')[0];
        $(collapsed_section).addClassName('active');
        related_ol.style.display = 'none';
        Effect.BlindDown(related_ol, { duration: 0.5 });
        
        var related_toggle_img = $(collapsed_section).select('.toggle img')[0];        
        var current_src = related_toggle_img.getAttribute('src');
        var new_src = current_src.replace('expand', 'collapse');
        related_toggle_img.setAttribute('src', new_src);    
        setTimeout(function(){ $(expanded_section).removeClassName('active')}, 500);
        setTimeout(function(){ $(o.container).removeClassName('animating'); }, 510);
   }
}



var top_content_handler = {
    container: null,
    lists: [],
    columns: [],
       
    setup: function() {

        if(!$('top-content-container')) return;
        
        //this.lists = $('main-content').select('.top-content-item');
        this.lists = $('top-content-container').select('.top-content-item');
        if(this.lists.length == 0) return;
        this.numerate();
        
        this.container = $('top-content-container');
        if(!this.container) return;
        
        this.columns = $(this.container).select('.top-content-group');
        
        if(typeof toggler == 'function') {
            if(this.columns[0]) {
                var first_item_0 = $(this.columns[0]).select('.top-content-item')[0];
                    $(first_item_0).addClassName('active');
                var toggler_0 = new toggler(this.columns[0]);
            }
            
            if(this.columns[1]) {
                var first_item_1 = $(this.columns[1]).select('.top-content-item')[0];
                    $(first_item_1).addClassName('active');
                var toggler_1 = new toggler(this.columns[1]);
            }
            
        }

        if(typeof webslice_handler == 'object') {
            $(webslice_handler).setupLinks();
        }        
        
    },
    
    numerate: function() {
        var il = this.lists.length;
        for(var i = 0; i < il; i++) {

            var current_list = this.lists[i];
            var list_items = $(current_list).select('li');
            var jl = list_items.length;
            
            for(var j = 0; j < jl; j++) {
                var current_item = list_items[j];
                var item_no = j + 1;
                $(current_item).addClassName('no-' + item_no);
            }
        }
    }
    
}


var item_cloud = Class.create();
item_cloud.prototype=  {
    container: null,

    initialize: function(container_id) {
    }
}


var hover_handle = {
    containers: ['offer-browser', 'local-navigation', 'navigation'],
    last: null,

    setup: function() {

        var il = this.containers.length;
        for(var i = 0; i < il; i++) {
            var current_container = this.containers[i];
            if(!$(current_container)) continue;
            
            var current_container_items = new Array();
                
            var current_lis = $(current_container).select('li');
            var current_trs = $(current_container).select('tbody tr');
            
            current_container_items = current_lis.concat(current_trs);
            
                
            var jl = current_container_items.length;
            for(var j = 0; j < jl; j++) {
                
                var current_item = current_container_items[j];
                
                var has_subitems = $(current_item).select('ul');
                if(has_subitems.length > 0) continue;
                
                Event.observe(current_item, 'mouseover', this.mouseoverListener.bindAsEventListener(this), false);
                Event.observe(current_item, 'mouseout', this.mouseoutListener.bindAsEventListener(this), false);
            }
        }
    },

   mouseoverListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() != 'li' && eventTarget.nodeName.toLowerCase() != 'tr') {
            eventTarget = $(eventTarget).up('li') || $(eventTarget).up('tr');
        }

        $(eventTarget).addClassName('over');
        
        if($(eventTarget).hasClassName('first-child')) {
            $(eventTarget).addClassName('first-over');
        }
        if($(eventTarget).hasClassName('last-child')) {
            $(eventTarget).addClassName('last-over');
        }
        
        this.last = eventTarget;
        
   },
   
   mouseoutListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() != 'li' && eventTarget.nodeName.toLowerCase() != 'tr') {
            eventTarget = $(eventTarget).up('li') || $(eventTarget).up('tr');
        }
        //if(eventTarget == this.last) return;

        $(eventTarget).removeClassName('over');
        if($(eventTarget).hasClassName('first-child')) {
            $(eventTarget).removeClassName('first-over');
        }
        if($(eventTarget).hasClassName('last-child')) {
            $(eventTarget).removeClassName('last-over');
        }        
   }   
    
}

function getWindowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  
  return(new Array(myWidth, myHeight));
}


var thumbs_handler_array = new Array();
var thumbs_handler = Class.create();
thumbs_handler.prototype=  {
    
    container: null,
    items: [],
    items_container: null,
    products: [],
    last_index: 0,
    delay: 4000,
    ajax_version: true,
    object_index: null,
    stoped: false,
    si: null,
    last_tooltip: null,
    last_tooltip_li: null,
    offset_half: 0,
    autoplay: false,
    
    
    initialize: function(container, autoplay, object_index, max_thumbs) {
        this.container = container;

        this.object_index = object_index;
        this.max_thumbs = max_thumbs;
        this.autoplay = false;
                
        this.products = $(this.container).select('.product');
        this.items = $(this.container).select('.other-in-category li');
        this.items_container = $(this.container).select('.other-in-category')[0];

        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            var current_item = this.items[i];
            var related_a = $(current_item).select('a')[0];
            Event.observe(related_a, 'click', this.clickListener.bindAsEventListener(this), false);
        }
        
        //var bd = document.getElementsByTagName('body')[0];
        //Event.observe(bd, 'mouseover',this.mouseoutListener.bind(this));
        
        var large_items_no = $(this.container).select('.other-in-category .large');
        this.max_thumbs -= large_items_no.length;
        
        if(this.autoplay && this.items.length > 1) {
            this.initSlideshow(true);
            
            var il = this.products.length;
    
            for(var i = 0; i < il; i++) {
                var current_product = this.products[i];
                Event.observe(current_product, 'mouseover', this.productMouseoverListener.bindAsEventListener(this), false);
            }            
        }
        
        this.initTooltip();
        
        if(typeof webslice_handler == 'object') {
            $(webslice_handler).setupLinks();
        }        
        
    },
   
    initTooltip: function() {

        if($('page-home')) {
            this.offset_half = 300;
        } else {
            this.offset_half = 200;
        }        

        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            var current_item = this.items[i];
            var related_a = $(current_item).select('a')[0];
            Event.observe(related_a, 'mouseover',this.mouseoverListener.bind(this));
            Event.observe(related_a, 'mouseout',this.mouseoutListener.bind(this));
        }

    },
   
    mouseoverListener: function(e){
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        
        if(ie8 && eventTarget.nodeName.toLowerCase() != 'img') {
            return;
        }
        
        if(eventTarget.nodeName.toLowerCase() != 'a') {
            eventTarget = $(eventTarget).up('a');
        }
        
        var parent_li = $(eventTarget).up('li');
        if(this.last_tooltip_li == parent_li) return;

        if(this.last_tooltip != null) {
            $(this.last_tooltip).remove();
        }
        
        if(parent_li.getAttribute('id') && product_data[parent_li.getAttribute('id')]) {
            var tooltip_heading_text = product_data[parent_li.getAttribute('id')].product_name;
            
            //tooltip position
            var li_position = Element.positionedOffset(parent_li);
            var li_position_x = li_position[0];
            
            var parent_ul = $(parent_li).up('ul');
            var parent_ul_x = parent_ul.style.left ? parseInt(parent_ul.style.left) : 0;
                parent_ul_x = Math.abs(parent_ul_x)
                
            var li_offset_x = li_position_x - parent_ul_x;
            //console.log('li: '+li_position_x+ ', ul: '+parent_ul_x+', offset: ' + li_offset_x)
            
            var is_large = $(parent_li).hasClassName('large');
            
            //create tooltip
            var tooltip_container = document.createElement('div');
            var tooltip_container_inner = document.createElement('div');
            
                tooltip_container.appendChild(tooltip_container_inner);
            
                $(tooltip_container).addClassName('tooltip-container');
                if(li_offset_x < this.offset_half) {
                    $(tooltip_container).addClassName('tooltip-right');
                    if(is_large) {
                        $(tooltip_container).addClassName('large-right');
                    }
                } else {
                    $(tooltip_container).addClassName('tooltip-left');
                    if(is_large) {
                        $(tooltip_container).addClassName('large-left');
                    }
                }
                
                var tooltip_heading = document.createElement('h5');
                var tooltip_a = document.createElement('a');
                    tooltip_a.setAttribute('href', eventTarget.getAttribute('href'));
                    tooltip_a.appendChild(document.createTextNode(tooltip_heading_text));
                    
                    tooltip_heading.appendChild(tooltip_a);
                    tooltip_container_inner.appendChild(tooltip_heading);
                    
                if(product_data[parent_li.getAttribute('id')].product_desc) {
                    var tooltip_p_text = product_data[parent_li.getAttribute('id')].product_desc;
                    var tooltip_p = document.createElement('p');
                        tooltip_p.appendChild(document.createTextNode(tooltip_p_text));
                        tooltip_container_inner.appendChild(tooltip_p);
                }
                    
                $(parent_li).appendChild(tooltip_container);
            
                this.last_tooltip = tooltip_container;
                this.last_tooltip_li = parent_li;
                $(parent_li).addClassName('has-tooltip');
                
                //Event.observe(tooltip_container, 'mouseover',this.mouseoutListener.bind(this));
        } else {
                this.last_tooltip = null;
                
                if(this.last_tooltip_li) {
                    $(this.last_tooltip_li).removeClassName('has-tooltip');
                }
                
                this.last_tooltip_li = null;            
                
        }
        
   },

   mouseoutListener: function(e){

        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }
        
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        
        var parent_li = $(eventTarget).up('li');

        if(this.last_tooltip != null) {
            $(this.last_tooltip).remove();
            this.last_tooltip = null;
            $(this.last_tooltip_li).removeClassName('has-tooltip');
            this.last_tooltip_li = null;
            
        }
   },   
   
   initSlideshow: function(is_init) {
        if(!is_init && this.last_index != 0) {
            this.stoped = false;
            this.toggle(0);
        } else {
            var o = this;
            if(this.autoplay) {
                this.si = setTimeout(function(){ o.startSlideshow(); }, o.delay);       
            }
            
        }
        
        
   },
   
   startSlideshow: function() {
        var next_index = this.last_index + 1;
        if(next_index >= this.items.length || next_index == this.max_thumbs) {
            next_index = 0;
        }
        
        this.toggle(next_index);       
   },

   stopSlideshow: function() {
        this.stoped = true;
        clearTimeout(this.si);
   },

   productMouseoverListener: function(e){
        this.stopSlideshow();
   },
   
   clickListener: function(e) {
        this.stopSlideshow();    
    
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() != 'li') {
            eventTarget = $(eventTarget).up('li');
        }
        
        var requested_index = this.getIndex(eventTarget);
        this.toggle(requested_index);

   },
   
   afterUpdate: function() {
    
        if(!this.stoped && this.autoplay) {
            var o = this;
            this.si = setTimeout(function(){ o.startSlideshow(); }, o.delay);                   
        }
        
        if(typeof webslice_handler == 'object') {
            $(webslice_handler).setupLinks();
        }
   },   
   
   getIndex: function(eventTarget) {
        var result_index = 0;
        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            if(this.items[i] == eventTarget) {
                result_index = i;
                break;
            }

        }        
        return result_index;
   },
   
   toggle: function(requested_index) {

        if(this.last_index == requested_index) return;

        if(this.ajax_version) {
           
           var request_url = $(this.items[requested_index]).select('a')[0].getAttribute('rel');
           var ajax_request = new Ajax.Updater(this.products[0], request_url,{asynchronous:true,onComplete:this.afterUpdate.bind(this)});
           
        } else {

            $(this.products[this.last_index]).removeClassName('active');
            $(this.products[requested_index]).addClassName('active');
            if(!this.stoped) {
                var o = this;
                this.si = setTimeout(function(){ o.startSlideshow(); }, o.delay);                   
            }
            
        }        
    
        $(this.items[this.last_index]).removeClassName('active');
        $(this.items[requested_index]).addClassName('active');
        
        this.last_index = requested_index;
   }
}

var handle_body_backgrounds = {
    setup: function(repeat) {

        var html_el = document.getElementsByTagName('html')[0];
        var body_el = document.getElementsByTagName('body')[0];
        var content_element = $('content');
        var layout_element = $('layout');
        
        html_el.style.height = '100%';
        content_element.style.height = 'auto';
        

                
        var layout_height = layout_element.offsetHeight;
        
        
        var win_dim = getWindowSize();
        var window_height = win_dim[1];
        
        
        
        if(window_height > layout_height) {
            content_element.style.height = window_height - 467 + 'px';
            html_el.style.height = '100%';
            
        } else {
            content_element.style.height = 'auto';
            html_el.style.height = layout_height + 'px';
        }
        
        
    }
}

var styleSheet = document.styleSheets[0];
if(is_opera) {
    if(styleSheet.insertRule) {
      styleSheet.insertRule('#secondary-navigation a  { padding-bottom: 9px;}',styleSheet.cssRules.length);
    }
}

if(is_safari) {
    if(styleSheet.insertRule) {
      styleSheet.insertRule('#product-container #product-info.loaded .first-child    { padding-top: 5px; }',styleSheet.cssRules.length);
      styleSheet.insertRule('#product-container #product-info.loaded .second-child a  { padding-top: 5px; }',styleSheet.cssRules.length);
    }
}


if(is_linux && is_firefox) {
    if(styleSheet.insertRule) {
      //styleSheet.insertRule('#navigation a { font-weight: normal; }',styleSheet.cssRules.length);
    }
}

var account_handler = {
    container: null,
	last: 1,
	items: [],
	
    setup: function() {

        this.container = $('racun-container');
        if(!this.container) return;
	    this.items = $('menu_racun').select('a');

        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            var current_a = this.items[i];
            Event.observe(current_a, 'click', this.clickListener.bindAsEventListener(this), false);
        }
   },
   
    
   clickListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
        
        var related_index = $(eventTarget).getAttribute('id').replace('rl-item_', '');
        this.toggle(related_index);
   },      

  toggle: function(related_index) {
    
    if(this.last != null) {
		$('r-item_'+this.last).style.display = 'none';
		$('rl-item_'+this.last).removeClassName('active');
    }
	$('r-item_'+related_index).style.display = 'block';
	$('rl-item_'+related_index).addClassName('active');
    
    this.last = related_index;
  }

}

var thumb_scroller_array = new Array();
var thumbs_scoller = Class.create();
thumbs_scoller.prototype=  {
    
    container: null,
    list: null,
    original_list_width: null,
    multiplied_list_width: null,
    items: [],
    prev_link: null,
    next_link: null,
    animating: null,
    current_slide: 0,
    slides_no: 0,
    items_visible: 6,
    item_width: 103,
    si: null,
    update_interval: 30,
    thumbs_scoller_width: 618,
    target_offset: 0,
    current_offset: 0,
    speed: 1,
    move_offset: 100,
    easing: false,
    offset_fix: 0,
    slide_info: null,
    object_index: null,

    initialize: function(container, page_type, object_index) {

        this.container = container;
        this.object_index = object_index;
        
        if(!this.container) return;
        this.page_type = page_type;
        
        if(this.page_type == 'home') {
            this.thumbs_scoller_width = 618;
            this.items_visible = 6;
        } else {
            this.thumbs_scoller_width = 515;
            this.items_visible = 5;
        }
        
        this.prev_link = null;
        this.next_link = null;
                    
        this.list = $(this.container).select('ul')[0];

        if(!this.list) {//qf
            return; 
        }
        
        var wrap_element = $(this.list).wrap()
            $(wrap_element).addClassName('other-in-category-wrap');
        
        this.items = $(this.list).select('li');
        if(this.items.length <= this.items_visible) return;
        
        this.items[0].addClassName('first-child');
        this.slides_no = Math.ceil(this.items.length/this.items_visible);

        this.original_list_width = this.items.length * this.item_width;
        this.multiplied_list_width = this.slides_no * (this.thumbs_scoller_width + this.offset_fix);
        this.list.style.width = this.multiplied_list_width  +'px';
        
        

        this.createControls();
        this.updateStatus();
   },

   
   createControls: function() {

        if($(this.container).select('.controls')[0]) return;
        
        var ul = document.createElement('ul');
            ul.className = 'controls';

        var prev_li = document.createElement('li');
            prev_li.className = 'prev';

        var prev_a = document.createElement('a');
            prev_a.className = 'prev';            
            prev_a.setAttribute('href', '#');
            $(prev_a).addClassName('disabled');
            
        var prev_img = document.createElement('img');
            prev_img.setAttribute('alt', 'Natrag');
            prev_img.setAttribute('title', 'Natrag');
            
            //if(this.page_type == 'home') {
                prev_img.setAttribute('src', image_folder + '/interface/controls-prev-inactive.png');
            //} else if(this.page_type == 'other-videos') {
                //prev_img.setAttribute('src', image_folder + '/interface/buttons/prev-orange-light.gif');
            //}
                        
            prev_a.appendChild(prev_img);
            prev_li.appendChild(prev_a);
            ul.appendChild(prev_li);
            
        var next_li = document.createElement('li');
            next_li.className = 'next';

        var next_a = document.createElement('a');
            next_a.className = 'next';            
            next_a.setAttribute('href', '#');
            
        var next_img = document.createElement('img');
            next_img.setAttribute('alt', 'Naprijed');
            next_img.setAttribute('title', 'Naprijed');

            //if(this.page_type == 'home') {
                if(this.items.length <= this.items_visible) {
                    next_img.setAttribute('src', image_folder + '/interface/controls-next-inactive.png');
                } else {
                    next_img.setAttribute('src', image_folder + '/interface/controls-next.png');
                }
            //} else if(this.container == 'test') {
                //next_img.setAttribute('src', image_folder + '/interface/arrows/gallery-next.gif');
            //}
                                    
            next_a.appendChild(next_img);
            next_li.appendChild(next_a);
            ul.appendChild(next_li);            
            
            this.container.appendChild(ul);
            
            this.prev_link = prev_a;
            this.next_link = next_a;

        Event.observe(prev_a, 'click', this.clickListener.bindAsEventListener(this), false);
        Event.observe(next_a, 'click', this.clickListener.bindAsEventListener(this), false);
            
   },
   
   updateStatus: function() {

        var p_text = (this.current_slide + 1) + ' od ' + this.slides_no;
        
        if(!this.slide_info) {
            this.slide_info = document.createElement('p');
                $(this.slide_info).addClassName('slide-info');
                $(this.slide_info).appendChild(document.createTextNode(p_text));
                this.container.appendChild(this.slide_info);
        } else {
            this.slide_info.innerHTML = p_text;
        }
   },

   clickListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }

        var direction = eventTarget.parentNode.className;
        if(!this.animating) {
            this.prepareScrolling(direction);
        }
        
        thumbs_handler_array[this.object_index].stopSlideshow();
   },
   

   prepareScrolling: function(direction) {

        if(direction == 'prev') {
            var requested_index = this.current_slide - 1;
            
    		//prev img
    		if(requested_index == 0) {
    		    var prev_img = $(this.prev_link).select('img')[0];
    		    var current_src = prev_img.getAttribute('src');
    		    
    		    if(current_src.indexOf('inactive') == -1) {
    		      var new_src = current_src.replace('.png', '-inactive.png');
    		      prev_img.setAttribute('src', new_src);
    		      $(this.prev_link).addClassName('disabled');
    		    }
    		}
    		
    		//next img
    		var next_img = $(this.next_link).select('img')[0];
    		var current_src = next_img.getAttribute('src');

    		if(current_src.indexOf('inactive') != -1 && this.items.length > this.items_visible) {
    		  var new_src = current_src.replace('-inactive.png', '.png');
    		  next_img.setAttribute('src', new_src);
    		  $(this.next_link).removeClassName('disabled');
    		}      
        		            
        } else {
            var requested_index = this.current_slide + 1;
            
            var is_end = requested_index == this.slides_no - 1;
            
    		//next img
    		if(is_end) {
    		    var next_img = $(this.next_link).select('img')[0];
    		    var current_src = next_img.getAttribute('src');
    		    
    		    if(current_src.indexOf('inactive') == -1) {
    		      var new_src = current_src.replace('.png', '-inactive.png');
    		      next_img.setAttribute('src', new_src);
    		      $(this.next_link).addClassName('disabled');
    		    }
    		}
    		
    		//prev img
    		var prev_img = $(this.prev_link).select('img')[0];
    		var current_src = prev_img.getAttribute('src');
    		
    		if(current_src.indexOf('inactive') != -1 && this.items.length > this.items_visible) {
    		  var new_src = current_src.replace('-inactive.png', '.png');
    		  prev_img.setAttribute('src', new_src);
    		  $(this.prev_link).removeClassName('disabled');
    		}            
        }
        
        if(requested_index < 0) {
            return;
        }

        if(requested_index > this.slides_no - 1) {
            return
        }        
        
        this.current_slide = requested_index;
        
        var requested_offset = requested_index * this.thumbs_scoller_width;
        this.target_offset = requested_offset;
        this.initMoving();
        this.updateStatus();
       
   },

   initMoving: function() {
         this.animating = true;
         var o = this;
         this.si = setInterval( function() {o.moveCalculation();}, this.update_interval);
   },
   
   moveCalculation: function () {
        var diff = this.target_offset - this.current_offset;

        if(diff > 0) {
            if(!this.easing) {
                var step = this.move_offset;
                if(diff < this.move_offset) {
                    step = diff;
                }
            } else {
                var step = Math.ceil(diff/this.speed);
            }
        } else {
            if(!this.easing) {
                var step = -this.move_offset;
                if(diff > step) {
                    step = diff;
                }
            } else {
                var step = Math.floor(diff/this.speed);
            }
        }

        if(step == 0) {
            clearInterval(this.si);
            this.animating = false;
        }

        this.current_offset += step;
        this.moveItems(step);
   },
   
   resetScroller: function() {
        if(!this.list) return;

        this.list.style.left = '0px';
        this.list.style.position = 'relative';
        this.current_slide = 0;
        this.current_offset = 0;
        this.target_offset = 0;
        
        if($(this.container).select('.controls')[0]) {
            
		    var prev_img = $(this.prev_link).select('img')[0];
		    var current_src = prev_img.getAttribute('src');
		    
		    if(current_src.indexOf('inactive') == -1) {
		        var new_src = current_src.replace('.png', '-inactive.png');
		        prev_img.setAttribute('src', new_src);
		        $(this.prev_link).addClassName('disabled');
		    }

		    var next_img = $(this.next_link).select('img')[0];
		    var current_src = next_img.getAttribute('src');
		    
		    if(current_src.indexOf('inactive') != -1) {
		        var new_src = current_src.replace('-inactive.png', '.png');
		        next_img.setAttribute('src', new_src);
		        $(this.next_link).removeClassName('disabled');
		    }
		    
		    this.updateStatus();
    		            
        }
   },

   moveItems: function(current_step) {
        var item_to_move = this.list;
        if( item_to_move.style.left ) {
            var new_offset = parseInt(item_to_move.style.left) - current_step + 'px';
        } else {
            var new_offset = - current_step + 'px';
        }
        item_to_move.style.left = new_offset;
        item_to_move.style.position = 'relative';
   }
       

}


var register_handler = {
    link_el: null,
    container: null,
    
    setup: function() {
        if($('register-now')) {
            this.link_el = $('register-now').select('a')[0];
            Event.observe(this.link_el, 'click', this.clickListener.bindAsEventListener(this), false);
        }
        
        this.container = $('new-members');
        if(!this.container) return;
        $('cart-container').toggleClassName('collapsed');
        handle_body_backgrounds.setup();
    },
    
    clickListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
        
        $('cart-container').toggleClassName('collapsed');
        handle_body_backgrounds.setup();

   }    
}

var search_handler = {
    container: null,
    select_element: null,
    items: [],
    
    setup: function() {
        this.container = $('search-form');
        if(!this.container) return;
        
        this.select_element = $(this.container).select('select')[0];
        if(!this.select_element) return;
        
        this.items = $(this.select_element).select('option');
       
        this.generateSelect();
    },
    
    generateSelect: function() {
        
        //toggle
        var toggle_a = document.createElement('a');
            toggle_a.setAttribute('href', '#');
            $(toggle_a).addClassName('toggle');

        var toggle_img = document.createElement('img');
            toggle_img.setAttribute('src', image_folder + '/interface/button-search-toggle.gif'); 
            
            
            toggle_a.appendChild(toggle_img);
            $(this.container).appendChild(toggle_a);
            Event.observe(toggle_a, 'click', this.toggleListener.bindAsEventListener(this), false);
            $(this.container).appendChild(toggle_a);
       
        
        //dropdown
        var il = this.items.length;
        
        var search_div = document.createElement('div');
            $(search_div).addClassName('pseudo-select');
        
        var search_ul = document.createElement('ul');
        
        
        for(var i = 0; i < il; i++) {
            var current_item = this.items[i];
            var current_li = document.createElement('li');
            
            var current_a = document.createElement('a');
                current_a.setAttribute('href', '#');
            
                current_a.appendChild(document.createTextNode(current_item.firstChild.nodeValue));
                Event.observe(current_a, 'click', this.clickListener.bindAsEventListener(this), false);
                current_li.appendChild(current_a);
            
            if(current_item.selected && i != il-1) {
                $(search_ul).insert({top:current_li});
            } else {
                search_ul.appendChild(current_li);
            }
        }
        
        //advanced search 
        /*var current_li = document.createElement('li');
        var current_a = document.createElement('a');
            current_a.setAttribute('href', '/content/advancedsearch');
            current_a.appendChild(document.createTextNode('napredna pretraga'));
            Event.observe(current_a, 'click', this.clickListener.bindAsEventListener(this), false);
            
        current_li.appendChild(current_a);
        search_ul.appendChild(current_li);
        */
        
        $(search_ul).select('li')[0].addClassName('first-child');
        
        search_div.appendChild(search_ul);
        $(this.container).appendChild(search_div);
        
        $(this.container).toggleClassName('collapsed');        
    },

   toggleListener: function(e) {
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() != 'a') {
            eventTarget = $(eventTarget).up('a');
        }

        $(this.container).toggleClassName('collapsed');

    },
        
   clickListener: function(e) {
    
        if(window.event) {
            window.event.returnValue = false;
        } else {
            e.preventDefault();
        }

        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() != 'a') {
            eventTarget = $(eventTarget).up('a');
        }

        /*if(eventTarget.firstChild.nodeValue.indexOf('napredna') != -1) {
            var advanced_search_term = $('search-term').value;

            if(advanced_search_term == 'Upiši pojam') {
                advanced_search_term = '';
            }
            window.location = eventTarget.getAttribute('href') + '?SearchText=' + advanced_search_term;
            return;
        }
        */
        
        
        $(this.container).toggleClassName('collapsed');
        if($('search-term').value.replace(/ /gi, '') == '' || $('search-term').value.replace(/ /gi, '') == 'Upišipojam') {
            $('search-term').value = 'Upiši pojam';
            return;
        }
        
        this.submitForm(eventTarget);
    },
    
    submitForm: function(eventTarget) {
        
        var selected_index = 0;
        
        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            var current_item = this.items[i];
            if(eventTarget.firstChild.nodeValue == this.items[i].firstChild.nodeValue) {
                selected_index = i;
                //param = this.items[i].getAttribute('value');
                break;
            }
        }
        
        this.select_element.options[selected_index].selected = 'selected';
        $(this.container).select('form')[0].submit();
        
        
    }
}


var products_pagination = Class.create();
products_pagination.prototype=  {
    container: null,
    items: [],

    initialize: function(container_id) {

        this.container = $(container_id);
        if(!this.container) return;
        this.initLinks();
        
    },
    
    initLinks: function() {
        
        this.items = $(this.container).select('.pagination a');
        
        var il = this.items.length;
        for(var i = 0; i < il; i++) {
            var current_item = this.items[i];
            Event.observe(current_item, 'click', this.clickListener.bindAsEventListener(this), false);
        }
    },
    
            
   clickListener: function(e) {
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() != 'a') {
            eventTarget = $(eventTarget).up('a');
        }
        
        if(eventTarget.getAttribute('rel')) { 
            var request_url = eventTarget.getAttribute('rel');
            
            if(window.event) {
                window.event.returnValue = false;
            } else {
                e.preventDefault();
            }            

            this.sendRequest(request_url);
        }
   },
   
   sendRequest: function(request_url) {
        var ajax_request = new Ajax.Updater(this.container, request_url,{asynchronous:true,onComplete:this.afterUpdate.bind(this)});
   },
   
   afterUpdate: function() {
        this.initLinks();
   }
    
}

var banners_handler = {
    items: [],
    
    setup: function() {
        if(!$('main-content')) return;
        this.items = $('main-content').select('.banners-container .banner', '#category-banners .banner', '#category-head-banner .banner');
        
       
        var il = this.items.length
        for(var i = 0; i < il; i++) {

            var current_banner = this.items[i];
            var related_img = $(current_banner).select('img')[0];
            
            var related_wraper = $(current_banner).select('a')[0] || $(current_banner).select('span')[0];
            
            var current_src = related_img.getAttribute('src');
            if(current_src.indexOf('.png') != -1) {
                $(current_banner).addClassName('has-png');
                related_wraper.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='" + current_src + "', sizingMethod='crop')";
            }
            
       }
    }
}

/*
var banners_handler = {
    containers: null,
    
    setup: function() {
        this.containers = $('main-content').select('.banners-container');
        
        var il = this.containers.length
        for(var i = 0; i < il; i++) {
            var current_container = this.containers[i];
            var all_banners = $(current_container).select('.banner');
            
            var jl = all_banners.length;
            for(var j = 0; j < jl; j++) {
                var current_banner = all_banners[j];
                var related_img = $(current_banner).select('img')[0];
                var related_a = $(current_banner).select('a')[0];
                var current_src = related_img.getAttribute('src');
                if(current_src.indexOf('.png') != -1) {
                    $(current_banner).addClassName('has-png');
                    related_a.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='" + current_src + "', sizingMethod='crop')";
                }
            }
            
        }
    }
}
*/

var product_info = {
    container: null,
    items: [],
    
    setup: function() {
        this.container = $('product-info');
        if(!this.container) return;
        $(this.container).addClassName('loaded');
        this.items = $(this.container).select('p');
        Event.observe(this.items[0], 'mouseover', this.mouseoverListener.bindAsEventListener(this), false);
        Event.observe(this.items[1], 'mouseout', this.mouseoutListener.bindAsEventListener(this), false);
        
        this.toggle(0, 1);
    },
    
   mouseoverListener: function(e) {
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        
        if(eventTarget.nodeName.toLowerCase() != 'p') {
            eventTarget = $(eventTarget).up('p');
        }
        
        this.toggle(1, 0);
   },   
   
   mouseoutListener: function(e) {
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        
        if(eventTarget.nodeName.toLowerCase() != 'p') {
            eventTarget = $(eventTarget).up('p');
        }
        
        this.toggle(0, 1);
   },
   
   toggle: function(on, off) {
        var on_item = this.items[on];
        var off_item = this.items[off];

        $(on_item).addClassName('active');
        $(off_item).removeClassName('active');
   }
}


var warning_18_handler = {
    container: null,
    warning_message: null,
    
    setup: function() {
        
        if(typeof show_18_warning == 'undefined') return;
        var existing_cookie = readCookie('warning_18_accepted');
        if(existing_cookie) return;
        
        
        var div = document.createElement('div');
            div.setAttribute('id', 'warning-18');

        var div_inner = document.createElement('div');
            $(div_inner).addClassName('inner');
            
        var h = document.createElement('h1'); 
            h.appendChild(document.createTextNode('Neki sadržaji u ovoj kategoriji nisu prikladni za osobe mlađe od 18 godina!'))

        var p = document.createElement('p'); 
            p.appendChild(document.createTextNode('Nastavite pregledavati ponudu kategorije samo ako imate 18 godina ili više.'))

        var p_continue = document.createElement('p'); 
            $(p_continue).addClassName('continue');
            
        var a_continue = document.createElement('a'); 
            a_continue.setAttribute('href', '#');
            Event.observe(a_continue, 'click', this.clickListener.bindAsEventListener(this), false);

        var img_continue = document.createElement('img'); 
            img_continue.setAttribute('src', image_folder + '/interface/button-18-years-continue.jpg');
            img_continue.setAttribute('alt', 'Nastavi');
            img_continue.setAttribute('title', 'Nastavi');
            
            a_continue.appendChild(img_continue);
            p_continue.appendChild(a_continue);
            
            div_inner.appendChild(h);
            div_inner.appendChild(p);
            div_inner.appendChild(p_continue);
            div.appendChild(div_inner);

            if(ie6) {
                var bt = document.createElement('div');
                    bt.setAttribute('id', 'warning-18-bottom');
                $(div).appendChild(bt);
            }      

                
            var mc = $('main-content');
            if(mc) {
                $(mc).insert({top:div});
            }
            this.warning_message = div;
            
            $$('body')[0].addClassName('has-warning-18');
            
            //show_18_warning
            
    },
    
   clickListener: function(e) {
        Event.stop(e);
        createCookie('warning_18_accepted', 'yes', 0.0416);
        $$('body')[0].removeClassName('has-warning-18');
        if(this.warning_message != null) {
            $(this.warning_message).remove();
        }
   }
       
}


function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}


function global_init() {
        if(typeof default_field_text == "object") {
            default_field_text.setup();
        }
        
        if(typeof cart_handler == "object") {
            cart_handler.setup();
        }       
        if(typeof top_content_handler == "object") {
            top_content_handler.setup();
        }  
        if(typeof hover_handle == "object") {
            hover_handle.setup();
        }             
        if(typeof handle_body_backgrounds == "object") {
            handle_body_backgrounds.setup();
        }
        
        window.onresize = function () {
            handle_body_backgrounds.setup();               
        }

        if(typeof product_info == "object") {
            product_info.setup();
        }        
        
        if(ie6) {
            
            if($('local-navigation')) {
                $('local-navigation').appendChild(document.createElement('div'));
            }
            
            if($('cart-container')) {
                var bt = document.createElement('div');
                    bt.setAttribute('id', 'cart-container-bottom');
                $('cart-container').appendChild(bt);
            }
                        
            if($('iframe-container')) {
                var bt = document.createElement('div');
                    bt.setAttribute('id', 'iframe-container-bottom');
                $('iframe-container').appendChild(bt);
            }

            if($('error-container')) {
                var bt = document.createElement('div');
                    bt.setAttribute('id', 'error-container-bottom');
                $('error-container').appendChild(bt);
            }   
            
            if($('forgotten-password-container')) {
                var bt = document.createElement('div');
                    bt.setAttribute('id', 'forgotten-password-container-bottom');
                $('forgotten-password-container').appendChild(bt);
            }  

            if($('user-success-container')) {
                var bt = document.createElement('div');
                    bt.setAttribute('id', 'user-success-container-bottom');
                $('user-success-container').appendChild(bt);
            }                           
            
        }   

        
        if(ie6 && ( $('page-article-listing') || $('page-serp-listing') || $('page-article')  )) {
            
            var box_624_container = $('article-listing') || $('serp-listing') || $('article');
            
            var bt = document.createElement('div');
                bt.setAttribute('id', 'content-624-bottom');
                box_624_container.appendChild(bt);
        }   
        
                     
 
        if(typeof account_handler == "object") {
            account_handler.setup();
        }             

        if(typeof search_handler == "object") {
            search_handler.setup();
        }             

        
        if(typeof register_handler == "object") {
            //register_handler.setup();
        }      
        
        if(typeof products_pagination == "function") {
            if($('other-products') && $('page-product')) {
                var other_products_pagination = new products_pagination('other-products');
            }
        }
        
        if(ie6 && typeof banners_handler == "object") {
            banners_handler.setup();
        }
        
        if(typeof warning_18_handler == 'object') {
            warning_18_handler.setup();
        }
        
}