var current_design_tabsID = 0;
var current_color_tabsID = 0;
var colorID_list = null
var dx = 122;
var timer_start = false;
var timer_ID = null;
var is_move = false;
var master_url = null;

var design_array=new Array();
design_array[0]="ss";
design_array[9]="Бизнес";
design_array[12]="Мини";
design_array[13]="Строгий";
design_array[14]="HI-Tech";
design_array[15]="Light";
design_array[17]="Smart";
design_array[18]="Original";
design_array[19]="Универсальный";
design_array[20]="Easy";
design_array[21]="Simple";
design_array[22]="Line";
design_array[23]="Classic";
design_array[24]="Визитка";
design_array[25]="Modern";

function LoadData(grouping){
	$.get(master_url+"/index.php?grouping="+grouping, 
		function(data){
			document.getElementById('page_container').innerHTML = data;
			Execute_JavaScript(data);
		}
	);
}

function onMouseDown_Left(){
	is_move = false;
	dx = -122;
	timer_start = true;
	setTimeout('Move()', 1000);
}

function onMouseDown_Right(){
	is_move = false;
	dx = +122;
	timer_start = true;
	setTimeout('Move()', 1000);
}

function onClick(){
	if(!is_move){
		document.getElementById('design_scroll').scrollLeft += dx;
		/*
		if(dx > 0){
			position++;
		}else{
			position--;
		}
		if(position > max_position) position = max_position;
		if(position < 0) position = 0;
		window.status = position;
		*/
	}
}

function onMouseUp(){
	timer_start = false;
	clearTimeout(timer_ID);
}

function Move(){
	if(timer_start){
		is_move = true;
		document.getElementById('design_scroll').scrollLeft += dx;
		timer_ID = setTimeout('Move()', 200);
	}
}

function Domain_SelectTab(id){
	var obj_left_tab = document.getElementById('left_tab');
	var obj_right_tab = document.getElementById('right_tab');
	if( id == 'left_tab'){
		obj_left_tab.className = 'anketa_tabs';
		obj_right_tab.className = 'anketa_tabs gray';
		document.getElementById('check_domain').style.display = '';
		document.getElementById('my_domain').style.display = 'none';
		document.getElementById('own_domain').checked = false;
	}else{
		obj_left_tab.className = 'anketa_tabs gray';
		obj_right_tab.className = 'anketa_tabs';
		document.getElementById('check_domain').style.display = 'none';
		document.getElementById('my_domain').style.display = '';
		document.getElementById('own_domain').checked = true;
	}
}
function ChooseDesign(id,select,num){
	if(current_design_tabsID != 0){
		document.getElementById('design_tab_'+current_design_tabsID).className = "tabs";
		//document.getElementById('design_descr_'+current_design_tabsID).style.display = "none";
		document.getElementById('demo_link_'+current_design_tabsID).style.display = "none";
		if (id == 'individual')
		{
			document.getElementById('div_lll').style.display="none";
			document.getElementById('div_sss').style.display="none";
		}
		else
		{
			document.getElementById('div_lll').style.display="block";
			document.getElementById('div_sss').style.display="block";
			document.getElementById('lll').innerHTML = design_array[id];
		}
	}
	document.getElementById('design_ID').value = id;
	current_design_tabsID = id;
	document.getElementById('design_tab_'+current_design_tabsID).className = "tabs current";
	//document.getElementById('design_descr_'+current_design_tabsID).style.display = "block";
	document.getElementById('demo_link_'+current_design_tabsID).style.display = "block";
	// AJAX запрос -> запрос цветовых решений для выбранного дизайна
	$.get(master_url+"/index.php", { design_id: current_design_tabsID, action: "get_color_scheme" },
		function(data){
			document.getElementById('color_scheme_list').innerHTML = data;
			document.getElementById('color_scheme_list').scrollLeft = 0;
			// если необходимо выставлять значения по умолчанию
			if(select){
				// выбираем цветовое решение по изначальному параметру, если он задан
				if(current_color_tabsID == 0) Execute_JavaScript(data);
				ChooseColor(current_color_tabsID);
			}else{
				Execute_JavaScript(data);
				ChooseColor(current_color_tabsID,0);
			}
		}
	);
	
	// Вычисляем необходимо ли смещать прокрутку
	var position = document.getElementById('design_scroll').scrollLeft / 122;
	if( position+4 == num){
		// необходима прокрутка влево
		dx = +122;
		onClick();
	}
	if( position == num){
		// необходима прокрутка вправо
		dx = -122;
		onClick();
	}
	//window.status = "scroll : "+document.getElementById('design_scroll').scrollLeft+" / num : "+num+" / position : "+position;
}

function ChooseColor(id,num){
	//document.getElementById('img_preview').style.display = 'block';
	if(current_color_tabsID != 0){
		var obj = document.getElementById('color_tab_'+current_color_tabsID);
		if(obj) document.getElementById('color_tab_'+current_color_tabsID).className = "tabs";
		var obj = document.getElementById('sss');
		if(obj) {
			document.getElementById('sss').innerHTML = id;
		}
	}
	document.getElementById('color_ID').value = id;
	current_color_tabsID = id
	document.getElementById('color_tab_'+current_color_tabsID).className = "tabs current";
	document.getElementById('img_preview').src = master_url+"/pics/design/color/"+id+"_0_0.png";
	
	var obj_link = document.getElementById('link_preview');
	obj_link.href = master_url+"/pics/design/color/big/"+id+"_0_0.png";
	
	var obj_link_zoom = document.getElementById('link_preview_zoom');
	obj_link_zoom.href = master_url+"/pics/design/color/big/"+id+"_0_0.png";
	
	if(current_color_tabsID == 'individual' ){
		obj_link.title = "Цвет индивидуальный";
		obj_link_zoom.title = "Цвет индивидуальный";
	}
	else{
		obj_link.title = "Цвет № "+current_color_tabsID;
		obj_link_zoom.title = "Цвет № "+current_color_tabsID;
	}
	
	// Вычисляем необходимо ли смещать прокрутку
	var position = document.getElementById('color_scheme_list').scrollLeft / 58;
	if(position+9 == num){
		document.getElementById('color_scheme_list').scrollLeft  += 58;
	}
	if(position == num){
		document.getElementById('color_scheme_list').scrollLeft  -= 58;
	}
	//window.status = "ChooseColor : "+num+" / position: "+position;
}

function NextColor(){
	if( colorID_list.length > 1){
		var index = getIndexColor(current_color_tabsID);
		if( index < colorID_list.length-1){
			index++;
			ChooseColor(colorID_list[index]);
			document.getElementById('color_scheme_list').scrollLeft += 190;
		}
	}
}

function PrevColor(){
	if( colorID_list.length > 1){
		var index = getIndexColor(current_color_tabsID);
		if( index > 0){
			index--;
			ChooseColor(colorID_list[index]);
			document.getElementById('color_scheme_list').scrollLeft -= 190;
		}
	}
}//PrevColor

function getIndexColor(id){
	var result = 0;
	var i = 0;
	while( (result == 0)&&(i < colorID_list.length) ){
		if(colorID_list[i] == id ) result = i;
		i++;
	}
	return result;
}

function CheckDomain(){
	var obj = document.getElementById('domain');
	var domain_val = obj.value;
	obj.value = '';
	if(domain_val != ''){
		$.get(master_url+"/index.php", { action: 'check_domain', domain: domain_val },
			function (data){
				Execute_JavaScript(data);
				document.getElementById('domain_variants').innerHTML = data;
			}
		);
	}//if
}//CheckDomain

function ImgPreview(){
	var src = master_url+"/pics/design/color/big/"+current_color_tabsID+"_0_0.png";
	var win = window.open(src,"Предпросмотр",'width=980, height = 740')
}

function ShopDemo(){
	alert(current_color_tabsID);
}
function Execute_JavaScript(str){
	str = str.replace(/\n/g, '');
	str = str.replace(/\t/g, '');
	var startIndex = 0;
	var endIndex = 0;
	var _substr;
	while(startIndex != -1){
		startIndex = str.indexOf("<script", startIndex);
		if(startIndex != -1){
			startIndex = str.indexOf(">", startIndex) + 1;
			endIndex = str.indexOf("</script>", startIndex);
			if(startIndex != -1 && endIndex != -1){
				_substr = str.substring(startIndex, endIndex);
				eval(_substr);
			}//if
		}//if
	}//while
}//Execute_JavaScript

function dump(obj, obj_name) {
	var result = "";
	for (var i in obj)
		result += obj_name + "." + i + " = " + obj[i] + "\n";
	return result;
}