function toggleLang(){ 
	var e = document.getElementById('lang_box'); 
	e.style.display = (e.style.display == "block"?"none":"block"); 
	toggleSearch(1);
}

function login(){
	$("main").fadeOut(300);
	setTimeout("$('form#login').submit();",300);
}

function changeMode(){
	if (mode == 0){
		mode = 1;
		$('#main').fadeOut(200);
		$('#footer').fadeOut(200);
		$('#header').slideUp(200);
		setTimeout("$('#registration-container-pos').fadeIn(200);",300);
		$("#mode-button").animate({"top": "-=30px"}, 200);
		toggleSearch(1);
		document.getElementById('mode-button').innerHTML = button_login;
	} else {
		mode= 0;
		$('#registration-container-pos').fadeOut(200);
		setTimeout("$('#main').fadeIn(200);",300);
		setTimeout("$('#footer').fadeIn(200);",300);
		setTimeout("$('#header').slideDown(200)",300);
		setTimeout("$('#mode-button').animate({'top': '+=30px'}, 200)",300);
		document.getElementById('mode-button').innerHTML = button_signup;
	}
}

function toggleSearch(toggle){	
	if (searchmode == 0 && toggle == 0){
		searchmode = 1;		
		document.getElementById('lang_box').style.display = "none";
		$('#search-placeholder').slideDown(200);
		$('#mode-button').animate({'top': '+=50px'}, 200);
	} else if (searchmode == 1 && toggle == 0){
		searchmode= 0;
		$('#search-placeholder').slideUp(200);
		$('#mode-button').animate({'top': '-=50px'}, 200);
	} else if (searchmode == 1 && toggle == 1){
		searchmode= 0;
		$('#search-placeholder').slideUp(200);
		$('#mode-button').animate({'top': '-=50px'}, 200);
	}
}

function discoverBegin(){
	var discoverTitle = document.getElementById('discover-large-item-title'); 
	discoverTitle.innerHTML = title[0];
	var discoverColor = document.getElementById('discover-large-item-top'); 
	discoverColor.style.backgroundColor = color[0];
	var discoverImage = document.getElementById('discover-large-item-image'); 
	discoverImage.src = image[0];
	var discoverImage = document.getElementById('discover-large-item-bottom');
	discoverImage.innerHTML = description[0] + ' By: ' + owner[0];
	
	$("#discover-item0 #discover-small-item-image").attr("src", image[0]);
	$("#discover-item1 #discover-small-item-image").attr("src", image[1]);
	$("#discover-item2 #discover-small-item-image").attr("src", image[2]);
	$("#discover-item3 #discover-small-item-image").attr("src", image[3]);
}

function discoverSelect2(i){
	var discoverTitle = document.getElementById('discover-large-item-title'); 
	discoverTitle.innerHTML = title[i];
	var discoverColor = document.getElementById('discover-large-item-top'); 
	discoverColor.style.backgroundColor = color[i];
	var discoverImage = document.getElementById('discover-large-item-image'); 
	discoverImage.src = image[i];
	var discoverImage = document.getElementById('discover-large-item-bottom');
	discoverImage.innerHTML = description[i] + ' By: ' + owner[i];
	$("#discover-large-item").fadeIn(200);
}

function discoverSelect(i){
	if (hardlock == false){
		display = i;
		if (display != selected){
			$("#discover-large-item").fadeOut(200);
			setTimeout("discoverSelect2("+i+")",200)
		}
		selected = i;
	}
}

function discoverChange(){
	if (lock == false && hardlock == false){
		display++;
		if (display == 4){display = 0;}
		discoverSelect(display);
	}
}

function init(){
	searchmode = 0;
	display = 0;
	selected = 0;
	lock = false;
	hardlock = false;
	//discoverBegin();
	last_selected =  4;
	mode = 0;
	document.getElementById('mode-button').innerHTML = button_signup;

}

function unlockSelect(){
	lock = false;
}

function clickSelect(i){
	$("#discover-item0 #discover-small-item-image").removeClass('discover-selected');
	$("#discover-item1 #discover-small-item-image").removeClass('discover-selected');
	$("#discover-item2 #discover-small-item-image").removeClass('discover-selected');
	$("#discover-item3 #discover-small-item-image").removeClass('discover-selected');
	
	hardlock = false; 
	
	if (i != last_selected){
		
		discoverSelect(i);
		$("#discover-item"+i+" #discover-small-item-image").addClass('discover-selected');
		hardlock = true;
		last_selected = i;
	} else {
		last_selected = 4;
	}
}

window.onload = init;

$(document).ready(function(){		
	/*$("#discover-item0").hover(function(){lock = true; discoverSelect(0);},function(){unlockSelect(0);});
	$("#discover-item1").hover(function(){lock = true; discoverSelect(1);},function(){unlockSelect(1);});
	$("#discover-item2").hover(function(){lock = true; discoverSelect(2);},function(){unlockSelect(2);});
	$("#discover-item3").hover(function(){lock = true; discoverSelect(3);},function(){unlockSelect(3);});
    
	$("#discover-item0").click(function(){clickSelect(0);});
	$("#discover-item1").click(function(){clickSelect(1);});
	$("#discover-item2").click(function(){clickSelect(2);});
	$("#discover-item3").click(function(){clickSelect(3);});*/
	
	$(".login_button").click(function(){login();});

  //setInterval("discoverChange()",5000);
});