$(document).ready(function() {

   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   } 
  
	$.Lightbox.construct({
		files: {
			// If you are doing a repack with packer (http://dean.edwards.name/packer/) then append ".packed" onto the js and css files before you pack it.
			js: {
				lightbox:	'js/jquery.lightbox.js'
			},
			css: {
				lightbox:	'css/lightbox.css'
			},
			images: {
				prev:		'images/lightbox/prev.gif',
				next:		'images/lightbox/next.gif',
				blank:		'images/lightbox/blank.gif',
				loading:	'images/lightbox/loading.gif'
			}
		},
		text: {
			about: {
				text: 	''
			}
		}
	});
	
	$('#productSortForm :input[name="sort"]').change(function() {
		return $(this).parents('form').submit();
	});
	
	$('.productPhoto img').each(function() {
		if ($(this).width() > 100) {
			$(this).width(100);
		}
	});	
	
	$('tr.attribute').mouseover(function() {
		$(this).children('td').addClass('active');
	});
	$('tr.attribute').mouseout(function() {
		$(this).children('td').removeClass('active');
	});

	$('.dokoszyka :input[name="add_to_cartbutton"]').click(function() {
		if($(this).parents('form').find('.select_product').val()=='no_combination'){
		  alert('Przed dodaniem produktu do koszyka proszę wybrać jego kolor i rozmiar!');
		}else{
      return $(this).parents('form').submit();
    }
	});
	
	$('input.cssButton').mouseover(function() {
		$(this).removeClass('cssButton');
		$(this).addClass('cssButtonHover');
	});
	$('input.cssButton').mouseout(function() {
		$(this).removeClass('cssButtonHover');
		$(this).addClass('cssButton');
	});
	
	var textWidth = $('#infoText').width();
	$('#infoText').css('margin-left',$('#infoBar').width()+'px');
	
	
	window.setInterval(function() {
		var margin = parseInt($('#infoText').css('margin-left'));
		$('#infoText').css('margin-left',(margin-1)+'px');
		if (parseInt($('#infoText').css('margin-left')) <= parseInt('-'+textWidth)) {
			$('#infoText').css('margin-left',$('#infoBar').width()+'px');
		}
	}, 60);
	
	$('.tooltip_desc').each(function() {
		if ($(this).find('.tooltip_text').size() > 0) {
      $(this).simpletip({
				content: $(this).find('.tooltip_text').text(),
				position: 'right',
				offset: [5,0],
				baseClass: 'tooltipForText'
			});	
		} else if ($(this).find('.tooltip_html').size() > 0) {
      $(this).simpletip({
				content: $(this).find('.tooltip_html').html(),
				position: 'right',
				offset: [5,0],
				baseClass: 'tooltipForHtml',
				showEffect: 'none' //'slide'
			});	
		}
		
	});
	
});
  

/*
 * 	Easy Slider 1.5 - jQuery plugin
 *	written by Alen Grakalic	
 *	http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
 *
 *	Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
 
/*
 *	markup example for $("#slider").easySlider();
 *	
 * 	<div id="slider">
 *		<ul>
 *			<li><img src="images/01.jpg" alt="" /></li>
 *			<li><img src="images/02.jpg" alt="" /></li>
 *			<li><img src="images/03.jpg" alt="" /></li>
 *			<li><img src="images/04.jpg" alt="" /></li>
 *			<li><img src="images/05.jpg" alt="" /></li>
 *		</ul>
 *	</div>
 *
 */

(function($) {

	$.fn.easySlider = function(options){
	  
		// default configuration properties
		var defaults = {			
			prevId: 		'prevBtn',
			prevText: 		'',
			nextId: 		'nextBtn',	
			nextText: 		'',
			controlsShow:	true,
			controlsBefore:	'',
			controlsAfter:	'',	
			controlsFade:	true,
			firstId: 		'firstBtn',
			firstText: 		'First',
			firstShow:		false,
			lastId: 		'lastBtn',	
			lastText: 		'Last',
			lastShow:		false,				
			vertical:		false,
			speed: 			800,
			auto:			false,
			autonext:  false,
			autoprev:			false,
			pause:			0,
			continuous:		false,
			visible:   1,
			box: false
		}; 
		
		var options = $.extend(defaults, options);  
				
		this.each(function() {  
			var obj = $(this); 				
			var s = $("li", obj).length;
			var w = $("li", obj).width(); 
			var h = $("li", obj).height(); 
			obj.width(w*options.visible); 
			obj.height(h); 
			obj.css("overflow","hidden");
			var ts = s-1 - (options.visible-1);
			var t = 0;
			$("ul", obj).css('width',s*w);			
			if(!options.vertical) $("li", obj).css('float','left');
			
			if(options.controlsShow){
				var html = options.controlsBefore;
				var klasa = (options.box) ? 'Box' : '';
				if(options.firstShow) html += '<span id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
				html += ' <span id="'+ options.prevId +'" class="prevBtn'+ klasa +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
				html += ' <span id="'+ options.nextId +'" class="nextBtn'+ klasa +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
				if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';
				html += options.controlsAfter;						
				$(obj).after(html);										
			};
	
			$("a","#"+options.nextId).mouseover(function(){
          options.autonext = true;
          animate("next",false);
			});
			$("a","#"+options.nextId).mouseout(function(){
          options.autonext = false;	
			});
			$("a","#"+options.prevId).mouseover(function(){	
        options.autoprev = true;
        animate("prev",false);					
			});
      $("a","#"+options.prevId).mouseout(function(){		
				options.autoprev = false;			
			});	
			$("a","#"+options.firstId).click(function(){		
				animate("first",true);
			});				
			$("a","#"+options.lastId).click(function(){		
				animate("last",true);				
			});		
			
			function animate(dir,clicked){
				var ot = t;				
				switch(dir){
					case "next":
						t = (ot>=ts) ? (options.continuous ? 0 : ts) : t+1;						
						break; 
					case "prev":
						t = (t<=0) ? (options.continuous ? ts : 0) : t-1;
						break; 
					case "first":
						t = 0;
						break; 
					case "last":
						t = ts;
						break; 
					default:
						break; 
				};	
				
				var diff = Math.abs(ot-t);
				var speed = diff*options.speed;						
				if(!options.vertical) {
					p = (t*w*-1);
					$("ul",obj).animate(
						{ marginLeft: p }, 
						speed
					);				
				} else {
					p = (t*h*-1);
					$("ul",obj).animate(
						{ marginTop: p }, 
						speed
					);					
				};
				
				if(!options.continuous && options.controlsFade){					
					if(t==ts){
						$("a","#"+options.nextId).hide();
						$("a","#"+options.lastId).hide();
					} else {
						$("a","#"+options.nextId).show();
						$("a","#"+options.lastId).show();					
					};
					if(t==0){
						$("a","#"+options.prevId).hide();
						$("a","#"+options.firstId).hide();
					} else {
						$("a","#"+options.prevId).show();
						$("a","#"+options.firstId).show();
					};					
				};				
				
				if(clicked) clearTimeout(timeout);
				if(options.auto && dir=="next" && !clicked){;
					timeout = setTimeout(function(){
						animate("next",false);
					},diff*options.speed+options.pause);
				};
				if(options.autonext && dir=="next" && !clicked){;
					timeout = setTimeout(function(){
					  if(options.autonext){
						  animate("next",false);
						}
					},speed+options.pause);
				};
				if(options.autoprev && dir=="prev" && !clicked){;
					timeout = setTimeout(function(){
					    if(options.autoprev){
						    animate("prev",false);
						  }
					},speed+options.pause);
				}; 
				
			};
			// init
			var timeout;
			if(options.auto){;
				timeout = setTimeout(function(){
					animate("next",false);
				},options.pause);
			};
      if(options.autoprev){;
				timeout = setTimeout(function(){
					animate("prev",false);
				},options.pause);
			};		
		
			if(!options.continuous && options.controlsFade){					
				$("a","#"+options.prevId).hide();
				$("a","#"+options.firstId).hide();				
			};				
			
		});
	  
	};

})(jQuery);
