$(function(){	
	linksReturnFalse();
	
	scrollColorGroups();	
	scrollColors();
	colorPreview();
	changeCurrentColorGroup();
	
	scrollDoorsGroups();	
	scrollDoors();
	doorsPreview();
	changeCurrentDoorGroup();
});


function linksReturnFalse(){
	$('.doorsDetails a').click(function(e){
		e.preventDefault();
	});
}

function changeActivityButton(obj, type){
	if(type == true){
		$(obj).removeClass('inactive').addClass('active');
	}else if(type==false){
		$(obj).removeClass('active').addClass('inactive');
	}
}


/*
 * **********************************
 * Цветове
 * **********************************
 */
function scrollColorGroups(){
	var scrollLength = 29;
	
	//намираме броя на групите
	var countGroups = $('.colors .groupsBoxLong a').length;
	//Ако са по-малко или = 2 прекратяваме
	if(countGroups <= 2){return false;}
		
	var numScrolls = (countGroups-2)
	var pos = 0;
	
	
	//Правим долната стрелка активна
	changeActivityButton($('.colors a.bottom'), true);
	
	$('.colors a.bottom').click(function(){
		//Ако е активен бутона
		if($(this).hasClass('active')){
			var top = (pos+1)*(-1)*scrollLength;
			$('.colors .groupsBoxLong').animate({"top":top+"px"});
			pos++;
			
			//При първия клик надолу правим активна горната стрелка
			if(pos == 1){
				changeActivityButton($(this).siblings('a.top'), true);
			}
			if(pos==numScrolls){
				changeActivityButton($(this), false);
			}
		}
	});
	
	
	$('.colors a.top').click(function(){		
		//Ако е активен бутона
		if($(this).hasClass('active')){
			var top = (1-pos)*scrollLength;
			$('.colors .groupsBoxLong').animate({"top":top+"px"});
			pos--;
			
			if(pos == 0){
				changeActivityButton($(this), false);
			}
			
			if(pos<numScrolls){
				changeActivityButton($(this).siblings('a.bottom'), true);
			}
		}
	});
}


function scrollColors(){
	var scrollLength = 40;
	
	$('.colors .listColors .row').each(function(i){
		var obj = $(this);	
		
		//намираме броя на групите
		var count = $(this).find('.item').length;
				
		
		if (count > 5) {
		
				var numScrolls = (count - 5)
				var pos = 0;
				
				
				//Правим дясната стрелка активна
				changeActivityButton(obj.find('a.next'), true);
				
				obj.find('a.next').click(function(){
					//Ако е активен бутона
					if ($(this).hasClass('active')) {
						var move = (pos + 1) * (-1) * scrollLength;
						obj.find('.items_long').animate({
							"left": move + "px"
						});
						pos++;
						
						//При първия клик надолу правим активна горната стрелка
						if (pos == 1) {
							changeActivityButton(obj.find('a.prev'), true);
						}
						
						if (pos == numScrolls) {
							changeActivityButton($(this), false);
						}
					}
				});
				
				
				obj.find('a.prev').click(function(){
					//Ако е активен бутона
					if ($(this).hasClass('active')) {
						var move = (1 - pos) * scrollLength;
						
						obj.find('.items_long').animate({
							"left": move + "px"
						});
						pos--;
						
						//При първия клик надолу правим активна горната стрелка
						if (pos == 0) {
							changeActivityButton($(this), false);
						}
						
						if (pos < numScrolls) {
							changeActivityButton(obj.find('a.next'), true);
						}
					}
				});
		}	
	});	
}


function colorPreview(){
	//При зареждане на страницата показваме превюто на първата снимка	
	var first = $('.colors .item:first');
	var href = first.find('img').attr('src');
	//Показваме и името й
	var title = first.find('a').attr('title');
	$('.colorTitle').html(title);
	
	if(href!=undefined && href!= ''){
		var split = href.split('/thumbs/');		
		var imgHref= split[1];				
		var newHref = split[0]+'/big/'+imgHref;
		viewColorPreview(newHref);
	}
	
	
	
	/*
	$('.colors .item a').hover(function(){
		var title = $(this).attr('title');
		$('.colorTitle').html(title);
	}, function(){
		$('.colorTitle').html('');
	});
	*/
	
	$('.colors .item').click(function(){
		var href = $(this).find('img').attr('src');
		if (href != undefined && href != '') {
			var split = href.split('/thumbs/');
			var imgHref = split[1];
			var newHref = split[0] + '/big/' + imgHref;
			viewColorPreview(newHref);
			
			//Показваме и заглавието
			var title = $(this).find('a').attr('title');
			$('.colorTitle').html(title);
		}
	});	
}


function viewColorPreview(newHref){	
	$('.colors .preview img').attr('src', newHref);
	$('.colors .preview a').attr('href', newHref);
}

function changeCurrentColorGroup(){
	//Показваме първите
	$('.listColors .colorGroup1').show(0);
	$('.groupsBox a[href=colorGroup1]').addClass('sel');
	
	$('.colors .groupsBox a').click(function(){
		
		//Премахва класа за селекцията на досегашната избрана група
		$('.colors .groupsBox a.sel').removeClass('sel');
		//Слага клас за селекция на текущата група
		$(this).addClass('sel');
		
		//Вземаме името на групата
		var groupName = $(this).attr('href');
		
		//Скриваме останалите редове
		$('.listColors .row').not('.'+groupName).hide(0);
		
		//Показваме новите цветове
		$('.listColors .'+groupName).show(0);
		
	});
}


/*
 * **********************************
 * 	Врати
 * **********************************
 */


/*
 * Скролира групите врати
 */
function scrollDoorsGroups(){
	var scrollLength = 29;
	
	//намираме броя на групите
	var countGroups = $('.vrati .groupsBoxLong a').length;
	//Ако са по-малко или = 4 прекратяваме
	if(countGroups <= 4){return false;}
	
	var numScrolls = Math.ceil((countGroups-4)/2);
	var pos = 0;
	
	
	//Правим долната стрелка активна
	changeActivityButton($('.vrati a.bottom'), true);
	
	$('.vrati a.bottom').click(function(){
		//Ако е активен бутона
		if($(this).hasClass('active')){
			var top = (pos+1)*(-1)*scrollLength;
			$('.vrati .groupsBoxLong').animate({"top":top+"px"});
			pos++;
			
			//При първия клик надолу правим активна горната стрелка
			if(pos == 1){
				changeActivityButton($(this).siblings('a.top'), true);
			}
			if(pos==numScrolls){
				changeActivityButton($(this), false);
			}
		}
	});
	
	
	$('.vrati a.top').click(function(){		
		//Ако е активен бутона
		if($(this).hasClass('active')){
			var top = (1-pos)*scrollLength;
			$('.vrati .groupsBoxLong').animate({"top":top+"px"});
			pos--;
			
			if(pos == 0){
				changeActivityButton($(this), false);
			}
			
			if(pos<numScrolls){
				changeActivityButton($(this).siblings('a.bottom'), true);
			}
		}
	});
}

/*
 * Хоризонталния скрол на вратите
 */

function scrollDoors(){
	var scrollLength = 60;	
				
	$('.vrati .listDoors .row').each(function(i){
		var obj = $(this);
		
		//намираме броя на вратите
		var count = obj.find('.item').length;
				
		//Ако са по-малко или =4 прекратяваме
		if (count > 4) {
		
		
			var numScrolls = (count - 4);
			var pos = 0;
			
			//Правим дясната стрелка активна
			changeActivityButton(obj.find('a.next'), true);
			
			obj.find('a.next').click(function(){
				//Ако е активен бутона
				if ($(this).hasClass('active')) {
					var move = (pos + 1) * (-1) * scrollLength;
					obj.find('.items_long').animate({
						"left": move + "px"
					});
					pos++;
					
					//При първия клик надолу правим активна горната стрелка
					if (pos == 1) {
						changeActivityButton(obj.find('a.prev'), true);
					}
					
					if (pos == numScrolls) {
						changeActivityButton($(this), false);
					}
				}
			});
			
			obj.find('a.prev').click(function(){
				//Ако е активен бутона
				if ($(this).hasClass('active')) {
					var move = (1 - pos) * scrollLength;
					
					obj.find('.items_long').animate({
						"left": move + "px"
					});
					pos--;
					
					//При първия клик надолу правим активна горната стрелка
					if (pos == 0) {
						changeActivityButton($(this), false);
					}
					
					if (pos < numScrolls) {
						changeActivityButton(obj.find('a.next'), true);
					}
				}
			});
		}
	});
}

/*
 * Показва голямата снимка на вратите
 */

function doorsPreview(){
	
	//При зареждане на страницата показваме превюто на първата снимка	
	var first = $('.listDoors .item:first');
	var href = first.find('img').attr('src');
	//Показваме и името й
	
	var title = first.find('img').attr('title');		
	$('.doorTitle').html(title);
	
	
	if(href != undefined && href != ''){
		var split = href.split('/thumbs/');		
		var imgHref= split[1];				
		var newHref = split[0]+'/big/'+imgHref;
		viewDoorPreview(newHref);
	}
	
	
	/*
	$('.vrati .item').hover(function(){
		var title = $(this).find('img').attr('title');		
		$('.doorTitle').html(title);
	}, function(){
		$('.doorTitle').html('');
	});
	*/
	
	$('.vrati .item').click(function(){
		var href = $(this).find('img').attr('src');
		
		if (href != undefined && href != '') {
			var split = href.split('/thumbs/');
			var imgHref= split[1];					
			var newHref = split[0]+'/big/'+imgHref;
			
			viewDoorPreview(newHref);
			//Показваме заглавието
			var title = $(this).find('img').attr('title');		
			$('.doorTitle').html(title);
		}		
	});	
}


function viewDoorPreview(newHref){
	$('.vrati .previewBox img').attr('src', newHref);
	$('.vrati .previewBox').attr('href', newHref);
}

function changeCurrentDoorGroup(){
	//Показваме първите
	$('.listDoors .doorsGroup1').show(0);
	$('.groupsBox a[href=doorsGroup1]').addClass('sel');
	
	
	$('.vrati .groupsBox a').click(function(){
		//Премахва класа за селекцията на досегашната избрана група
		$('.vrati .groupsBox a.sel').removeClass('sel');
		//Слага клас за селекция на текущата група
		$(this).addClass('sel');
		
		//Вземаме името на групата
		var groupName = $(this).attr('href');
		
		//Скриваме останалите редове
		$('.listDoors .row').not('.'+groupName).hide(500);
		
		//Показваме новите цветове
		$('.listDoors .'+groupName).show(500);		
	});
}