$(document).ready(function(){

	
    if ($.cookie("data")) {
        $('#slideInner').html('');
        setdata($.cookie("data"));
    }
    slide();
	
    function slide(num) {
        var slideWidth = 302;
        var currmarg = $.cookie("draggableDiv");
        if (currmarg) {
            var currentPosition = -(currmarg/slideWidth);
            $('#slideInner').css('marginLeft',$.cookie("draggableDiv")+'px');
        }
        else {
            var currentPosition = 0;
        }
        //console.log(currentPosition);
        var slides = $('.slide');
        var numberOfSlides = slides.length;
        if (num) {
            numberOfSlides = num;
        }
        // Remove scrollbar in JS
        $('#slidesContainer').css('overflow', 'hidden');

        // Wrap all .slides with #slideInner div
        slides
        .wrapAll('<div id="slideInner"></div>')
        // Float left to display horizontally, readjust .slides width
        .css({
            'float' : 'left',
            'width' : slideWidth
        });
        // Insert controls in the DOM
        $('#slideshow')
        .prepend('<span class="control" id="leftControl"></span>')
        .append('<span class="control" id="rightControl"></span>');

        // Set #slideInner width equal to total width of all slides
        $('#slideInner').css('width', slideWidth * numberOfSlides);

        // Hide left arrow control on first load
        manageControls(currentPosition);

        // Create event listeners for .controls clicks
        $('.control')
        .bind('click', function(){
		
		
            // Determine new position
            currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;

            // Hide / show controls
            manageControls(currentPosition);
            // Move slideInner using margin-left
            $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
            });
		
            $.cookie("draggableDiv", slideWidth*(-currentPosition));
        });

        // manageControls: Hides and Shows controls depending on currentPosition
        function manageControls(position){
            // Hide left arrow if position is first slide
            if(position==0){
                $('#leftControl').hide()
                } else{
                $('#leftControl').show()
                }
            // Hide right arrow if position is last slide
            if(position==numberOfSlides-3){
                $('#rightControl').hide()
                } else{
                $('#rightControl').show()
                }
        }	
    }
  
  
  
  
    $('.cat_block').hide();
    $('#item_infoblock div').not('#item_i_1').hide();
    $('.cat_categories h2').click(function() {
        $(this).toggleClass('opened');
        $(this).next('.cat_block').slideToggle();
    });
  
    $('#item_info li a').click(function(e) {
        e.preventDefault(); 
        var re = /\d+$/;
        var id = re.exec($(this).parent().attr('id')).join ('');
        $('#item_info li').removeClass('opened');
        $(this).parent().addClass('opened');
        $('#item_infoblock div').not('#item_i_'+id).hide();
        $('#item_i_'+id).slideDown(800);
    });
  
    $("#img_min a img").click(function(e) {
        e.preventDefault(); 
      
        var url = $(this).attr("src").replace("/t/", "/l/");            
        var wrap = $(".img").fadeTo("medium", 0.5);
        var img = new Image();
        img.onload = function() {
            wrap.fadeTo("fast", 1);
            wrap.find("img").attr("src", url);
        };
        img.src = url;
    });
   
    $("#item_bue").click(function(e) {
        e.preventDefault(); 
        var url = $('#url').val();   
        $.post(url+"shop/ajaxadd", {
            id: $('#id').val(),
            qty: 1,
            price: $('#price').val(),
            name:  $('#name').val()
        },
        function(data){
            $('#cart').html(data);
        },
        "html");
    });   
   
    $(".acc_add").click(function() {
        var url = $('#url').val();   
        $.post(url+"shop/ajaxadd", {
            id: $(this).find('.a_id').val(),
            qty: 1,
            price: $(this).find('.a_price').val(),
            name:  $(this).find('.a_name').val()
        },
        function(data){
            $('#cart').html(data);
        },
        "html");
    });   
   
    $(".remove").click(function() {
        var url = $('#url').val();   
        $.post(url+"shop/ajaxupdate", {
            id: $(this).attr("title"),
            qty: 0,
            price: $('#price').val(),
            name:  $('#name').val()
        },
        function(data){
            $('#cart').html(data);
        },
        "html");
    });
   
    $(".add").click(function() {
        var url = $('#url').val();   
        var rowid = $(this).attr("title");
        var num = parseInt( $('#'+rowid).val());
        $.post(url+"shop/ajaxupdate", {
            id: rowid,
            qty: num + 1,/* $('#qty').val(),*/
            price: $('#price').val(),
            name:  $('#name').val()
        },
        function(data){
            $('#cart').html(data);
        },
        "html");
    });
   
   
   
    $(".multiply").click(function() {
        var url = $('#url').val();   
        var rowid = $(this).attr("title");
        var num = parseInt( $('#'+rowid).val());
        $.post(url+"shop/ajaxupdate", {
            id: rowid,
            qty: num - 1,
            price: $('#price').val(),
            name:  $('#name').val()
        },
        function(data){
            $('#cart').html(data);
        },
        "html");
    });
   
    $('#menu ul li a').click(function(e){
        e.preventDefault(); 
        setdata($(this).attr('id'));
        $.cookie("draggableDiv", null);
    });
   
    function setdata(el) {
        //console.log(el);
        $('#menu ul li a').removeClass('current');
        $('#'+el).addClass('current');
        var url = $('#url').val();   
        var wts = el;
                
        $.post(url+"index/ajaxshowcase", {
            whattoshow: wts
        },
        function(data){
            $('#slideInner').html(data);
            $('#leftControl, #rightControl').remove();
            $('#slideInner').css('marginLeft' , 0);
            slide.apply($('.slide').length);
            $.cookie("data", wts);
        //console.log($.cookie("data"));
        },
        "html");
					
    };
  
    $('#logo').click(function(){
        $.cookie("draggableDiv", null);
        $.cookie("data", null);
    });
    
    $("#commentsender").click(function() {
        var url = $('#url').val();   
        var rowid = $('#itemId').val();
        $.post(url+"shop/ajaxcomment", {
            id: rowid,
            text: $('#usercomment').val(),
            name: $('#username').val(),
            capinput: $('#capinput').val()
        },
        function(data){
            $('#ecode').html(data.ecode);
            $('#captchaimage').html(data.newcap.image);
        },
        "json");
     });
  
});