// INPUT TEXT 
(function($){$.fn.inputText=function(sett){var o=$.extend({text:''},sett);return this.each(function(){if((this.type&&this.type=='text')||(this.type&&this.type=='textarea')){var text=this.value==''?o.text:this.value,that=this;$(this).val(text).focus(function(){if(this.value==text)this.value=''}).blur(function(){if(this.value=='')this.value=text});$(this.form).submit(function(){if(that.value==text)that.value=''})}})}}(jQuery));

$(function(){
    $('#header-list li').css('cursor', 'pointer').click(function(){
        window.location = $('h3 a', this).attr('href');
    });
    
    $('.text-hide').inputText({});
    
    //PRODUCT SCROLL
    $('.product-scroll').each(function(){
        var $this = $(this)
        var pager = 0;
        var scroll = {
            el: $('ul', this)
            ,elNumber: function(){return scroll.el.find("li").length;}
            ,elWidth: function(){return scroll.el.width();}
            ,elScroll: function(){return scroll.el[0].scrollWidth;}
            ,elScrollL: function(){return scroll.el[0].scrollLeft;}
            ,itemWidth: function(){return $('li', scroll.el).width();}
            ,coef: 7
            ,hover: function(e){
                e = e || window.event;
                if(e.type == 'mouseenter'){
                    $(e.target).addClass('hover');
                }
                else if(e.type == 'mouseleave'){
                    $(e.target).removeClass('hover');
                }   
            }
            ,controlN: function(){
                  if(left + scroll.elWidth() >= scroll.elScroll()){
                      $('.next', $this).fadeTo("fast", 0.33).addClass('disable').removeClass('hover').unbind();
                  }
                  if($('.prev', $this).is('.disable') && left > 0){
                      $('.prev', $this).fadeTo("fast", 1).removeClass('disable').click(scroll.prev).bind('mouseenter mouseleave', scroll.hover);
                  }
            }
            ,controlP: function(){
                if(left <= 0){
                    $('.prev', $this).fadeTo("fast", 0.33).addClass('disable').removeClass('hover').unbind();
                }
                if($('.next', $this).is('.disable') && left + scroll.elWidth() < scroll.elScroll()){
                    $('.next', $this).fadeTo("fast", 1).removeClass('disable').click(scroll.next).bind('mouseenter mouseleave', scroll.hover);
                }
            }
            ,next: function(sc, pa, pager, speed){
            	if(!speed) {
            		speed = 200;
            	}
                scroll.el.stop();
                if (sc > 0) {
                    var length = scroll.itemWidth() * sc;
                }
                else{
                    var length = scroll.itemWidth() * scroll.coef;
                }
                left = left + length;
                scroll.controlN(); 
                scroll.el.animate({
                    scrollLeft: left +'px'
                }, speed*scroll.coef);
                var number = scroll.elNumber();
                var width = number * scroll.itemWidth();
                var mod = number % scroll.coef;
                var maxLeft = width - mod * scroll.itemWidth();
                if(maxLeft == left) {
                	scroll.el.find("li:nth-child("+(number-scroll.coef+1)+")").addClass("th7");
                }
                if (pager) {
                    scroll.pagerControl(pa);
                }
                else{
                    scroll.pagerControl('plus');
                }
            }
            ,prev: function(sc, pa, pager){
                scroll.el.stop();
                if (sc > 0) {
                    var length = scroll.itemWidth() * sc;
                }
                else{
                    var length = scroll.itemWidth() * scroll.coef;
                }
                left = left - length;
                scroll.controlP();
                scroll.el.animate({
                    scrollLeft: left +'px'
                }, 200*scroll.coef);
                scroll.el.find("li:nth-child("+(scroll.elNumber()-scroll.coef+1)+")").removeClass("th7");
                if (pager) {
                    scroll.pagerControl(pa);
                }
                else{
                    scroll.pagerControl('minus');
                }
            } 
            ,pagerControl: function(operation){
                if (operation == 'plus'){
                    pager = pager + 1
                }
                else if (operation == 'minus'){   
                    pager = pager - 1               
                } 
                else if (operation > 0){
                    pager = operation - 1
                }
                $('.pager a').removeClass('active');
                $('.pager a:eq('+pager+')').addClass('active');
                
            }       
        };
        
        if(scroll.elWidth() < scroll.elScroll() ){
        	$this.append('<span class="prev"></span><span class="next"></span>');
        	var left = scroll.elScrollL();
            scroll.el.css('overflow-x', 'hidden');
            scroll.controlN();
            scroll.controlP();
            $('.next:not(.disable)', this).click(scroll.next).bind('mouseenter mouseleave', scroll.hover);
            $('.prev:not(.disable)', this).click(scroll.prev).bind('mouseenter mouseleave', scroll.hover);
            $this.append('<p class="pager reset"></p>');
            var pages = 1;
            $('li', scroll.el).each(function(index){
            	if ( $(this).index()==0 ){                	   
					$('.pager', $this).append('<a href="#" class="active">'+( pages )+'</a>');
					pages = pages + 1;
				}
				else if ( $(this).index()%scroll.coef==0 ){
					$('.pager', $this).append('<a href="#">'+( pages )+'</a>');
					pages = pages + 1;
				}
			});
			var pagerActive = 0;
			var pagerClick = 0;
			var pagerHelp = 0;
			
			$('.pager a', $this).click(function(){
				pagerClick = $(this).index();
				pagerActive = $('.pager .active').index();
				pagerHelp = Math.abs(pagerClick - pagerActive);			
				pagerHelp = pagerHelp * scroll.coef;
				pagerP = $(this).text()
				if (pagerClick > pagerActive){
				    scroll.next(pagerHelp, pagerP, true);
				}                                                
				else if (pagerClick < pagerActive){
				    scroll.prev(pagerHelp, pagerP, true);
                }
                else{
                    return false;
                }
				return false;
			});
			scroll.pagerControl(0);
			
			$('li', scroll.el).each(function(index){
            	if($(this).hasClass("selected-ring")) {
            		index += 1;
            		var page = Math.ceil(index/scroll.coef);
        			for(var i=1; i<page; i++) {
        				scroll.next(pagerHelp, page, true, 1);
        			}
            		
            		scroll.pagerControl(page);
            	}
			});
        }
    });
});