// JavaScript Document
var root = 'http://www.mng-papatya.com/';
var position;

function CufonReplace() {
	Cufon.replace('h1', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('h2', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('.menu-head', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('.button-shop', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('#search-title', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('.price-amnt', { fontFamily: 'VAG Rounded Std', hover: true } );
	Cufon.replace('.currency', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('.color-head', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('.replace', { fontFamily: 'thesans', hover: true } );
	Cufon.replace('#open-configurator', { fontFamily: 'thesans', hover: true } );
}

$(document).ready(function(){ 
						   
	$('.selectbox').selectbox();
	$("input[name='qty']").focus(function(){ 
		$(this).attr("value","");
		$(this).unbind("focus");
	});
	
	
	$('#button-add').click(function(){				
		var full = true;
		var pid = $("input[name='pid']").val();
		var qty = $("input[name='qty']").val();
		//var price = $(
		if (Math.floor(qty).toString() != qty.toString()) { 
			$("#alert-mask").css("display", "block");
			$(".nocolor-alert").empty();
			$(".nocolor-alert").html('Please provide a quantity');
		  	$(".nocolor-alert").animate({ 
        	top: "0"
      		}, 500, "swing" );
		} else {
			var unicolor = $("input[name='unicolor']").val();
			var seat = $("input[name='seat']").val();
			var back = $("input[name='back']").val();
			var cushion = $("input[name='cushion']").val();
			var legs = $("select[name='legs']").val();
			var cfamily = $("input[name='cfamily']").val();
			var chair_id = $("input[name='chair_id']").val();
			var table_id = $("input[name='table_id']").val();
			var tablebase_id = $("input[name='tablebase_id']").val();
			var tablebaseoption = $("input[name='tablebaseoption']").val();
			//alert($('.price-amnt').html());
			$('.required-option').each(function(){
				if($(this).val()==''){ 
					full = false;	
					return false;
				}	
			});
			if(full){
				$.post('addtocart',{pid:pid,qty:qty,unicolor:unicolor,seat:seat,back:back,cushion:cushion,leg:legs,cfamily:cfamily,chair_id:chair_id,tablebase_id:tablebase_id,tablebaseoption:tablebaseoption},function(data){
					$('#shoppingcart').empty();
					$('#shoppingcart').html(data);
						$.post('checklogin',function(data){ 
							if(data==1){ window.location = 'products_dealers'; }
							else if(data==0){ window.location = 'products'; }
						});
					
				});	
			}
			else{
				$("#alert-mask").css("display", "block");
				$(".nocolor-alert").empty();
				$(".nocolor-alert").html('Please select a color first');
		  		$(".nocolor-alert").animate({ 
        		top: "0"
      			}, 500, "swing" );
			}
		}
	});
						   
	$("#searchfield").click(function(){
	  $("#search-container").animate({ 
        left: "-67"
      }, 500, "swing" );
	  $("#searchfield").val("");
    });
	
	$("#photo").click(function(event){
	  $("#content-slider").animate({ 
        left: "-657px"
      }, 1000, "swing" );
	  event.preventDefault();
    });
	
	$("#previous").click(function(event){
	  $("#content-slider").animate({ 
        left: "0px"
      }, 1000, "swing" );
	  event.preventDefault();
    });
	
	$("#button-back2").click(function(event){
	  $("#pack-slider").animate({ 
        left: "+=624px"
      }, 1000, "swing" );
	  event.preventDefault();
    });
	
	$("#button-forward2").click(function(event){
	  $("#pack-slider").animate({ 
        left: "-=624px"
      }, 1000, "swing" );
	  event.preventDefault();
    });
	
	$("#button-order-overview").live('click',function(){ //alert('1');
		fillLoginModuleWrapper(); //staat in form.js
    });
	
	$("#button-logout-top").click(function(){
	  $("#login-module-wrapper").css("display", "none");
	  $("#content-wrapper").css("display", "block");
	  $("#footer-overlay").css("display", "none");
	  $("#button-back").css("display", "block");
	  $("#button-forward").css("display", "block");
	  $("#login-wrapper").css("display", "block");
	  $("#loggedin-wrapper").css("display", "none");
	  $(".login").css("background-image", "url(../images/block_login_bg.jpg)");
	  $("#loginstats").animate({ 
		top: "100"
      }, 500, "swing" );
    });	
	
	$(".select").live('click',function(){
	  $(this).parent().parent(".colors").children().children().children(".selected").css("display", "none");							
	  $(this).children(".selected").css("display", "block");
		  $(".nocolor-alert").animate({ 
        	top: "30"
      		}, 500, "swing",function(){ $("#alert-mask").css("display", "none");} );
    });
	
	$(".productlist li, .open").mouseover(function(){
	  $(this).children(".see-product").css("display", "block");
    });
	
	$(".productlist li, .open").mouseout(function(){
	  $(this).children(".see-product").css("display", "none");
    });
	
	$(".productlist li, .open").click(function(){
		var prod = $(this).find('a').attr('href');	
		window.location = prod;
	});
	
	
	
	$('.submenu').mouseover(function(){
		$(this).siblings('a').css("background-position", "bottom");
    });
	
	$('.submenu').mouseout(function(){
		$(this).siblings('a').css("background-position", "top");
    });
	
	$("#button-edit-address").click(function(){
	  $("#sorting-wrapper").css("display", "none");
	  $("#admin-info").css("display", "none");
	  $("#edit-address-wrapper").css("display", "block");
	  $("#button-new-order").css("display", "none");
    });
	
	
	$("#order1").click(function(){
	  $("#order-overview").css("display", "none");
	  $("#order-view").css("display", "block");
	  $("#sorting-wrapper").css("display", "none");
    });
	
	$(".button-back2").click(function(){
		if ($("#edit-address-wrapper").css("display")=="block"){									   
		  $("#edit-address-wrapper").css("display", "none");
		}
	  $("#order-overview").css("display", "block");
	  $("#order-view").css("display", "none");
	  $("#sorting-wrapper").css("display", "block");
	  $("#button-new-order").css("display", "block");
    });
	
	$("#button-close-page").live('click',function(){
		/*$("#login-module-wrapper").css("display", "none");
		$("#content-wrapper").css("display", "inline");
		$("#button-back").css("display", "block");
		$("#button-forward").css("display", "block");
		$("#footer-overlay").css("display", "none");*/
		
		window.location = root;
	});
	
	
	$("#open-configurator").click(function(event){
		$("#pack-wrapper").css("display", "block");
		$("#pack-wrapper").animate({ 
        height: "220px"
      	}, 700, "swing" );
	  	event.preventDefault();
	});
	
	$('.color a').click(function(event){
		event.preventDefault();	
	});
	
	$('.unicolor').click(function(){
		var id = $(this).find('span.colorid').html();
		$("input[name='unicolor']").val(id);
		changePhoto();
	});
	
	
	$('.seats').click(function(){
		var id = $(this).find('span.colorid').html();
		$("input[name='seat']").val(id);
		changePhoto();
	});
	
	$('.backs').click(function(){
		var id = $(this).find('span.colorid').html();
		$("input[name='back']").val(id);
		changePhoto();
	});
	
	/*$('.legs').click(function(){
		var id = $(this).find('span.colorid').html();
		alert(id);
		$("[name='legs']").val(id);	
	});*/
	
	$('#legs_container ul li').click(function(){
		id = $('#legs_container ul li.selected').attr('id').split('legs_input_')[1];
		$("input[name='legs']").val(id);
		changePhoto();
	});
	
	$('.cushions').live('click',function(){ 
		var id = $(this).find('span.colorid').html();
		$("input[name='cushion']").val(id);
		changeCushionPhoto();
	});
	
	$('#button-search').click(function(event){
		event.preventDefault();
		$("form#search").submit();
	});
	
	/*reference*/
	$('.darkline').click(function(){
		var ref = $(this).find('a').attr('href');
		window.location = ref;
	});
	
	$('.more-photos-thumbs > a').click(function(){
		var old_filename = $('.references-content-left > img').attr('src').split('/').pop();
		var img = $(this).find('img')
		var width = img.width();
		var height = img.height();
		if(width>=height){ var aspect = 'landscape'} else { var aspect = 'portrait' }
		var filename = img.attr('src').split('/').pop();
		$('.references-content-left > img').attr('src','../images/references/big/'+filename);
		$('.references-content-left > img').attr('class', 'reference-photo-'+aspect);
		img.attr('src','../images/references/small/'+old_filename);
	});
	
	/*cushions*/
	$("select[name='chair']").change(function(){
		//alert($(this).val());										  
	});
	
	$("#chair_container").click(function(){
		var chair = $("#chair_container ul li.selected").attr('id');
		id = chair.replace(/chair_input_/,'');
		$("input[name='chair_id']").val(id);
		$.post('getcushiontypes', {id:id},function(data){
			//$("select[name='cushiontype']").empty();
			//$("select[name='cushiontype']").html(data);
			$("#cushiontype").empty();
			$("#cushiontype").html(data);
			$("#cushiontype").show();
			$("select[name='cushiontype']").addClass('selectbox');
			$("select[name='cushiontype']").selectbox({debug: true});
			$("#type_container").click(function(){
				var type = $("#type_container ul li.selected").attr('id');
				id = type.replace(/type_input_/,'');
				$("input[name='cfamily']").val(id);
				$.post('getcushions', {id:id}, function(data){
					$("#cushions").empty();							
					$("#cushions").html(data);
					$('.cushions').click(function(){
						changeCushionPhoto();				  
					});
				});
				$.post('getcushionprice',{id:id},function(data){
					$("#price").empty();
					$("#price").html(data);
					Cufon.replace('.price-amnt', { fontFamily: 'VAG Rounded Std', hover: true } );
					Cufon.replace('.currency', { fontFamily: 'thesans', hover: true } );
				});
			});
		});
	});
	
	/*tablebases*/
	
	$("#table_container").click(function(){
		var table = $("#table_container ul li.selected").attr('id');
		id = table.replace(/table_input_/,'');
		$("input[name='table_id']").val(id);
		$.post('getTableBasesByTableId',{id:id},function(data){
			$('#tablebases').empty();
			$('#tablebases').html(data);
			$('#tablebases').show();
			$("select[name='tablebase']").addClass('selectbox');
			$("select[name='tablebase']").selectbox();
			$("#tablebase_container").click(function(){
				var base = $("#tablebase_container ul li.selected").attr('id');
				id = base.replace(/tablebase_input_/,'');
				$("input[name='tablebase_id']").val(id);
				$.post('getTableBaseById',{id:id},function(data){
					$('#tablebaseoptions').empty();
					$('#tablebaseoptions').html(data);
					$("select[name='tablebaseoptions']").addClass('selectbox');
					$("select[name='tablebaseoptions']").selectbox();
					$('#tablebaseoptions_container').click(function(){
						var option = $("#tablebaseoptions_container ul li.selected").attr('id');
						opt = option.replace(/tablebaseoptions_input_/,'');
						$("input[name='tablebaseoption']").val(opt);
						$.post('getTableBasePriceByIdAndOption',{id:id,opt:opt},function(data){
							$("#price").empty();
							$("#price").html(data);
							Cufon.replace('.price-amnt', { fontFamily: 'VAG Rounded Std', hover: true } );
							Cufon.replace('.currency', { fontFamily: 'thesans', hover: true } );
						});
					});
				});
				$.post('getTableBasePhoto',{id:id},function(data){
					if(data!=''){
						$('#photo').css({ backgroundImage : "url(images/products/med/"+data+")" });
						$('#product-main').css({ backgroundImage : "url(images/products/big/"+data+")" });	
					}
				});
			});
		});
	});
	
 	$('.savlink').live('click',function(){
		
		var position = $(this).attr('id').split('_')[1];
		$("input[name='current_position']").val(position);
		showsavform();
	});
 
 	/*orderview*/
	$('a.emailorder').live('click',function(){
		var oid = this.id.split('_')[1];
		$.post('sendOrderByMail',{oid:oid});
	});
 
 	/*win-a-trip*/
	$('#button-sendemployeeform').click(function(event){
		event.preventDefault();
		var firstname = $("input[name='firstname']").val().length;
		var lastname = $("input[name='lastname']").val().length;
		var telephone = $("input[name='phone']").val().length;
		var email = $("input[name='email']").val();
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if(reg.test(email) == false) { email = 0; }else{ email = 1; }
		if(firstname*lastname*email*telephone){
			$("form#employeeform").submit();
		}
		else{
			$(".required-fields").fadeIn();
		}
	})
 
 });
	
function showsavform(){
	var txt = "Please describe the problem<br />";
	txt += "<textarea name='sav_problem' id='sav_problem' rows='7' cols='45'></textarea><br />";
	txt += "<br />Please upload photo(s) of the damaged product<br />";
	txt += "<input type='file' id='fileInput' />"
	txt += "<div id='uploadedsavphotos'></div>";
	$.prompt(txt,{ callback: submitsavform, buttons: { Send:'send', Cancel: false } });
	$('#fileInput').uploadify({
		'uploader'  : 'admin/admin_flash/uploadify.swf',
		'script'    : 'ajax/uploadify_sav.php',
		'cancelImg' : 'admin/admin_images/b_drop.png',
		'auto'      : true,
		'folder'    : 'images/temp',
		'sizeLimit'	: '8000000',
		'onComplete'       :
			function(event, queueID, fileObj, response, data) { 
				$('#uploadedsavphotos').append("<input type='hidden' name='savphoto' value='"+response+"' />");
				$('#uploadedsavphotos').append("<img src='images/temp/"+response+"' class='uploadedsavphoto' width='100px' />");
			  }
	});
}

function submitsavform(v,m,f){
	if(v == 'send'){
		var description = f.sav_problem;
		var photosinput = f.savphoto;
		if(description == ''){
			$.prompt('You must fill in the description',{ callback: showsavform });	
		}else if(!photosinput){
			$.prompt('You must upload at least one photo',{ callback: showsavform });	
		}
		else{
			var photostring = '';
			var oid = $("input[name='oid']").val();
			var position = $("input[name='current_position']").val();
			if($.isArray(photosinput)){
				for(i in photosinput){
					photostring += photosinput[i]+'#';	
				}
			}else{
				photostring += photosinput+'#';	
			}
			$.post('createnewsav',{description:description,photostring:photostring,oid:oid, position:position});
			$.prompt('Your request has been processed');
		}
	}
}


function changePhoto(){
	
	var pid = $("input[name='pid']").val();
	var unicolor = $("input[name='unicolor']").val();
	var seat = $("input[name='seat']").val();
	var back = $("input[name='back']").val();
	var legs = $("select[name='legs']").val();
	var cushion = $("input[name='cushion']").val();
	
	$.post('changephoto',{pid:pid,unicolor:unicolor,seat:seat,back:back,legs:legs,cushion:cushion},function(data){
		if(data!=''){
			$('#photo').css({ backgroundImage : "url(images/products/med/"+data+")" });
			$('#product-main').css({ backgroundImage : "url(images/products/big/"+data+")" });	
		}
	});
	
	$.post('getstockrow',{pid:pid,unicolor:unicolor,seat:seat,back:back,legs:legs,cushion:cushion},function(data){
		if(data){
			$('li#rightinfo').empty();
			$('li#rightinfo').html(data);
		}
	});
	
}

function changeCushionPhoto(){
	var chair = $("input[name='chair_id']").val();
	var family = $("input[name='cfamily']").val();
	var color = $("input[name='cushion']").val();
	$.post('changecushionphoto', {chair:chair,family:family,color:color},function(data){
		if(data!=''){
			$('#photo').css({ backgroundImage : "url(images/products/med/"+data+")" });
			$('#product-main').css({ backgroundImage : "url(images/products/big/"+data+")" });	
		}
	});
}