function ShowBubble(msg){ // shows invitation
	 $("body").append("<div id='screen'><a href='javascript:void(0)'></a></div>");
    $("body").append("<div id='lightbox'></div>").show();
	 $("#lightbox").append(msg);
	 $("body").append("<iframe id='lightiframe' src='javascript:void(0);' marginwidth='0' marginheight='0' align='bottom' scrolling='no' frameborder='0'></iframe>");
    $('#screen').css('height', getyScroll());
	 $('#screen a, #lightbox a.jHelperTipClose').bind('click', HideBubble); 
	 $("#lightbox").css('top', (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body && document.body.scrollTop ? document.body && document.body.scrollTop : 0) + 30);
	 $("#lightiframe").css('top', $("#lightbox").css('top'));
	 $("#lightiframe").css('left', $("#lightbox").css('left'));
	 $("#lightiframe").css('margin-left', $("#lightbox").css('margin-left'));
 	 $("#lightiframe").width($("#lightbox").width());
	 $("#lightiframe").height($("#lightbox").height());
	 if ($.browser.msie && parseInt($.browser.version) <= 6){
	    $(document).pngFix();
	 }    
    return false;
}

function limitText(limitField, limitCount, limitNum) { 
 if (limitField.value.length > limitNum) {
 limitField.value = limitField.value.substring(0, limitNum);
 } else {
 limitCount.value = limitNum - limitField.value.length;
 }
} 

function optionChanged(optionBox, optionDiscontinued, noOptionImages, imageLocation, frameSizes, order) {
	
    $(".optionSubmitForm .optionbox").css('background-color', '#F1F1F1'); //remove border from the other boxes 
    $(optionBox).css('background-color', '#CDCDCD'); //add border to the selected box
    
    
       $(".optionbox").closest('form').bind("submit", function() { return false; }) 
   if($(optionBox).hasClass('selected'))
   {
    $(optionBox).closest('form').unbind();    
   } 
       $(".shoppingcart", ".optionbox").css("cursor", "pointer"); 
      $(".recept", ".optionbox").css("cursor", "pointer");
    
	$("#optionSubmitForm input[name='option']").show();
        
      
          $(".shoppingcart", ".optionbox").attr("src", "/_resource/_image/cart_in.jpg");
   $(".recept", ".optionbox").attr("src", "/_resource/_image/recept_in.jpg"); 
        

    $(".optionbox").css("cursor", "pointer");  
 
     
        
       $(".shoppingcart", optionBox).attr("src", "/_resource/_image/cart.jpg");
   $(".recept", optionBox).attr("src", "/_resource/_image/recept.jpg");
  
  



   
   $(optionBox).css("cursor", "default");  
   
   $(".optionbox").removeClass('selected');
   $(optionBox).addClass('selected');
   
    
    
    
    

    
    
     var proddesc = $(".mark", optionBox).html() ;
    $(".productDescriptionPrice").html(proddesc);
         var retprice = $(".retailprice", optionBox).html() ;
    $(".rrp").html(retprice);
         var pricediff = $(".pricediff", optionBox).html() ;
       
    $(".price", ".priceinfo").html(pricediff);
         var prcnt = $(".prcnt", optionBox).html() ;
    $(".benefit", ".priceinfo").html(prcnt);
    
	if (optionDiscontinued) { //hide stuff if option is not buyable
		$("#buyButtonsBlock").hide();
	} else {
		$("#buyButtonsBlock").show();
	}
    
    
   

	$(".optionSubmitForm input[name='option']").attr('value', order); //change the option id
	
	if (!noOptionImages) {
		setTimeout('ChangeSrcImg("'+imageLocation+'")',10);
         //change image
        $('#largeimagelink').attr("href", imageLocation.replace('stockpix', 'fullsized'));
	}
	
	
	
	
}

function ChangeSrcImg(imageLocation){
  $("#mainImage").attr('src', imageLocation);  
}

function sizeChanged(elem) {
	var size = $('option:selected', elem);
	
	if (size) {
		size = size.html();
	} else {
		size = 'N/A-N/A-N/A'; 
	}
		
	var sizeParts = size.split('-');
	
	$('#arm').html(sizeParts[0]+'мм');
	$('#bridge').html(sizeParts[1]+'мм');
	$('#lensWidth').html(sizeParts[2]+'мм');
}

function changeActionAttribute(formID, newAction) {  
	var form = $("."+formID);
	form.attr('action', newAction);    
	return true;
}

function HideBubble(){ // hides invitation
    $('#screen').remove();
	 $("#lightbox").remove();
    $("#lightiframe").remove();
	 
    return false;
}

function getyScroll(){ // calculates screen hight
      yScroll = 0;

      if (window.innerHeight && window.scrollMaxY){
        yScroll = window.innerHeight + window.scrollMaxY;

        var deff = document.documentElement;
        var hff = (deff&&deff.clientHeight) || document.body.clientHeight || window.innerHeight || self.innerHeight;

        yScroll -= (window.innerHeight - hff);
      } 
      else if (document.body.scrollHeight > document.body.offsetHeight){
        // all but Explorer Mac
        yScroll = document.body.scrollHeight;
      } 
      else{ // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        yScroll = document.body.offsetHeight;
      }

      return yScroll;
}      
$(document).ready(function(){

	// Top Banner slider
	$('#slider').nivoSlider({
        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:6000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:true, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:false, // 1,2,3... navigation
        controlNavThumbs:true, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });


	$(".light").click(function(){
		var relmatch = this.rel.match(/info\[(.+)\]/);
		if(relmatch) var key = relmatch[1];
		else return false;
		$.ajax({
			url: '/server/ajax/pophelp.php',
			data: 'key='+key,
			async: false,
			success: ShowBubble
		});
	});
	
    
    $('.menu').hover(function(){
        
    
        $('.navhover', this).stop(1).animate({opacity: 0.95}, 500);
         $('.navhover', this).css('display', 'block') ;
    }
   ,function(){

              $('.navhover', this).stop(1).animate({opacity: 0}, 300)    ;
                       $('.navhover', this).css('display', 'none');  
    })
    
    
    
    
	$(".popup").each(function(){ // Popup help function
		var relmatch = this.rel.match(/info\[(.+)\]/);
		if(relmatch) var key = relmatch[1];
		else return;
		$(this).jHelperTip({
			trigger: "click",
			source: "ajax",
			type: "GET", 
			url: '/server/ajax/pophelp.php',
			data: 'key='+key,
			loadingImg: '_resource/_image/_gif/loader.gif',
			loadingText: 'loading...',
			autoClose: true, 
			opacity: 1
		});
	});
});