var content = "";
var compare_limit = 4;

$(function(){
// SEND FRIEND
	$("#send-to-friend").fancybox({
		'width'				: '440',
		'height'			: '340',
        'autoDimensions'	: false,
        'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe',
		'titleShow'			: false,
		'centerOnScroll'	: true,
		'scrolling'			: 'no'
	});
	
	if ($('#iframe').length) {
		$('html').css('minWidth','400px');
	}

// SELECTBOX
	$('select').selectbox();

// EVENTS FILTR
	$('.events-filtr input[type=submit]').hide();
	$('.events-filtr select').change(function(){
		alert(1);
		$('.events-filtr').submit();
	});
	
// EVENTS FILTR
	$('.extras input[type=submit]').hide();
	$('.extras select').change(function(){
		alert(2);
		$('.extras form').submit();
	});
	
// PRODUCT
	if($.support.opacity) {
		$('.product-list img').each(function(){
			$(this).hide().load(function(){
				$(this).fadeIn();
			});
		});
	}

// COMPARE
	if ($('.compare-item').length) {
		recalculateHeight();	
	}

// COMPARE LINK	
	$('.compare_link').click(function(){

		if($(this).hasClass('added'))
			var action = 'remove';
		else
			var action = 'add';

		var url		= $(this).attr('href');
		var link 	= $(this);

		$.ajax({
			'url': url,
			'type': 'get',
			'dataType': 'json',
			'data': 'action='+action+'&ajax=true',
			'success':function(data,textStatus) {
				link.toggleClass('added');
				Span2Text(link);
				$('#compare-state span').text( data.total + '/4' );
				if(data.total > 0)
					$('#compare-state').removeClass('hidden');
				else
					$('#compare-state').addClass('hidden');
				
				if (data.total == 0 && $('.compare-item').length > 0) {
					history.back(-1);
				}
				
				if(data.total == compare_limit) {
					$('.compare_link').each(function(){
						if(!($(this).hasClass('added')))
							$(this).addClass('inactive');
					});
				}
				else {
					$('.compare_link').removeClass('inactive');
				}
				link.parents('.compare-item').fadeOut(300, function(){
					$(this).remove();
					recalculateHeight();
				});
			
			}
		});
		return false;
		
	});
	
// SEARCH
	var searchTimer = false;
	$('.searcher form').hide();
	$('.searcher').hover(function(){
		if(searchTimer){
			clearTimeout(searchTimer);
		} else {
			$('.searcher form').fadeIn(500);
			$('.searcher input[type=text]').focus();
		}
	}, function(){
		searchTimer = setTimeout(function(){
			$('.searcher form').fadeOut(100, function(){
				searchTimer = false;
			});
		}, 5000);
	});

	$('.searcher a').click(function(e){
		e.preventDefault();
	});
	
// TECHNOLOGIES
	$('.technologies').addClass('active');
	$('.technologies.active li').each(function(){
		$(this).attr('save', $(this).attr('title'));
		$(this).removeAttr('title');
	});
	
	$('.technologies.active li').hover(
		function(){
			if($(this).children('div.bublina').length > 0) {
				$(this).children('.bublina').show();
				$(this).css('zIndex', 10);
			}
			else {
				var tit = $(this).text();
				var txt = $(this).attr('save');
				$(this).append('<div class="bublina"><div class="packa"></div><strong>'+tit+'</strong>'+txt+'</div>');
				$(this).css('zIndex', 10);
			}
		},
		function() {
			$(this).children('.bublina').hide();
			$(this).css('zIndex', 1);
		}
	);
	
// TEAM SLIDE
	$('.teams').addClass('slideable').addClass('slideable').append('<span class="fake-l"></span><span class="fake-r"></span>').wrap('<div class="faker"></div>');
	var teams = new Scrollable(".teams.slideable", "#lift", ".item", 4, 245);

// FOUND PRODUCTS SLIDE
	$('.found-products').addClass('slideable');
	var found = new Scrollable(".found-products.slideable", ".found-products-slide ul", "li", 4, 245);

// EVENTS SLIDE
	$('.events').addClass('slideable').append('<span class="fake-l"></span><span class="fake-r"></span>').wrap('<div class="faker"></div>');
	var found = new Scrollable(".events.slideable", "#lift", ".item", 4, 245);

// EXTRAS
	$('.extras').addClass('slideable').append('<span class="fake-l"></span><span class="fake-r"></span>').wrap('<div class="faker"></div>');
	var found = new Scrollable(".extras.slideable", "#lift", ".item", 4, 245);

// NEWS
	$('.blog-detail').addClass('slideable').append('<span class="fake-l"></span><span class="fake-r"></span>').wrap('<div class="faker"></div>');
	var found = new Scrollable(".blog-detail.slideable", "#lift", ".item", 3, 245);

// RIDER TABS
	$('.rider-personal .tabs').addClass('clickable');
	$('.rider-personal .tabs > h2').next('div').not(':first').hide();
	$('.rider-personal .tabs > h2').click(function(){
		$('.rider-personal .tabs > h2').removeClass('active');
		$('.rider-personal .tabs > div').removeClass('active');
		$(this).addClass('active');
		$(this).next('div').addClass('active');
		$('.rider-personal .tabs > div[class=active]').slideDown();
		$('.rider-personal .tabs > div[class!=active]').slideUp();
	});

// VARIATION SWITCH
	/*$('.variations a').click(function(){
	
		if($(this).parents('.rider-personal').length) {
			return true;
		}

		var url = $(this).attr('href');
		
		$('.product-images').load(url + " #pimgajax");
		$('.variations a').removeClass('active');
		$(this).addClass('active');
		return false;
	});*/

// OBRAZKY	
	$('.item img, .gallery-list img,.videos img').fadeTo(0, 1);
	$('.item, .gallery-list a,.videos a').hover(
		function() { $(this).find('img').fadeTo(50, .8); },
		function() { $(this).find('img').fadeTo(200, 1); }
	);

// GALERIE INIT
   $(".gallery-list a.item[class!=video]").fancybox();
   $(".gallery-list a.video").append('<span />').fancybox({
		'width'				: '734',
		'height'			: '450',
      'autoDimensions'	: false,
      'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe',
		'titleShow'			: true,
		'centerOnScroll'	: true,
		'scrolling'			: 'no'
	});
;

// NEW WINDOW
	$('.microsite, a.onwin').click(function(){
		if(!$(this).hasClass('newsletter')) {
			var url = $(this).attr('href');
			window.open(url);
			return false;
		}
	});
	$('#super .newsletter, a.catalogue').click(function(){
		var url = $(this).attr('href');
		window.open(url,'design','status=no,width=480,height=600,resizable=no,menubar=no,scrollbars=yes,toolbar=no');
		return false;
	});

// MEDIA
	$('.videos a').click(function(){
		var url = $(this).attr('href');
		$('<span class="loader"></span>').appendTo('#media-hold');
		$('#media-hold').load(url + ' #video-player', function(){
			makePlayer('video-player');
		});
		return false;
	});

// COLLECTION INFO SWITCH
	$('.collection-detail .more').each(function(){
		var _more = $(this).attr('title');
		$(this).siblings('.hide').prepend( _more );
		$(this).removeAttr('title');
	});
	$('.collection-detail .categories .more').click(function(){
		var _root = $(this).parents('article');
		_root.find('.hide').css('display', 'inline');
		$(this).hide();
		return false;
	});	
	$('.collection-detail .categories .less').click(function(){
		var _root = $(this).parents('article');
		_root.find('.hide').css('display', 'none');
		_root.find('.more').show();
		return false;
	});	

// PRODUCT LOOK SWITCH
	$('.looks a').each(function(){
		$(this).attr('rel', $(this).attr('target')).removeAttr('target');
	});
	$('.looks a').live('click', function(){
		var rel = $(this).attr('rel');
		$('#image-detail .small img').attr('src', '/image-cache/max-734x577/' + rel + '.jpg').parent().fadeIn(300);
		if($('#image-detail img.big').length > 0) {
			$('#image-detail img.big').fadeOut(300, function(){
				$(this).siblings('.small').fadeIn(300);
				$(this).remove();
				Span2Text($('#image-detail > a'));
			});
		}
		$('#image-detail').attr('rel', rel).removeClass('zoom');
		$('.looks a').removeClass('active');
		$(this).addClass('active');
		return false;
	});

// ZOOM SWITCH
if($('#image-detail').length) {
	$('#image-detail')
		.attr('rel', $('#image-detail').attr('class'))
		.removeAttr('class')
		.live('click', function(e){
			var cont = $('#image-detail');
			var _link = $('#image-detail a');
		// activate zoom
			if(!cont.hasClass('zoom')) {
	
	      	_link.addClass('preload');
	      	cont.addClass('zoom');
				$('<img src="/image-cache/max-2000x2000/' + $('#image-detail').attr('rel') + '.jpg" class="big" />').appendTo(cont)
				.load(function(e){
					zoom_position(e);
	      		$(this).fadeIn(300);
	      		$(this).siblings('.small').fadeOut(300);
					$(this).parent().bind('mousemove', function(e) {
						zoom_position(e);
					});
					$('#image-detail a').removeClass('preload');
				});
			}
		// deactivate zoom
			else {
				cont.children('.big').fadeOut(300, function(){
					$(this).parent().unbind('mousemove').removeClass('zoom');
					$(this).siblings('.small').fadeIn(300);
					$(this).remove();
				});
			}
			Span2Text(_link);
		   return false;
		});
}

// RIDER MEDIA
	$('.rider-media .thumbs a').live('click', function(){
		var url = $(this).attr('href');
		$('<span class="loader"></span>').appendTo('#media-hold');
		$('#media-hold').load(url + ' #media-hold',function(){
			makePlayer('video-player');
		});
		return false;
	});


   $('a[href^=http://]').attr('target', '_blank');
   
   $('.extras-list .item').each(function(){
		var url = $(this).find('li:first a').attr('href');
		$(this).css('cursor','pointer');
		$(this).wrap('<a href="'+url+'" />');		
	});

});

// IMAGE POSITION
function zoom_position(e) {
	if(e) {
		var pos_x = e.pageX - document.getElementById('image-detail').offsetLeft;
		var pos_y = e.pageY - document.getElementById('image-detail').offsetTop;
	} else {
		var pos_x = 368;
		var pos_y = 288;
	}
	var im = $('#image-detail.zoom img.big');
	var w = im.width();
	var h = im.height();
	var x_pr = Math.floor(pos_x/7.34);
	var y_pr = Math.floor(pos_y/5.77);
	im.css({left: '-' + Math.floor( (w - 734) * (x_pr / 100) ) + 'px', top: '-' + Math.floor( (h - 577) * (y_pr / 100) ) + 'px'})
	if(w < 734)
		im.css({marginLeft: Math.floor((734 - w)/2) + 'px' });
}

function Rel2Text(obj) {
	var _text = obj.text();
	var _rel = obj.attr('rel');
	obj.attr('rel', _text);
	obj.text(_rel);
}

function Span2Text(obj) {
	var _span = obj.children('span').text();
	obj.children('span').remove();
	var _text = obj.text();
	obj.html(_span + '<span style="display:none;">' + _text + '</span>');
}

// VIDEO
function makePlayer(root) {
	_root = $('#' + root);
	var flashvars = {};

	flashvars.color     = _root.find('.color').text();
	flashvars.media     = _root.find('.media').text();
	flashvars.gateway   = "";
	flashvars.image     = _root.find('.image').text()
	flashvars.paused    = _root.find('.paused').text();
	flashvars.resize    = "panscan";        
	
	var params = {};
	params.allowscriptaccess  = "always";
	params.allowFullScreen    = true;
	params.wmode              = "transparent";
	
	swfobject.embedSWF("/flash/WTVPlayer.swf", root, "734", "450", "9.0.0","expressInstall.swf", flashvars, params);
}

// SCROLLER
Scrollable = function(element, pane, item, page, size){
	this.element = $(element);
	this.pane = this.element.find(pane);
	this.item = item;
	this.size = size;
	this.page = page;	
	this.pane.after('<a href="#" class="prev"></a><a href="#" class="next"></a>');
	this.prev_link = this.element.find(".prev");
	this.next_link = this.element.find(".next");
	this.next_link.click(this.next(this));
	this.prev_link.click(this.prev(this));
	var self = this;
	this.init();
};
Scrollable.prototype.init = function(){
	this.position=0;
	this.pane.css("left", 0);
	this.object_count = this.pane.find(this.item).length;
	this.pane.css("width", this.size*this.object_count);
	this.max_position = this.object_count-this.page;
	this.prev_link.addClass("disabled");
	if(this.object_count<=this.page) {
	  this.prev_link.css("display", "none");
    this.next_link.css("display", "none");
		//this.prev_link.addClass("disabled");
		//this.next_link.addClass("disabled");
	}
};
Scrollable.prototype.update = function(content){
	this.pane.html(content);
	this.init();
};
Scrollable.prototype.next = function(self){return function(){
	if(self.position==0) self.prev_link.removeClass("disabled");
	var last_position = self.position;
	self.position=Math.min(self.max_position, self.position+self.page);
	if(self.position>=self.max_position) self.next_link.addClass("disabled");
	var move = self.size*(self.position-last_position);
	self.pane.animate({left:'-='+(move)}, 500);
	return false;
}};
Scrollable.prototype.prev = function(self){return function(){
	if(self.position>=self.max_position) self.next_link.removeClass("disabled");
	var last_position = self.position;
	self.position=Math.max(0, self.position-self.page);
	if(self.position==0) self.prev_link.addClass("disabled");
	var move = self.size*(last_position-self.position);
	self.pane.animate({left:'+='+(move)}, 500);
	return false;
}};

// COMPARE
recalculateHeight = function() {
	var icmaxheight = 0;

	$('.compare-item').each(function () {
		if (isNaN($(this).attr('rel'))) {	
			var divHeight = $(this).height();
        	$(this).attr('rel', divHeight);
	    }else{
			var divHeight = $(this).attr('rel');
		}

    	if (icmaxheight < divHeight) {
			icmaxheight = divHeight;
		}
	});
	
	$('.compare-item').css('height', icmaxheight + 'px');
}

