var normal_color="#a2d5f0";
var alert_color="#b10068";
var curr_category_id="";
var upload_file="none";
var upload_popupfile = "none";
var upload_routine = 0;
var valid_user = false;
var detail_overview = false;
var curr_row=2;

$("document").ready(function() {
	if($.browser.msie) {
		showStuff();	
	}
	else {
		setTimeout("showStuff()",500);	
	}
	$.historyInit(pageload, "/");
	initFlash();
	initOverview();
	$('#btn_crop').click(function(){
		hideCropper();
	});
});

function initFlash() {
	//var flashvars = {};
	//var params = {};
	//params.menu = "false";
	//params.wmode = "transparent";
	//var attributes = {};
	//swfobject.embedSWF("/resources/flash/wolken.swf", "wolkjewrap", "100%", "240", "8.0.0", "expressInstall.swf", flashvars, params, attributes);

	var rand=Math.floor(Math.random()*2)+1;
	var flashvars = {};
	var params = {};
	params.menu = "false";
	params.wmode = "transparent";
	var attributes = {};
	swfobject.embedSWF("/resources/flash/footer_"+rand+".swf", "footer_ft_r", "75", "50", "8.0.0", "expressInstall.swf", flashvars, params, attributes);

	var rand=Math.floor(Math.random()*3)+1;
	var flashvars = {};
	var params = {};
	params.menu = "false";
	params.wmode = "transparent";
	var attributes = {};
	swfobject.embedSWF("/resources/flash/givolution_0.swf", "logo_flash", "314", "194", "8.0.0", "expressInstall.swf", flashvars, params, attributes);

	//logo_flash

}

/*
			<object width="314" height="194">
<param name="movie" value="<?=$prefix;?>/resources/flash/givolution_1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="<?=$prefix;?>/resources/flash/givolution_1.swf" width="314" height="194" quality="high" wmode="transparent"></embed>
</object>	
*/


function initBasics() {
	$("a[rel='history']").unbind("click").click(function(){
		var hash = this.href;
		hash = hash.replace(/^.*#/, '');
		$.historyLoad(hash);
		return false;
	});
	Cufon.replace('h1');
	Cufon.replace('label');
	Cufon.replace('.title');
	Cufon.replace('.title_big');
	Cufon.replace('.cufon');
}

function showLogin_popup(){
	$(".aanmelden").hide();
	//$("#btn_give_it").attr("status", "login" );
	$("#login_popup").attr("src", "/resources/images/radio_on.png" );
	$("#aanmelden_popup").attr("src", "/resources/images/radio.png" );
}

function showAanmelden_popup(){
	$(".aanmelden").show();
	//$("#btn_give_it").attr("status", "aanmelden" );
	$("#aanmelden_popup").attr("src", "/resources/images/radio_on.png" );
	$("#login_popup").attr("src", "/resources/images/radio.png" );
}

function showAanmelden_popup(){
	$(".aanmelden").show();
	//$("#btn_give_it").attr("status", "aanmelden" );
	$("#aanmelden_popup").attr("src", "/resources/images/radio_on.png" );
	$("#login_popup").attr("src", "/resources/images/radio.png" );
}

function initOverview(){
	initBasics();
	//$(".row").slideDown();
	$("#pd_choose_category").unbind("click").click(function(){
		$("#menu_categories").slideToggle();
	});
	$("#category_close").unbind("click").click(function(){
		$("#menu_categories").slideUp();
	});
	
	$("#show_more").unbind("click").click(function(){
		$("#row"+curr_row).slideDown();
		curr_row++;
		if(!$("#row"+curr_row).height()){
			$("#show_more").hide();
		}
		$("#row"+curr_row).slideDown();
		curr_row++;
		if(!$("#row"+curr_row).height()){
			$("#show_more").hide();
		}
		
		//$.post("/overview/more/", {category_id:curr_category_id}, function(data){
			//alert(data);
		//});
	});
}

function initDetail(){
	Cufon.replace('#detail_content_wrapper h1');
	Cufon.replace('#detail_content_wrapper label');
	Cufon.replace('#detail_content_wrapper .title');
	Cufon.replace('#detail_content_wrapper .cufon');

	$("#detail_close").unbind("click").click(function(){
		hideStuff();		
	});
}

function pageload(hash) {

	if(hash && hash!="/") {
		if($.browser.msie) {
			hash = encodeURIComponent(hash);
		}
		getContent(hash);
	} 
	else {
		hideDetail();
	}
}


function showStuff(){
	if(!$.browser.msie){
		$("#start_hidden").show();
	}
	else {
		$("#start_hidden").show();
	}
}

function popup_bid(){
		
	var valid = true;
	var title = $("#popupbid_title").val();
	var email = $("#login_email").val();
	var category = $("#popupbid_category").val();
	var description = $("#popupbid_description").val();
	
	$("#popupbid_title,#popupbid_category").css({borderColor: normal_color});

	if(title==""){
		$("#popupbid_title").css({borderColor: alert_color});
		valid = false;
	}
	
	if(category==-1){
		$("#popupbid_category").css({borderColor: alert_color});
		valid = false;
	}
	
	if(valid == true){
	
		//alert("posting");
	
		$.post("/item/place_bid", {email:email,title:title,category:category,description:description,upload_file:upload_file,item_id:detail_bid_id}, function(data){
						
			if(data == "SUCCES"){
			
				
				$(".detail_content_step").hide();				
				$("#detail_content_bidsucces").show();
								
			}else if(data == "ERROR: cannot bid on own offer"){

				$(".detail_content_step").hide();				
				$("#detail_content_bidonself").show();
			
			}else{
						
				$(".detail_content_step").hide();
				
				$("#detail_content_biderror").show();
			
			}
				
		});
	
	}
		
}


function validate_bid() {
	var valid = true;
	var title = $("#title").val();
	
	$("#title").css({borderColor: normal_color});

	if(title==""){
		$("#title").css({borderColor: alert_color});
		$("#item_empty").fadeIn(100).animate({ left: 43 },100);
		valid = false;
	}
	

	return valid;
}


function popup_login(){
	$("#login_email, #login_password").css({borderColor: normal_color});
	
	var error = false;
	var email = $("#login_email").val();
	var password = $("#login_password").val();
	if(	$("#login_stay_logged:checked").val()== undefined) { 
		var logged=0;
	}
	else {
		var logged=1;
	}
	
	if(email==""){
		$("#login_email").css({borderColor: alert_color});
		error=true;
	}
	else if(!check_email(email)){
		$("#login_email").css({borderColor: alert_color});
		error=true;
	}	
	if (password==""){
		$("#login_password").css({borderColor: alert_color});
		error=true;
	}
	
	if(!error){
		$(".ffb").hide();
		$.post("/login/do_login", {email:email,password:password,logged:logged}, function(data){
			if(data=="no_user"){
				$("#login_email").css({borderColor: alert_color});
			}
			else if(data=="fail_passwd"){
				$("#login_email").css({borderColor: alert_color});
				$("#login_password").css({borderColor: alert_color});
				$("#login_feedback").slideDown();
			}
			else if(data == "unconfirmed"){
				$("#login_activate").slideDown();
			}
			else if(data == "logged_in"){
				$("#homelogin").slideUp();
				show_popup_bidform();
			}
		});

	}	
}

function show_popup_bidform()
{

	//$("#category").clone().attr("id","popupbid_category").appendTo(".category_holder");
	$(".detail_content_step").hide();
	$("#detail_content_stepthree").show();
	showPopupUploader();
	
}


function check_email(inputvalue){	
    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
    if(pattern.test(inputvalue)){         
		return true;   
    }
	else{   
		return false;   
    }
}

function placeBid(register){
	var email = $("#email").val();
	var title = $("#title").val();
	var category = $("#category").val();
	var description = $("#description").val();
	$.post("/item/place_bid", {email:email,title:title,category:category,description:description,upload_file:upload_file}, function(data){
		if(data == "SUCCES"){
			if(register == true){
				showThanx("Je bod is geplaatst. We hebben een mail gestuurd om je account te activeren. Nadat je account is geactiveerd, word je bod door ons bekeken. Als je bod is goedgekeurd telt hij mee!",title,description,upload_file);
			}else{
				showThanx("Je bod is geplaatst. Je bod wordt door ons bekeken. Als je bod is goedgekeurd telt hij mee!",title,description,upload_file);
			}
		}
		
		if(data == "ERROR: cannot bid on own offer"){
			//alert(data);
		}	
		
		
	});
}

function showThanx(feedback,title,description,upload_file){
	$("#sendafriend_feedback").empty().html(feedback);
	$("#thnx_title").empty().html(title);
	$("#thnx_description").empty().html(description);
	if(upload_file!=""){
		$("#thnx_image").empty().html('<img src="/tmp_uploads/cropped_'+upload_file+'" style="height:75px;padding-right:8px;">');
	}
	Cufon.replace('#sendafriend_feedback');
	$("#bid_register").slideUp();
	$("#sendafriend").slideDown();
	$("#header1").hide();
	$("#header2").show();
	$("#ingelogd").slideDown();
}


function showPopupUploader(){

	//alert("popup_upload");

	$('#popup_uploader').uploadify({
		'uploader': '/resources/flash/uploadify.swf',
		'script': '/upload',
		'folder': 'tmp_uploads',
		'buttonImg' : '/resources/images/btn_upload_picture.png',
		'cancelImg': '/resources/images/cancel.png',
		'width' : '93',
		'height' : '30',
		'buttonText': '',
		'fileDesc': 'Beelden',
		'fileExt': '*.gif;*.jpg;*.png;*.jpeg;',
		'displayData':'percentage',
		'auto': 'true',
		'scriptData': {'key': 'bladiebla'},
		'onSelectOnce' : function(){
			$("#crop_result").empty();
		},
		
		'onComplete' : function (event, queueId, fileobj, response) {
			//alert(response);
			upload_file = response;
			
			//alert(response);
			
			upload_routine = setInterval(function(){
			
				$.post(
					'/upload/routine_done',
					{
						'temp_file': upload_file
					},
					function(data) {
						//alert(data);
						if(data == "FALSE"){
							clearInterval(upload_routine);
							upload_routine = 0;
							alert("Fout bij opvragen Image Status");
						}
						
						if(data == "DONE"){
							clearInterval(upload_routine);
							upload_routine = 0;							
							$("#overlay").show();
							$("#cropper").show();
							showCropper(upload_file);
							
						}
						
					}
				);
			
			}, 300);
			
			//setTimeout("showCropper('"+response+"')",500);
			
		},
		'onError': function (a, b, c, d) {
	         if (d.status == 404)
	            alert('Could not find upload script. Use a path relative to: ');
	         else if (d.type === "HTTP")
	            alert('error '+d.type+": "+d.status);
	         else if (d.type ==="File Size")
	            alert(c.name+' '+d.type+' Limit: '+Math.round(d.sizeLimit/1024)+'KB');
	         else
	            alert('error '+d.type+": "+d.text);
		}

	});
}


function hideDetail() {
	detail_overview = false;
	hideStuff();
	upload_file = "none";
	$("#wat_geef_jij").show();
	
}

function hideStuff() {
	$("#detail_backgrounds").hide();
	$("#overlay").hide();
	$("#overlay2").hide();
	$("#detail_placeholder").html("");
	$("#alert_placeholder").html("");
	$("#alert_placeholder").hide();
}



var detail_bid_id = false;

function getDetail(id){
	detail_bid_id = id;
	$("#overlay").show();
	$("#detail_backgrounds").show();
	$.post("/item/", {id:id}, function(data){
		//alert(data);
		$("#detail_placeholder").html(data);
		initDetail();
		//alert(data);
		detail_overview = true;
		$("#detail_placeholder").show();
	});
}

function showPopupLogin(){

	$.post("/popuplogin/", {}, function(data){
	
		$("#alert_placeholder").html(data);
		$("#overlay").show();
		$("#alert_placeholder").show();
	
	});

}

function getContent(hash){
	hash_decode=decodeURIComponent(hash);
	segments=hash_decode.split("/");
	if(segments[1]=="item"){
		getDetail(segments[2]);
	}
	else if(segments[1]=="verify"){
		$.post("/verify/success/", {key:"12"}, function(data){
			$("#alert_placeholder").html(data);
			$("#overlay").show();
			$("#alert_placeholder").show();
		});
	}
	else if(segments[1]=="profile"){
		$.post("/profile/", {id:segments[3]}, function(data){
			if(data == "not_logged_in"){
				showPopupLogin();
			}else{
				$("#alert_placeholder").html(data);
				$("#overlay").show();
				$("#alert_placeholder").show();
			}
		});
	}
	else if(segments[1]=="bid" && segments[2]=="show"){
		$.post("/bid/show/", {bid_id:segments[3],user_id:segments[4]}, function(data){
			$("#alert_placeholder").html(data);
			$("#overlay2").show();
			$("#alert_placeholder").show();
		});

	}
	else if(segments[1]=="bid"){
		//alert("2")
		$.post("/bid/", {bid_id:segments[2],user_id:segments[3],verify:segments[4]}, function(data){
			//alert(data);
			$("#alert_placeholder").html(data);
			$("#overlay2").show();
			$("#alert_placeholder").show();
		});
	}
	else if(segments[1]=="chain"){
		$.post("/chain/", {bid_id:segments[2],user_id:segments[3],verify:segments[4]}, function(data){
			//alert(data);
			$("#alert_placeholder").html(data);
			$("#overlay").show();
			$("#alert_placeholder").show();
		});
	}
	else if(segments[1]=="chain_overview"){
		$.post("/chain/show_chains", function(data){
			$("#alert_placeholder").html(data);
			$("#overlay").show();
			$("#alert_placeholder").show();
		});
	}
	else if(segments[1]=="pwd" || segments[2]=="pwd"){
		$.post("/login/pwd", function(data){
			$("#alert_placeholder").html(data);
			$("#overlay").show();
			$("#alert_placeholder").show();
		});
	}
	else if(segments[1]=="pwd_change"){
		$.post("/login/pwd_change",{user_id:segments[2],verify:segments[3]}, function(data){
			$("#alert_placeholder").html(data);
			$("#overlay").show();
			$("#alert_placeholder").show();
		});
	}
	else if(segments[1]=="update_item"){
		$.post("/item/show_update_item",{item_id:segments[2], user_id:segments[3],verify:segments[4]}, function(data){
			$("#alert_placeholder").html(data);
			$("#overlay").show();
			$("#alert_placeholder").show();
		});
	}
	else if(segments[1]=="c"){
		$("#menu_wrapper a").removeClass("active");
		$("#menu_wrapper #menu_c a").addClass("active");
		$("#menua_content, #menub_content").hide();
		$("#menuc_content").show();
	}
	else {
		$.post("/overlay/", {view:segments[1]}, function(data){
			if(data!=0){
				$("#alert_placeholder").html(data);
				$("#overlay2").show();
				$("#alert_placeholder").show();
			}
		});	
	}
}


function showCropper(file){
	$("#crop_wrapper").empty();
	var crop_image = $("<img/>");
	crop_image.load(function(){
		$(this).attr("id", "cropbox");
		$("#crop_wrapper").append(this);
		setTimeout("setCropper()",100);
	});
	crop_image.attr("src", '/tmp_uploads/'+file);
	//$("#crop_wrapper").html('<img src="/tmp_uploads/'+file+'" id="cropbox">');
}


function setCropper(){
	$("#cropbox").Jcrop({
		aspectRatio: 113 / 75,
 		setSelect: [ 0, 0, 380, 252 ],
		onChange: updateCoords
	});
}

function updateCoords(c){
	$('#x').val(c.x);
	$('#y').val(c.y);
	$('#w').val(c.w);
	$('#h').val(c.h);
};

function showCropped(){

	var result_div = "#crop_result";
	if(detail_overview == true){
		result_div = "#popup_uploaderResult";
	}

	$(result_div).html('<img src="/tmp_uploads/cropped_'+upload_file+'" style="height:74px;">');
}

function hideCropper(){
	$("#cropper").fadeOut(180);
	
	if(detail_overview == false){
		$("#overlay").hide();
	}
	
	$.post("/image/crop", {
		file:upload_file,
		x:$('#x').val(),
		y:$('#y').val(),
		w:$('#w').val(),
		h:$('#h').val()
	}, 
	function(data){
		//alert(data);
		setTimeout("showCropped()",500);
		//alert("2");
		//$("#uploaderUploader").hide();
		//.alert(data);
		///alert($('#h').val());
	});

}