/* alert("JS loaded"); */

$(document).ready(function() {
	
	//-- open new address div
	$("#openlink").click(function(event) {
		event.preventDefault();
		$("#c-newaddress").slideToggle("slow", callback);
	});
	
	$("#canceladdress").click(function(event) {
		event.preventDefault();
		$("#c-newaddress").slideUp("slow", callback);
	});
	
	function callback() {
		//$('.vscroll-pane').jScrollPane();
	}
	
	//-- show fullsize image
	$("#showfullsize").click(function () {
		$("#fullsizeimg").attr("src", $(this).attr("href"));
		//$("#fullsizeimg").attr("height", 750);
		$("#detailimg").css({ display : "block"});
		//$('.dscroll-pane').jScrollPane();
		return false;
	});
	//-- hide fullsize image
	$("#close").click(function () {
		$("#detailimg").css({ display : "none"});
		return false;
	});
	
	//-- switch thumb images
	$("a.productthumblink").click(function () {
	
		//-- set topmargin for the ra_ image
		var dim = $(this).prev().find("img").attr("class").split(" ");
		var margin = dim[1];
		//alert(margin);
		$("img.productmainimg").attr("style", "margin-top:"+margin+"px;");
		 
		//-- make ra_ image path
		var img = $(this).attr("href");
		var string = img.split("tmb");
		var url = string[0] + 'ra' + string[1];
		
		$("img.productmainimg").attr("src", url);
		$("#showfullsize").attr("href", $(this).attr("id"));
		
		//-- set height of fullsize image for scrolling
		var dim = $(this).attr("class").split(" ");
		var height = dim[1];
		$("#fullsizeimg").attr("height", height);
		
		return false;
	});
	
	/* login block fns */
	
	
	//-- show login screen
	$(".loginlink").click(function () {
		$("#login").css({ display : "block"});
		return false;
	});
	
	//-- show login screen
	$(".requirelogin").click(function () {
		$("#login").css({ display : "block"});
		$("#loginaction").val("gotoOrderConfirmation");
		return false;
	});
	
	
	//-- hide login screen
	$("#logincancel").click(function () {
		$("#loginemail").val("email");
		$("#loginpw").val("password");
		$("#login").css({ display : "none"});
		return false;
	});
	
	//-- clear input fields on focus
	$("#login input[type=text]").focus(function () {
         $(this).val('');
    });
    
    
    //-- get size select for colour
    $("select.colour").change(function () {
    	var colour = $(this).val();
    	var id = $(this).attr("id").split('-');
    	id = id[1];
       
        $.get("http://shop.ra13.be/login/components/public/main.php", { action : "getColourSizes", colour: colour, id: id},
			function(data){
				$("#size").replaceWith(data);
		});
        //alert($id);
    });
    
    
   //-- set order
    $("#setorder").click(function () {
		var insurance = $("#insurance").attr("checked");
		var discount = $("#discount").attr("value");
		//alert(insurance);
		
		$.get("http://shop.ra13.be/login/components/public/main.php", { action : "setOrder", insurance: insurance, discount: discount},
			function(data){
			//alert(data);
			$("#paypalform").submit();
		});
		
		return false;
	});
	
	// Discount
	$('#discount').change(function() {
	  $('#insuranceForm').submit();
	});
	
	//-- submenu navigation
	$('.designers').hover(function() {
		$('#remote .subnav').show();
	}, function() {
		$('#remote .subnav').hide();
	});
	
	//-- Popup textarea Order page
	
	if($('#order').length){
		var description = $("#description").val();
		if(description != ''){
			$("#descriptionArea").val(description);
			var tekstingekort = description.substring(0,20);
			var resultaat = tekstingekort + "...<a class='pointer' id='modifyDescription'> [ Change ]</a>";
			$("#tblDescription").html(resultaat);
			$("#divDescription").hide();
			$("#modifyDescription").click(function(){ 
				$("#divDescription").show('fast');
			});
		}
	}
	
	
	$("#addDescription").click(function(){ 
		$("#divDescription").show('fast');
	});
	
	$("#btnOK").click(function(){
		var tekst = $("#descriptionArea").val();
		if (tekst == ''){
			var resultaat = "<a class='pointer' id='addDescription'>Add description</a>";
			$("#tblDescription").html(resultaat);
			$("#divDescription").hide();
			$("#addDescription").click(function(){ 
				$("#divDescription").show('fast');
			});
		}
		else{
			$("#description").val(tekst);
			var tekstingekort = tekst.substring(0,20);
			var resultaat = tekstingekort + "...<a class='pointer' id='modifyDescription'> [ Change ]</a>";
			$("#tblDescription").html(resultaat);
			$("#divDescription").hide();
			$("#modifyDescription").click(function(){ 
				$("#divDescription").show('fast');
			});
		}
	});
    
});