// 
function ShowHideDiv(divname) {
	var curstate = document.getElementById(divname).style.display;
	//alert(curstate);
	if(curstate == "none") {
		document.getElementById(divname).style.display = "";
	} else {
		document.getElementById(divname).style.display = "none";
	}
}

function liquidconfirm(pagelink){
question = confirm("Are you sure you want to delete this? It cant be undone.")
if (question !="0"){
	location = pagelink;
	}
}

function setfieldvalue(thefield,newvalue) {
	document.getElementById(thefield).value = newvalue;
}

// Moves the box object to be centered on current
// viewable area of the page
function center_box(box, width, height)
{
    cleft = has_inner
        ? pageXOffset + 
          (window.innerWidth - width)/2
        : has_element
          ? document.documentElement.scrollLeft + 
            (document.documentElement.clientWidth - width)/2
          : document.body.scrollLeft + 
            (document.body.clientWidth - width)/2;

    ctop = has_inner
        ? pageYOffset + (window.innerHeight - height)/2
        : has_element
          ? document.documentElement.scrollTop + 
            (document.documentElement.clientHeight - height)/2
          : document.body.scrollTop + 
            (document.body.clientHeight - height)/2;

    box.style.left = cleft > 0 ? cleft + 'px' : '0px';
    box.style.top = ctop > 0 ? ctop + 'px' : '0px';
}

// Hides other alone popup boxes that might be displayed
function hide_other_alone(obj)
{
    if (!document.getElementsByTagName)
        return;

    var all_divs = document.body.getElementsByTagName("DIV");

    for (i = 0; i < all_divs.length; i++)
    {
        if (all_divs.item(i).style.position != 'absolute' ||
            all_divs.item(i) == obj ||
            !all_divs.item(i).alonePopupBox)
        {
            continue;
        }

        all_divs.item(i).style.display = 'none';
    }
    return;
}

function aq2_addtocart(id){
	var productid = id;
	var productqty = $('#pqty'+id).val();
	var productsize = $('#poptions'+id).val();
	//alert(productsize);
	// post start
	$.post("droplets/checkout/addtocart.php", 
		{ 	
			productid: productid,
			productqty: productqty,
			productsize: productsize
		},
		function(data){ 
			working_show('Added',data,1000);
			$('#aq_logon_div_basketd').load('/droplets/logon/cart.php');  
		}
	);
	// post end
}

var oldselfield = "";
var olddb_field = "";
var olddb_key_value = "";
var oldintype = "";
var oldinval = "";

function save_editfield(db_field,db_value,db_key,db_key_value,field,db_table){
	// start post
	
	$.post("../../aqua2/dbsave.php", 
		{ 	
			db_table: db_table,
	        db_field: db_field,
	        db_value: db_value,
	        db_key: db_key,
	        db_key_value: db_key_value
		},
		function(data){ 
			// working_show("Alert",data,2000);
	        // alert(data)
	        $('#'+field).css('border','0px');
		}
	);
	// end post
}

// select_editfield('factory_allocated+id','factory_allocated','key','id','select','table')
 
 function select_editfield(field,db_field,db_key,db_key_value,intype,db_table){
   if(oldselfield != '' && oldselfield != field){
      $('#'+oldselfield).css('border','0px');  
      oldinval = $('#'+oldselfield).val();
      save_editfield(olddb_field,oldinval,olddb_key_value,oldselfield,db_table);
    }
    oldselfield = field;
    olddb_field = db_field;
    olddb_key_value = db_key_value;
    oldintype = intype;
    
    $('#'+field).css('border','DASHED 1px #FFFFFF');
    if(intype == 'date'){
        $('#'+field).datepicker({
    		dateFormat: 'yy-mm-dd',
            onSelect: function(dateText, inst) { 
                $('#'+field).css('border','0px'); 
                // alert(dateText); 
                var inval = $('#'+field).val();
                save_editfield(db_field,inval,db_key,db_key_value,field,db_table);
                $('#'+field).blur();
            }
    	});
        $('#'+field).datepicker( 'show' );
    
    } else if(intype == 'select') {
        
        $('#'+field).change(function() {
          var inval = $('#'+field).val();
          save_editfield(db_field,inval,db_key,db_key_value,field,db_table);
          $('#'+field).blur();
        });
        
        $('#'+field).keyup(function(event) {
            if (event.keyCode == '27') {
                $('#'+field).val(prevalue);
                $('#'+field).css('border','0px');
                $('#'+field).blur();
            }
        });
        
    } else {
        //alert('Hello');
        var prevalue = $('#'+field).val();
        $('#'+field).select();
        $('#'+field).keyup(function(event) {
            if (event.keyCode == '13') {
                // db_table,db_field,db_value,db_key,db_key_value
                var inval = $('#'+field).val();
                save_editfield(db_field,inval,db_key,db_key_value,field,db_table);
                $('#'+field).blur();
            }
            if (event.keyCode == '27') {
                $('#'+field).val(prevalue);
                $('#'+field).css('border','0px');
                $('#'+field).blur();
            }
        });
    }
    
 }
 
// popup start

jQuery.popup = {
  
  /**
   * Show a pop-up with given title and message.
   *
   * @param title : popup title
   * @param message : popup content message
   * @param options : optional settings, can contain following params:
   *          convertNLtoBR : if true, will convert new lines (\n) to <br/> in message
   *          postDOM : function to call after creating popup elements, just before showing it (only called once)
   *          simpleAlert : if true, will use javascript's standard alert() function (auto-used if client = iPhone/iPod)
   *          main_class : class names to be added on main popup <div> tag
   *          xxx_id : id to use for popup elements, shouldn't need to modify
   * @return jQuery
   */
  show: function(title, message, options) {
  
    // define defaults and override with options if available
    settings = jQuery.extend({
      convertNLtoBR: true, 
      postDOM: function(){}, 
      simpleAlert: false, 
      main_class: "", 
      main_id: "popup", 
      bg_id: "popup_bg", 
      title_id: "popup_title", 
      msg_id: "popup_message", 
      close_id: "popup_close" 
      }, options);
  
    if(!this.initialized) {
      // inject needed elements in DOM
      domElements = '<div id="'+settings.bg_id+'"></div>';
      domElements += '<div id="'+settings.main_id+'" class="'+settings.main_class+'">';
      domElements += '<span id="'+settings.title_id+'"></span><a id="'+settings.close_id+'"> </a>';
      domElements += '<div id="'+settings.msg_id+'"></div>';
      domElements += '</div>';
      jQuery('body').append(domElements);

      // call given method after DOM has been altered (maybe user wants to attach to elements, or whatever)
      settings.postDOM();
      
      // setup event handlers
      // popup close by outer click
      jQuery('#'+settings.bg_id).click( function(){hidePopup();} );
      jQuery('#'+settings.close_id).click( function(){hidePopup();} );
    
      this.initialized = true;
    }
    
    if(!isIPhone() && !settings.simpleAlert) {
      // convert \n into <br/> if asked to (only in message param)
      if(settings.convertNLtoBR) {
        message = message.replace(/\n/g, "<br/>");
      }
      // prepare popup content
      jQuery('#'+settings.title_id).html(title);
      jQuery('#'+settings.msg_id).html(message);
      // display.. tadaaa!
      showPopup();
    } else {
      alert(message);
    }
  
    /*
     *
     * private functions (they're included right INTO the main show function)
     *
     */
  
    // show popup
    function showPopup() {
      // loads popup only if it is disabled
      //if(!this.showing) {
        centerPopup();
        jQuery('#'+settings.bg_id).css({"opacity": "0.6"});
        jQuery('#'+settings.bg_id).show();
        jQuery('#'+settings.main_id).show();
        this.showing = true;
      //}
    }
    
    // hide popup
    function hidePopup() {
      // disables popup only if it is enabled
      if(this.showing) {
        jQuery('#'+settings.bg_id).fadeOut("normal");
        jQuery('#'+settings.main_id).fadeOut("normal");
        this.showing = false;
      }
    }
    
    // center popup in viewport
    function centerPopup() {
      // get viewport dimensions
      var cWidth = document.documentElement.clientWidth;
      var cHeight = document.documentElement.clientHeight;
      var popupHeight = jQuery('#'+settings.main_id).height();
      var popupWidth = jQuery('#'+settings.main_id).width();
      // positionning
      jQuery('#'+settings.main_id).css({
        "top": cHeight/2-popupHeight/2, 
        "left": cWidth/2-popupWidth/2
      });
      // IE6 
      jQuery(settings.bg_id).css({"height": cHeight});
    }
    
    // detects if browser is iPhone/iPod Safari
    function isIPhone() {
    	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    	   return true;
      }
      return false;
    }
    
    return jQuery;
  
  }, // end show function
  
  // jQuery.fn.name = function(..){...} => call $('selector').name
  // jQuery.name = function(..){...} => call $.name
  // jQuery.namespace = {name: function(..){...}, .. } => call $.namespace.name
  // inside plugin: use jQuery, not $ alias which might not exist
  
  // popup ready or not
  initialized: false,
  
  // false = disabled, true = enabled
  showing: false

};  // ';' required or will break if compressed


function working_show(title,message,timer) {
	
	$.popup.show(title, message);
	
	if(timer != 0) {
		setTimeout(function() { 
			$('#popup_bg').hide(); 
			$('#popup').hide(); 
		}, timer);
	}
}

// popup end

