$(document).ready(function() {
	$('body').addClass('js');
});

//LIGHTBOX
$(document).ready(function(){
	$('.lightbox').lightBox();
});

//SIDEBAR NAV
$(document).ready(function(){
 
	$("#sidebar ul li a").not("#sidebar ul li ul li a").click(function(){
		/*$(this).parent().addClass("active-closed").siblings().removeClass("active-closed");*/
		if ($(this).parent().hasClass("active")) { return false; /*$(this).parent().removeClass("active");*/ }
		else { $(this).parent().addClass("active").addClass("active-closed").siblings().removeClass("active"); }
	});

	$("#sidebar ul li ul li.active a").not("#sidebar ul li ul li ul li a").click(function(e){
		e.preventDefault();
		$(this).parent().addClass("active-closed").siblings().removeClass("active-closed");
		if ($(this).parent().hasClass("active")) { $(this).parent().removeClass("active"); }
		else { $(this).parent().addClass("active").siblings().removeClass("active"); }
	});
	
});



//FLASH REPLACE
$(document).ready(function(){		
    $('#flash_container').flash(null, { version: 8, update: true }, function(htmlOptions) {
		var $this = $(this);
        var params = $this.attr('rel').split('|');
        htmlOptions.src = params[0];
        htmlOptions.width = params[1];
        htmlOptions.height = params[2];
        htmlOptions.wmode = "transparent";
        this.innerHTML = '<div class="alt">'+this.innerHTML+'</div>';
        $this.addClass('flash-replaced').prepend($.fn.flash.transform(htmlOptions));
    }, function(htmlOptions){
		this.innerHTML = '<div id="slideshow-alt">'+this.innerHTML+'</div>';
	});
});


//jCarousel
$(window).load(function() {
	if ($('.selected_box.ver2 .productSliderBox ul li').length > 4) {
		$('.selected_box.ver2 .productSliderBox').jCarouselLite({
		   btnNext: '.carouselNext',
		   btnPrev: '.carouselPrev',
		   visible: 4,
		   scroll: 1,
		   auto: 0,
		   speed: 300,
		   hoverPause:true,
		   circular: false,
		   vertical: true
		});
	}
	else if ($('.selected_box.ver1 .productSliderBox ul li').length > 1) {
		$('.selected_box.ver1 .productSliderBox').jCarouselLite({
		   btnNext: '.carouselNext',
		   btnPrev: '.carouselPrev',
		   visible: 1,
		   scroll: 1,
		   auto: 0,
		   speed: 300,
		   hoverPause:true,
		   circular: false
		});
	}
	else if ($('.selected_box .productSliderBox ul li').length < 2 || $('.selected_box.ver2 .productSliderBox ul li').length < 5) {
		$('.carouselNext, .carouselPrev').hide();
	}

	// HOME NEWS SLIDER
	$('#newsSlider').slideDown();
	var maxH = 0;
	$('#newsSlider ul li').each(function() {
		var currH = $(this).height();
		if (currH > maxH) { maxH = currH; }
	});
	$('.newsItems .newsNext, .newsItems .newsPrev').height(maxH);
	if ($('#newsSlider ul li').length > 3) {
		$('#newsSlider').jCarouselLite({
		   btnNext: '.newsNext',
		   btnPrev: '.newsPrev',
		   visible: 3,
		   scroll: 1,
		   auto: 0,
		   speed: 500,
		   hoverPause:true,
		   circular: false
		});
	}
	else {
		$('.newsItems .newsNext, .newsItems .newsPrev').css({ background: '#ffffff', cursor: 'default' });
		$('#newsSlider ul li').height(maxH).css('overflow', 'hidden');
	}

});


//CYCLE
$(document).ready(function() {

	startSlide = 0;
	if ( $('#detail_product_box').length > 0 ) {
		startSlide = $('#detail_product_box .productInfo .description.active').index();
	}

	if ( startSlide == 0 ) { $('#detailPrev, .ver1 #detail_product_box .productNav li.arrowPrev').addClass('disabled'); } 
	if ( startSlide == ($('#detail_product_box .descriptionWrapper .description').length-1) ) { 
		$('#detailNext, .ver1 #detail_product_box .productNav li.arrowNext').addClass('disabled'); 
	} 

	$('.cycleBlock .itemWrapper, #detail_product_box .productImages .items, #detail_product_box .descriptionWrapper').css('opacity', '0');
	if ($.browser.msie) {
		$('.cycleBlock .itemWrapper #detail_product_box .productImages .items').css('background', 'white');
	}
});

$(window).load(function(){
	$('.cycleBlock .itemWrapper').each(function() {
		var itemCount = $(this).find('.item').length;
		var pagerObj = $(this).closest('.cycleBlock').find('.cycle_nav');
		if ( itemCount > 1 ) {
			$(this).cycle({
				fx: 'fade',
				timeout: 0,
				speed: 500,
				pager: pagerObj,
				slideResize: 0,
				before: function(currSlideElement, nextSlideElement, options, forwardFlag) {
					$(this).animate({
						height: $(nextSlideElement).height()
						}, 500, function() {
					});
				}
			});
			$(pagerObj).find('a:not(:last)').css('marginRight', ( 352-itemCount*23) / (itemCount-1) );
		} else {
			$(pagerObj).hide();
			$(this).closest('.cycleBlock').addClass('noCycle');
		}
	});
	$('.cycleBlock .itemWrapper').fadeTo(500, 1);
	
	$('#detail_product_box .descriptionWrapper').cycle({
		fx: 'fade',
		timeout: 0,
		speed: 300,
		nowrap: true,
		slideResize: 0,
		startingSlide: startSlide,
		prev: '#detailPrev',
		next: '#detailNext',
		pager: '#pagerDesc',
		before: function(currSlideElement, nextSlideElement, options, forwardFlag) {
			$('#detail_product_box .descriptionWrapper').stop(true, true).animate({
				height: $(nextSlideElement).height()
				}, 500, function() {
			});
		},
		onPrevNextEvent: function(isNext, zeroBasedSlideIndex, slideElement) {
			disableArrows(zeroBasedSlideIndex);
		},
		onPagerEvent: function(zeroBasedSlideIndex, slideElement) {
			disableArrows(zeroBasedSlideIndex);
		}
	});
	$('#mainContent.detail_view .recommended_productsWrapper').cycle({
		fx: 'fade',
		timeout: 0,
		speed: 300,
		nowrap: true,
		slideResize: 0,
		startingSlide: startSlide,
		prev: '#detailPrev',
		next: '#detailNext',
		pager: '#pagerReco',
		before: function(currSlideElement, nextSlideElement, options, forwardFlag) {
			$('#mainContent.detail_view .recommended_productsWrapper').stop(true, true).animate({
				height: $(nextSlideElement).height()
				}, 500, function() {
			});
		}
	});
	if ( $('#mainContent.detail_view .recommended_productsWrapper .recommended_products').length == 1 ) {
		$('#mainContent.detail_view .recommended_productsWrapper .recommended_products').show();
	}
	$('#detail_product_box .productImages .items').cycle({
		fx: 'scrollHorz',
		timeout: 0,
		speed: 200,
		nowrap: true,
		slideResize: 0,
		startingSlide: startSlide,
		prev: '#detailPrev',
		next: '#detailNext',
		pager: '#pagerImg'
	});
	
	$('.ver1 #detail_product_box .productNav li.arrowPrev a').click(function(e){
		e.preventDefault();
		if ( $('ul.penTips').length > 0 ) {
			$('ul.penTips li.active').prev('li').click();
		} else {
			$('#detailPrev').click();
		}
	});
	$('.ver1 #detail_product_box .productNav li.arrowNext a').click(function(e){
		e.preventDefault();
		if ( $('ul.penTips').length > 0 ) {
			$('ul.penTips li.active').next('li').click();
		} else {
			$('#detailNext').click();
		}
	});	
	
	$('#detail_product_box .productImages .items, #detail_product_box .descriptionWrapper, #mainContent.detail_view .recommended_productsWrapper').fadeTo(500, 1);
});

function disableArrows(zeroBasedSlideIndex) {
	if ( zeroBasedSlideIndex == 0 ) { 
		$('#detailPrev, .ver1 #detail_product_box .productNav li.arrowPrev').addClass('disabled'); 
	} else {
		$('#detailPrev, .ver1 #detail_product_box .productNav li.arrowPrev').removeClass('disabled'); 
	}
	if ( zeroBasedSlideIndex == ($('#detail_product_box .descriptionWrapper .description').length-1) ) { 
		$('#detailNext, .ver1 #detail_product_box .productNav li.arrowNext').addClass('disabled'); 
	} else {
		$('#detailNext, .ver1 #detail_product_box .productNav li.arrowNext').removeClass('disabled'); 
	}
}

//DETAIL_PRODUCT_BOX (VER2) PAGER (PEN_TIPS)
$(document).ready(function() {
	var penTips = $('#detail_product_box .productImages ul.penTips');
	$(penTips).css('opacity', '0');
	if ($.browser.msie) {
		$(penTips).css('background', 'white');
	}
});
$(window).load(function(){
	var penTips = $('#detail_product_box .productImages ul.penTips');
	//center position
	$(penTips).css('left', ( 602 - $(penTips).width() ) / 2 + 10 );
	$(penTips).fadeTo(500, 1);
	$(penTips).find('li').live('click', function(e){
		e.preventDefault();
		if ( !($(this).is('.active')) ) {
			var index = $(this).index();
			$(this).addClass('active').siblings().removeClass('active');
			$('#detail_product_box #pagerImg a:eq('+index+'), #detail_product_box #pagerReco a:eq('+index+'), #detail_product_box #pagerDesc a:eq('+index+')').click();
		}
	});
});

//TINY SCROLLBAR
$(window).load(function(){
	if ( $('.scrollbarWrapper').length > 0 ) {
		$('.scrollbarWrapper').tinyscrollbar();
		if ( $('.scrollbarWrapper .scrollbar.disable').length > 0 ) {
			$('.scrollbarWrapper').addClass('noScrollbar');
		}
	}
});

//SHOPS & NEWS_LIST ITEM HEIGHT
$(window).load(function() {
	$('.shops .section .row, .news_list .row').each(function(){
		var maxH = 0;
		$(this).find('.item').each(function(){
			if ( $(this).height() > maxH ) {
				maxH = $(this).height();
			}
		});
		$(this).find('.item').height(maxH);
	});
	$('.shops .section .row.last:last').removeClass('last');
	$('.news_list .row:last').addClass('last');
});

//HOVER LIST ITEMS
$(document).ready(function() {
	$('.listProducts .item, .recommended_products .item').hover(function(){
		$(this).addClass('on');
	}, function(){
		$(this).removeClass('on');
	});
});

//PAGINATION
$(document).ready(function() {
	$('.pagination ul').each(function() {
		$(this).find('a:not([href]):not(.active)').addClass('ellipsis');
	});
	$('.pagination ul').css('marginLeft', ( $('.pagination').width() - $('.pagination ul').width() ) / 2 );
});

//CLEAR-DEFAULT TEXT
$(document).ready(function() {
	$('input.clear-default').each(function() {
		var defaultTitle = $(this).attr('title');
		if ($(this).attr('value') == defaultTitle) {
			$(this).css({ color: '#c6c8ca', fontStyle: 'italic' });
		}
		if ($(this).attr('value') == '') {
			$(this).attr('value', defaultTitle).css({ color: '#c6c8ca', fontStyle: 'italic' });
		}
		$(this).focus(function() {
			if ($(this).attr('value') == defaultTitle) {
				$(this).attr('value', '').css({ color: '#686868', fontStyle: 'normal' });
			}
		});
		$(this).blur(function() {
			if ($(this).attr('value') == '') {
				$(this).attr('value', defaultTitle).css({ color: '#c6c8ca', fontStyle: 'italic' });
			}
		});
	});
	$('input.clear-default').closest('form').submit(function() {
		$(this).find('input[type=text][title]').each(function() {
			var defaultTitle = $(this).attr('title');
			if ($(this).attr('value') == defaultTitle) {
				$(this).attr('value', '');
			}
		});
	});
});

//AUTOCOMPLETE SEARCH
var request = null;
$(document).ready(function(){

    $('.autocomplete_2').live("keyup",function(event){ 
		var ac_f = $(this).attr("name");
		$('input[name="'+ac_f+'_id"]').val(""); 
		autocomplete_2($(this),event);
	});
});

var autocomplete_2_xhr;
function autocomplete_2(el,event){
    var keyData = "asdfghjklèæžqwertzuiopšðyxcvbnm1234567890";
    var key = String.fromCharCode(event.which).toLowerCase();
	
	// (38) arrow up, (40) arrow down
	if ( event.which == 38 || event.which == 40 ) {
		if( $('#autocompletePopup ul li').length > 0 ){
			if( $('#autocompletePopup ul li.over').length == 0 && event.which == 40 ){
				$('#autocompletePopup ul li:eq(0)').addClass('over');
			} else if ( event.which == 40 && $('#autocompletePopup ul li.over').next('li').length > 0 ) {
				$('#autocompletePopup ul li.over').removeClass('over').next('li').addClass('over');
			} else if ( event.which == 38 ) {
				$('#autocompletePopup ul li.over').removeClass('over').prev('li').addClass('over');
			}
			
			if( $('#autocompletePopup ul li.over').length > 0 ){
				el.val($('#autocompletePopup ul li.over').text()).next('input[type=hidden]').val($('#autocompletePopup ul li.over').attr('rel'));
			}
		}
	}
	// (8) backspace, (32) ?, (46) del, (190) dot, (96) numPad0
    else if( keyData.search(key) != -1 || event.which == 8 || event.which == 32 || event.which == 46 || event.which == 190 || event.which == 96 ){
        if( el.val().length>1){
            var info = el.attr("rel").split("|"); 
            if( autocomplete_2_xhr ) autocomplete_2_xhr.abort();
            autocomplete_2_xhr = $.getJSON(encodeURI(info[0]+el.val()),function(data){
                
                if(data.length!=0){
                    if($("#autocompletePopup").html()==null){
                        $("body").append('<div id="autocompletePopup" style="width:300px;"><ul style="max-height:none;"></ul></div>');
                        var offset = el.offset();
                        var offsetTop = offset.top+el.height()+4;
                        var offsetLeft = offset.left;
                        var width = parseFloat(el.width()) + 8;
                        $(document).click(function(){ $("#autocompletePopup").remove(); });
                        $("input, select").focus(function(){ $("#autocompletePopup").remove(); });                        
                        $("#autocompletePopup").css({top: offsetTop+4, left: offsetLeft}).show();
                    }
                    var popupEl = $("#autocompletePopup");
                    var list = "";
                    $.each(data, function(i,item){
                          list = list+'<li rel="'+item.id+'" title="'+item.title+'">'+item.title+'</li>';
                    });
                    popupEl.find('ul').html(list);
                    popupEl.find('ul li').hover(function(){
						$(this).addClass('over').siblings().removeClass('over');
					}, function(){
						$(this).removeClass('over');
					});
                    popupEl.find("li").click(function(){
                        el.val($(this).text()).next("input[type=hidden]").val($(this).attr("rel"));
                    });

                } else {
                    if($("#autocompletePopup").html()!=null){
                        $("#autocompletePopup").remove();
                    }                
                }
            },"json");          
        }
    }
}


$(document).ready(function(){
	$('#searchBox form input').keypress(function(e){	
		if(e.which == 13) {
			e.preventDefault();
			$('#autocompletePopup ul li.over').click();
			$(this).closest('form').submit(); 
		}
	});
});

//LOGIN POPUP
$(document).ready(function() {
	$('.login_button a.button, #detail_product_box a.register, a.register_back').live('click', function(e){
		e.preventDefault();
		$('#popup_form_wrapper').remove();
		openPopup( $('.login_button .login_form').html(), 'loginPopup' );
	});
	$('.loginPopup a.recover_password, .loginPopup a.new_user').live('click', function(e){
		e.preventDefault();
		$('#popup_form_wrapper').remove();
		openPopup( $('.login_button .' + $(this).attr('rel') ).html(), 'loginPopup' );
		$('button.recover, button.newUser').live('click', function(e){
			e.preventDefault();

			$(this).closest('form').find('.row').each(function(){
				$(this).removeClass('error');
				if ( $(this).find('em').length > 0 && $(this).find('input').val() == '' ) {
					$(this).addClass('error');
				}
			});

			if ( $(this).closest('form').find('.row.error').length == 0 ) {
				$.ajax({
					type: "POST",
					url: $(this).attr('rel'),
					data: $(this).closest('form').serialize(),
					dataType: "json",
					success: function(data){
						$('#popup_form_inner .ajaxMsg').remove();
						if ( data.hide_form == true ) { 
							$('#popup_form_inner form').hide(); 
							$('#popup_form_inner h1').after('<p class="ajaxMsg">' + data.response + '</p>');
							pageTracker_trackEvent_RegistracijaObrazac_Poslano(); /**GA*/
						} else {
							$('#popup_form_inner h1').after('<p class="ajaxMsg ajaxMsgError">' + data.response + '</p>');
							if ( data.input.length > 0 ) {
								$('#popup_form_inner form').find('input[name=' + data.input + ']').closest('.row').addClass('error');
							}
						}
					}
				});
			}
		});
	});
});

//OPEN POPUP
function openPopup(popupContent, popupClass) {
	$('body').append('<div id="popup_form_wrapper"><div id="popup_form_overlay"></div><div id="popup_form" class="' + popupClass + ' cms_txt"><div class="close"></div><div id="popup_form_inner">' + popupContent + '</div></div></div>');
	var overlayEl = $("#popup_form_overlay");
	overlayEl.css({ height:$(document).height(), width:$(window).width() }).show();

	$('#popup_form_wrapper .close').click(function(e){
		e.preventDefault();
		$('#popup_form_wrapper').remove();
	});
	$('#popup_form_wrapper #popup_form').css('top', $(window).scrollTop() + 80 );
	$('#popup_form_wrapper').show();
}

//GOOGLE MAP
var map;

$(document).ready(function(){
	if ( $('#gmap').length > 0 ) {
		var coordinates = $('#gmap').attr('rel').split('|');
		map = new google.maps.Map(document.getElementById('gmap'), {
			zoom: 14,
			mapTypeControlOptions: {
			  mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID ]
			},
			navigationControlOptions: {style: google.maps.NavigationControlStyle.DEFAULT},
			center: new google.maps.LatLng( coordinates[0], coordinates[1] ),
			mapTypeId: google.maps.MapTypeId.ROADMAP
		});
		var marker = new google.maps.Marker({
			position: new google.maps.LatLng( coordinates[0], coordinates[1] ),
			map: map
		});
	}
});


//OPEN VIDEO POPUP
$(document).ready(function() {
    $('a.videoEmbed').click(function(e){
		e.preventDefault();
		$("select").css("visibility","hidden");
		
		var iframe = $(this).find('div.embed').html();
		$('body').append('<div id="video-popup-overlay"></div><div id="video-popup">'+iframe+'<img class="close" src="'+phrasebook.URL_ROOT+'/images/lightbox-closebox.png" alt="zatvori" title="zatvori" /><span class="caption">'+$(this).attr('title')+'</span></div>');
		$('#video-popup iframe').width(640).height(390);
        
        var overlayEl = $("#video-popup-overlay");
        var popupEl = $("#video-popup");
        var closeButton = popupEl.find(".close");          
        var left = ($(window).width() - popupEl.width())/2;
        var top = $(window).scrollTop()+50;
        
        $(window).resize(function(){ position_popup(overlayEl,popupEl); });
        overlayEl.click(function(){ close_popup(overlayEl,popupEl); });
        closeButton.click(function(){ close_popup(overlayEl,popupEl); });

        overlayEl.css({ height:$(document).height(), width:$(window).width(), opacity: "0.8" }).show();
        if((top+parseFloat(popupEl.height()))>overlayEl.height()){ overlayEl.height((top+parseFloat(popupEl.height()))+30); }
        popupEl.css({ left: left, top: top }).fadeIn("slow");

    });
  
    function position_popup(overlayEl,popupEl){
        overlayEl.hide().css({ height:$(document).height(), width:$(document).width(), opacity: "0.8" }).show();
        var left = ($(window).width() - popupEl.width())/2;
        var top = $(window).scrollTop()+50;
        popupEl.css({ left: left, top: top });
    }
    
    function close_popup(overlayEl,popupEl){       
        popupEl.fadeOut("slow",function(){
            popupEl.remove();
        });
        overlayEl.fadeOut("slow",function(){
            $("select").css("visibility","visible");        
            overlayEl.remove();
        });
        $(window).unbind("resize");
    }
});


//SHARE FB & TWITTER
$(document).ready(function() {
	$(".share li a").click(function(){
		var pageTitle = encodeURI(document.title.replace(/š/g,"s").replace(/ð/g,"d").replace(/è/g,"c").replace(/æ/g,"c").replace(/ž/g,"z").replace(/Š/g,"S").replace(/Ð/g,"D").replace(/È/g,"C").replace(/Æ/g,"C").replace(/Ž/g,"Z"));
		var pageLink = encodeURI(window.location);
		switch ($(this).closest('li').attr('rel')){
		  case "twitter":
			  var link = $(this).attr("href").split("|");
			  window.open(link[0]+pageTitle+link[1]+pageLink,"_blank");
			  return false;
			  break;
		  case "fb":
			  var link = $(this).attr("href").split("|");
			  window.open(link[0]+pageLink+link[1]+pageTitle,"_blank");
			  return false;
			  break;
			case "mail":
				window.location = "mailto:?subject="+pageTitle+"&body="+pageLink;
				return false;
				break;
			default:
			  return false;
			  break;
		}	  
	});
});

/**
* GOOGLE ANALYTICS FUNKCIJE
*/
var pageTracker_trackEvent_RegistracijaObrazac_Poslano = function(){
	_gaq.push(['_trackEvent', 'Registracija-obrazac', 'Registracija-obrazac-Poslano']);
	if( typeof console != 'undefined' && console ) console.log("_trackEvent( 'Registracija-obrazac', 'Registracija-obrazac-Poslano' )");
};
var pageTracker_trackEvent_RegistracijaObrazac_Aktivacija = function(){
	_gaq.push(['_trackEvent', 'Registracija-obrazac', 'Registracija-obrazac-Aktivacija']);
	if( typeof console != 'undefined' && console ) console.log("_trackEvent( 'Registracija-obrazac', 'Registracija-obrazac-Aktivacija' )");
};