var k = 0;
var faces_interval = null;
document.observe("dom:loaded", function(e) {
    if($('peoples')) {
        faces_init();
        faces_interval = setInterval(go_left, 5000);
        $('peoples').observe('mouseover', function() {
            clearInterval(faces_interval);
        });
    }
});

Event.observe(window, 'load', function() {
    $('peoples').observe('mouseout', function() {
        faces_interval = setInterval(go_left, 5000);
    });
	if($('peoples') && !isSuxx()) {

		$('peoples').observe('mouseover', function() {
			$('face_nav').show();
		});


		$('peoples').observe('mouseout', function() {
			$('face_nav').hide();
		});

		$('face_nav').observe('mouseover', function() {
			$('face_nav').show();
		});
		$('face_nav').observe('mouseout', function() {
			$('face_nav').hide();
		});

		$($$('#face_nav .woman')[0]).observe('click', function(e) {
			if($(e.target).hasClassName('woman_on')) {
				if($$('#face_nav .man')[0].hasClassName('man_on')) {
					$(e.target).removeClassName('woman_on');
				}
			}
			else {
				$(e.target).addClassName('woman_on');
			}
			faces_load();
		});

		$($$('#face_nav .man')[0]).observe('click', function(e) {
		   if($(e.target).hasClassName('man_on')) {
				if($$('#face_nav .woman')[0].hasClassName('woman_on')) {
					$(e.target).removeClassName('man_on');
				}
			}
			else {
				$(e.target).addClassName('man_on');
			}
			faces_load();
		});

	}
    if($('peoples')) {
	    Event.observe(window, 'resize', function() { faces_init() });
    }
});

function faces_load() {
	new Ajax.Request('faces.phtml', {
		parameters: {woman: $$('#face_nav .woman')[0].hasClassName('woman_on'), man: $$('#face_nav .man')[0].hasClassName('man_on')},
		onComplete: function(e) {
			users = e.responseText.evalJSON();
			faces_init();
		}
	});
}

function faces_init() {
	k = 0;
	var width = document.viewport.getWidth();
	$('peoples').setStyle({width: document.viewport.getWidth()+'px'});
	var cols_cnt = Math.ceil(width/71) + 10;
	var cols_cnt_2 = Math.ceil(cols_cnt/2);

    if(cols_cnt % 2 != 0) {
        cols_cnt++;
    }

	$('peoples_i').update('');
	for(var i = 0; i < cols_cnt; i++) {
		var col = new Element('div', {'class': 'column'});
		
		$('peoples_i').insert(col);
	}

	var cols = $$('#peoples_i div.column');
	k = 0;
	for(var i = 0; i < cols_cnt_2; i++) {
		for(var j = 0; j < 3; j++) {
			var a = _user_avatar(k);

			$(cols[cols_cnt_2-i-1]).insert(a);
			k++;
		}
		for(var j = 0; j < 3; j++) {
			var a = _user_avatar(k);
            $(cols[cols_cnt_2+i]).insert(a);
			k++;
		}
	}

}


var effect_ = false;
function go_left() {
	if(!effect_) {
		effect_ = true;
		new Effect.Move('peoples_i', {
			x: -71*5,
			afterFinish: function(e) {
				var cols = $$('#peoples_i div.column');
				for(var i = 0; i < 5; i++) {
					cols[i].remove();
				}
				$('peoples_i').setStyle({'left':0});
				effect_ = false;
				for(var i = 0; i < 5; i++) {
					var col = new Element('div', {'class': 'column'});
					for(var j = 0; j < 3; j++) {
						k++;
						if(users.length <= k || users[k] == undefined) {
							k = 0;
						}
						var a = _user_avatar(k);
						col.appendChild(a);

					}

					$('peoples_i').insert(col);
				}
			}
		});

	}
}
function go_right() {
	if(!effect_) {
		effect_ = true;
		new Effect.Move('peoples_i', {
			x: 71*5 ,
			afterFinish: function(e) {

				var cols = $$('#peoples_i div.column');
				var length = cols.length;
				for(var i = 0; i < 5; i++) {
					cols[length - i -1].remove();
				}
				for(var i = 0; i < 5; i++) {
					var col = new Element('div', {'class': 'column'});
					for(var j = 0; j < 3; j++) {
						k--;
                        if(k <= 0 ) {
                            k = users.length-1;
                        }
                        var a = _user_avatar(k);
                        col.appendChild(a);

					}

					$$('#peoples_i div')[0].insert({before: col});
				}

				effect_ = false;
				$('peoples_i').setStyle({'left':0});
			}
		});
	}
}

function _user_avatar(s) {
    var a = new Element('a', {href: '/'+users[s].login+'/'});
    a.setStyle({backgroundImage: 'url(uimg?rsm='+users[s].path+')'});
    return a;
}

function ulkeSec(form) {

ulkeselIdx = form.ulke.selectedIndex;
sehirselIdx = form.sehir.selectedIndex;
semtselIdx = form.semt.selectedIndex;
semt2selIdx = form.semt2.selectedIndex;


var ulke = document.getElementById('ulke').options[ulkeselIdx].text;
var ulkev = document.getElementById('ulke').options[ulkeselIdx].value;

var sehir = document.getElementById('sehir').options[sehirselIdx].text;
var semt = document.getElementById('semt').options[semtselIdx].text;
var semt2 = document.getElementById('semt2').options[semt2selIdx].text;
var sehirv = document.getElementById('sehir').options[sehirselIdx].value;
var semtv = document.getElementById('semt').options[semtselIdx].value;
var semt2v = document.getElementById('semt2').options[semt2selIdx].value;

if(semt2v>0) { document.getElementById('city_ch_').innerHTML = semt2; }
if(semt2v==0 && semtv>0) { document.getElementById('city_ch_').innerHTML = semt; }
if(semt2v==0 && semtv==0 && sehirv>0) { document.getElementById('city_ch_').innerHTML = sehir; }
if(semt2v==0 && semtv==0 && sehirv==0) { document.getElementById('city_ch_').innerHTML = ulke; }


document.getElementById('ulke_sehir').value = ulkev+"_"+sehirv+"_"+semtv+"_"+semt2v;





HideBlok();
}
function ulke_oto_sec(id,name) {
document.getElementById('city_ch_').innerHTML = name;
document.getElementById('ulke_sehir').value = id;
HideBlok();
}


function ctySec(nere,ne,id)  {
if(ne=="ulke") {
document.getElementById('sehirv').innerHTML = '<SELECT name="sehir"  id="sehir" disabled><option value="0"></option></SELECT>';
document.getElementById('semtv').innerHTML = '<SELECT name="semt" id="semt" disabled><option value="0"></option></SELECT>';
document.getElementById('semt2v').innerHTML = '<SELECT name="semt2" id="semt2" disabled><option value="0"></option></SELECT>';



	new Ajax.Request('sehirsec.phtml?sec='+nere, {
		parameters: {ulke : id},
		onComplete: function(e) {
			verimx = e.responseText;
//alert(document.getElementById('sehirv').innerHTML);
document.getElementById('sehirv').innerHTML = verimx;

		}
	}); 


}
if(ne=="sehir") {
document.getElementById('semtv').innerHTML = '<SELECT name="semt" id="semt" disabled><option value="0"></option></SELECT>';
document.getElementById('semt2v').innerHTML = '<SELECT name="semt2" id="semt2" disabled><option value="0"></option></SELECT>';


	new Ajax.Request('sehirsec.phtml?sec='+nere, {
		parameters: {sehir : id},
		onComplete: function(e) {
			verimx = e.responseText;
document.getElementById('semtv').innerHTML = verimx;

		}
	}); }

if(ne=="semt") {
document.getElementById('semt2v').innerHTML = '<SELECT name="semt2" id="semt2" disabled><option value="0"></option></SELECT>';


	new Ajax.Request('sehirsec.phtml?sec='+nere, {
		parameters: {semt : id},
		onComplete: function(e) {
			verimx = e.responseText;
document.getElementById('semt2v').innerHTML = verimx;

		}
	}); }


}


function HideBlok() { document.getElementById("city_change_").style.display = "none";  document.getElementById("GenelArkaDiv").style.display = "none"; }
function showBlok() { document.getElementById("city_change_").style.display = "block";  document.getElementById("GenelArkaDiv").style.display = "block";}