this.tooltip = function(){	
  $('#product-review-list').jcarousel({ vertical: true, scroll: 1 });
  
	xOffset = 140;
	yOffset = 5;	
	$(".jcarousel-skin-related li a").hover(function(e){	
		var rel = this.rel;
		this.t = $('#'+rel).html();
		//this.t = $(this).html();
		this.title = "";									  
		$("body").append("<div id='tooltip'>"+ this.t +"</div>");
		$(document).pngFix();
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$(".jcarousel-skin-related li a").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

  $(document).ready(function(){
		
		jQuery('#jcarousel-product-pictures').jcarousel({
			scroll: 4,
			wrap: 'last'
		});
		jQuery('.jcarousel-skin-related').jcarousel({
			scroll: 5,
			wrap: 'last'
		});
		
		$('#secondary-links li').hover(
			function() { $('ul', this).show(); $(this).addClass("active"); },
			function() { $('ul', this).hide(); $(this).removeClass("active"); });
	});

$(document).ready(function () {
  $('#product-reviews .pager').data('pager', { count: reviews_count, limit: reviews_limit, current: 0, order: 0 }); // 0: newest, 1: highest rating, 1: most helpful
  jQuery('.block-popular ul').Accordion({
    active: 'h3.selected',
    header: 'h3.head',
    alwaysOpen: false,
    animated: true,
    showSpeed: 300,
    hideSpeed: 300
  });
  jQuery('.block-popular ul').activate();
		
  $('.block-reviews .tab-links').tabs();
  $('.add-cart').click(function () {
		var id = ($(this).attr('id').match(/add-(\d+)/))[1];
		$.post(config_siteurl + 'cart/add', {item_id: id, quantity: $('#quantity-'+id).attr('value')}, function (data) {
               if ($('#cart-list').length) {
			    $('#cart-list').empty();
			    for (i in data) {
				$('#cart-list').append('<li>' + 
				'<div class="product-img frame 40"><img src="'+config_siteurl+'files/' + data[i].product_id + '/mini/' + data[i].picture_path + '" title="' + data[i].name + '" alt="'+data[i].name+'" border="0" height="40"/></div>' +
				'<div class="product-info">' +
				'<strong>' + data[i].name + '</strong><br/>' +
				data[i].quantity + 'x ' + data[i].format + ' - IDR ' + data[i].price +
				'</li>');
    			    }
                            //$('#cart-list').css('display', 'block');
                        } else {
                            //var html = '<ul id="cart-list" style="display: block">';
                            var html = '<ul id="cart-list">';
			    for (i in data) {
				html += '<li>' + 
				'<div class="product-img frame 40"><img src="'+config_siteurl+'files/' + data[i].product_id + '/mini/' + data[i].picture_path + '" title="' + data[i].name + '" alt="'+data[i].name+'" border="0" height="40"/></div>' +
				'<div class="product-info">' +
				'<strong>' + data[i].name + '</strong><br/>' +
				data[i].quantity + 'x ' + data[i].format + ' - IDR ' + data[i].price +
				'</li>';
    			    }
                            html += '</ul>';
                            $('#cart').append(html);
			}
                        $('#add-to-cart-popup').html('<div class="message success">Item added to shopping cart.</div>');
                        display_popup('add-to-cart-popup');
                        setTimeout('$("#add-to-cart-popup").jqmHide()', 6000);
		}, 'json');
		return false;
	});
  
  /* add to cart for workshop */
		  $('.add-cart-with-worhshop').click(function () {	
			 //var workshops = new Array();
			 var workshops = '';
			 var i = 0;
			 $('.wid').each(function(){									 
				workshops += $(this).attr('id') + '_' + $(this).val()+',';
				i++;			
			});	
			workshops += '0';
			//alert(workshops);

			 $.post(config_siteurl + 'cart/add_with_workshop', {item_id: $('#item_id').attr('value'), quantity: $('#quantity').attr('value'), workshop: workshops }, function (data) {
               if ($('#cart-list').length) {
			    $('#cart-list').empty();
			    for (i in data) {
				$('#cart-list').append('<li>' + 
				'<div class="product-img frame 40"><img src="'+config_siteurl+'files/' + data[i].product_id + '/mini/' + data[i].picture_path + '" title="' + data[i].name + '" alt="'+data[i].name+'" border="0" height="40"/></div>' +
				'<div class="product-info">' +
				'<strong>' + data[i].name + '</strong><br/>' +
				data[i].quantity + 'x ' + data[i].format + ' - IDR ' + data[i].price +
				'</li>');
    			    }
                            //$('#cart-list').css('display', 'block');
                        } else {
                            //var html = '<ul id="cart-list" style="display: block">';
                            var html = '<ul id="cart-list">';
			    for (i in data) {
				html += '<li>' + 
				'<div class="product-img frame 40"><img src="'+config_siteurl+'files/' + data[i].product_id + '/mini/' + data[i].picture_path + '" title="' + data[i].name + '" alt="'+data[i].name+'" border="0" height="40"/></div>' +
				'<div class="product-info">' +
				'<strong>' + data[i].name + '</strong><br/>' +
				data[i].quantity + 'x ' + data[i].format + ' - IDR ' + data[i].price +
				'</li>';
    			    }
                            html += '</ul>';
                            $('#cart').append(html);
			}
                      $("#add-cart-pilih-workshop-dialog").jqmHide();
					  $('#add-to-cart-with-workshop-popup').html('<div class="message success">Item added to shopping cart.</div>');
                     display_popup('add-to-cart-with-workshop-popup');
                     setTimeout('$("#add-to-cart-with-workshop-popup").jqmHide(); window.location.href="shop/cart"', 6000);
					//setTimeout('$("#add-to-cart-with-workshop-popup").jqmHide();', 6000);
		}, 'json');
		return false;


	});
  
  
  
        $('#add-to-wishlist').click(function() {
            $.post(config_siteurl + 'shop/wishlist', {product_id: product_id}, function(data) {
                $('#add-to-wishlist-popup').html('<div class="message success">This product has been added to your wishlist.</div>');
                display_popup('add-to-wishlist-popup');
                setTimeout('$("#add-to-wishlist-popup").jqmHide()', 6000);
                if (data == 1) {
                  $('#add-to-wishlist img').attr('src', 'images/btn_p_addtowishlistx.jpg');
                  $('#add-to-wishlist').removeAttr('href').unbind('click');
                  window.location.reload();
                }
            }, 'json');
            return false;
        });
        $('#share-to-friends').click(function() {
            $.post(config_siteurl+'shop/share', {product_id: product_id}, function(data) {
                $('#share-to-friends-popup').html('<center>...</center>');
                display_popup('share-to-friends-popup');
                setTimeout('$("#share-to-friends-popup").jqmHide()', 6000);
                if (data == 1) {
                    $('#share-to-friends').remove();
                }
            }, 'json');
            return false;
        });
});

function submit_review()
{
  $.post(config_siteurl+'shop/product/'+product_id+'/add-review', 
    { rating: $('#add-review-dialog input[@name = "rating"]').val(), subject: $('#add-review-dialog input[@id= "subject"]').val(), review: $('#add-review-dialog textarea').val() },
    function(data) {
      if(data.success) $('#add-review-dialog-result').html('<div class="message success">Successfully submitted review</div>');
      else $('#add-review-dialog-result').html('<div class="message error">Failed to submit your review. Reason: ' + data.error_msg + '</div>');
      
      $('#add-review-dialog').jqmHide();
      $('#add-review').removeAttr('href');
      $('#add-review img').attr('src', 'images/btn_p_addreviewx.jpg');
      display_popup('add-review-dialog-result');
      setTimeout('$("#add-review-dialog-result").jqmHide();window.location.reload()', 6000);
    },
    'json');
}

function disable_review_tool(review_id)
{
  $('.review-' + review_id + ' .up').removeAttr('href');
  $('.review-' + review_id + ' .up img').attr('src', 'images/icon_thumbs_upx.png');
  
  $('.review-' + review_id + ' .down').removeAttr('href');
  $('.review-' + review_id + ' .down img').attr('src', 'images/icon_thumbs_downx.png');
}

function review_updateorder(order)
{
  var p = $('#product-reviews .pager').data('pager');
  
  p.order = order;
  reviews_populate();
}

function review_helpful(review_id)
{
  $.post(config_siteurl+'reviews/helpful', { review_id: review_id },
    function(data) {
      if(data.success) $('#rate-review-result').html('<div class="message success">Successfully rated review</div>');
      else $('#rate-review-result').html('<div class="message error">Failed to rate review. Reason: ' + data.error_msg + '</div>');
      
      display_popup('rate-review-result');
      setTimeout('$("#rate-review-result").jqmHide();window.location.reload()', 6000);
      
      disable_review_tool(review_id);
    }, 'json');
}

function review_not_helpful(review_id)
{
  $.post(config_siteurl+'reviews/unhelpful', { review_id: review_id },
    function(data) {
      if(data.success) $('#rate-review-result').html('<div class="message success">Successfully rated review</div>');
      else $('#rate-review-result').html('<div class="message error">Failed to rate review. Reason: ' + data.error_msg + '</div>');
      
      display_popup('rate-review-result');
      setTimeout('$("#rate-review-result").jqmHide();window.location.reload()', 6000);
      
      disable_review_tool(review_id);
    }, 'json');
}

function report_review(review_id)
{
  $.post(config_siteurl+'reviews/report', { review_id: review_id },
    function(data) {
      display_popup('report-review-result');
      setTimeout('$("#report-review-result").jqmHide()', 6000);
      
      $('.review-' + review_id + ' .report').remove();
    }, 'json');
}

function reviews_next()
{
  var p = $('#product-reviews .pager').data('pager');
  
  if(p.current < p.count - 1)
  {
    p.current += p.limit;
    reviews_populate();
  }
  
  if(p.current >= p.count - 1)
  {
    $('#product-reviews .pager .next').addClass('next-disabled').attr('href', 'javascript:;');
  }
  
  if(p.current > 0) $('#product-reviews .pager .prev-disabled').removeClass('prev-disabled').attr('href', 'javascript:reviews_prev()');
}

function reviews_prev()
{
  var p = $('#product-reviews .pager').data('pager');
  
  if(p.current > 0)
  {
    p.current -= p.limit;
    reviews_populate();
  }
  
  if(p.current <= 0)
  {
    $('#product-reviews .pager .prev').addClass('prev-disabled').attr('href', 'javascript:;');
  }
  
  if(p.current < p.count) $('#product-reviews .pager .next-disabled').removeClass('next-disabled').attr('href', 'javascript:reviews_next()');
}

function reviews_populate()
{
  var p = $('#product-reviews .pager').data('pager');
  
  $.post(config_siteurl+'reviews/list', { product_id: product_id, start: p.current, limit: p.limit, order: p.order },
    function(data) {
      if(data.success) {
        $('#product-reviews .content').fadeOut('slow', function() { 
          $(this).remove();
          
          $.each(data.reviews, function() {
            var reviews_rendered_html = 
              '<div class="content review-' + this.review_id + '">' +
                '<div class="review-avatar"><div class="avatar"><img src="'+config_siteurl+'files/user/' + (this.avatar ? this.avatar : 'noavatar.jpg') + '" title="' + this.fullname + '" alt="' + this.fullname + '" border="0" width="30" /></div></div>' +
                '<div class="review-content">' +
                  '<div class="author">' + this.fullname + ' ';
            
            for(var i = 0; i < this.product_rating; i++) { reviews_rendered_html += '<img src="images/icon_star_small.png" title="Star Rating" alt="Star Rating" border="0" /> '; }
            reviews_rendered_html +=        
                  '</div>' +
                  '<div class="text"><p>' + this.contents + '</p></div>' +
                  '<div class="date">at ' + this.created_date + '</div>' +
                '</div>' +
                '<div class="review-tools">' +
                  '<div class="vote">' + this.rate_bp + ' BP</div>' +
                  '<strong>Helpful?</strong><br />';
            
            if(this.user_can_rate && this.user_can_rate == '1') {
              reviews_rendered_html +=
                    '<a href="javascript:review_helpful(' + this.review_id + ')" title="Yes, It\'s Helpful"><img src="images/icon_thumbs_up.png" title="Yes, It\'s Helpful" alt="Yes, It\'s Helpful" border="0" /></a> ' + 
                    '<a href="javascript:review_not_helpful(' + this.review_id + ')" title="No, It\'s Not"><img src="images/icon_thumbs_down.png" title="No, It\'s Not" alt="No, It\'s Not" border="0" /></a> ';
            } else {
              reviews_rendered_html +=
                    '<img src="images/icon_thumbs_upx.png" title="Yes, It\'s Helpful" alt="Yes, It\'s Helpful" border="0" /> ' + 
                    '<img src="images/icon_thumbs_downx.png" title="No, It\'s Not" alt="No, It\'s Not" border="0" /> ';
            }
            reviews_rendered_html +=       
                  '<div class="report"><a href="javascript:report_review(' + this.review_id + ')" title="Report This">Report This</a></div>' +
                '</div>' +
                '<div class="clear"></div>' +
              '</div>';
            $('#product-reviews').append(reviews_rendered_html);
          });
        });        
      }
      else {      
        display_popup('report-list-result');
        setTimeout('$("#report-list-result").jqmHide()', 6000);
      }
    }, 'json');
}

function product_recommend()
{
  $.post(config_siteurl+'shop/recommendation', {product_id: product_id}, function(data) {
      $('#add-to-recommendation-popup').html('<div class="message success">This product has been added to your recommendation list</div>');
      display_popup('add-to-recommendation-popup');
      setTimeout('$("#add-to-recommendation-popup").jqmHide()', 6000);
      if (data == 1) {
          $('#add-to-recommendation').removeAttr('href');
          $('#add-to-recommendation img').attr('src', 'images/btn_p_recommendx.jpg');
          window.location.reload();
      }
  }, 'json');
}