/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupAdvanceStatus = 0;

//loading popup with jQuery magic!
function loadAdvancePopup(){
	//loads popup only if it is disabled
	if(popupAdvanceStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		//$("#popupContact").fadeIn("slow");
		$("#light").fadeIn("slow");
		popupAdvanceStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disableAdvancePopup(){
	//disables popup only if it is enabled
	if(popupAdvanceStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		//$("#popupContact").fadeOut("slow");
		$("#light").fadeOut("slow");
		popupAdvanceStatus = 0;
	}
}

//centering popup
function centerAdvancePopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	$("#popupContact").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//LOADING POPUP
	//Click the button event!
	$("#button").click(function(){
		//centering with css
		centerAdvancePopup();
		//load popup
		loadAdvancePopup();
	});
				
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		disableAdvancePopup();
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
		disableAdvancePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupAdvanceStatus==1){
			disableAdvancePopup();
		}
	});

});

// feed back as bellow
$(document).ready(function(){
    $(".popup-link").click(function(){
    $("#popup-box-body").html($("#popup-box-loading").html());
        centerPopup("#popup-box");
        loadPopup("#popup-box");
    $.ajax({
      type: "GET",
      url: $(this).attr('href'),
      data: 'popup=1',   
      dataType:'html',
      success: function(data) {           
        $("#popup-box-body").html(data);          
      }
    });
    return false;
    });                
}); 

	function addfeedback(){
		$.ajax({
		  type: "POST",
		  url: $(this).attr('href'),
		  data: 'uri=' + $('#uri').val() + '&url='+$('#url').val()+'&userid='+$('#userid').val()+'&useragent='+$('#useragent').val()+'&querystring='+$('#querystring').val(),   
		  dataType:'html',
		  success: function(data) {           
			 disablePopup('popup_box');
		  }
		});
	}
var popupStatus = 0; //0 means disabled; 1 means enabled;

function loadPopup(popup_box_id){
    if(popupStatus==0){
        $(".popup-background").css({
            "opacity": "0.7"
        });
        $(".popup-background").fadeIn("slow");
        $(popup_box_id).fadeIn("slow");
        popupStatus = 1;      
    
      $(".popup-close").click(function(){
          disablePopup(popup_box_id);
      });
      $(".popup-background").click(function(){
          disablePopup(popup_box_id);
      });
      $(document).keypress(function(e){
          if(e.keyCode==27 && popupStatus==1){
              disablePopup(popup_box_id);
          }
      });
  }
}

function disablePopup(popup_box_id){
    if(popupStatus==1){
        $(".popup-background").fadeOut("slow");
        $(popup_box_id).fadeOut("slow");
        popupStatus = 0;
    }
}

function centerPopup(popup_box_id){
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $(popup_box_id).height();
    var popupWidth = $(popup_box_id).width();
    $(popup_box_id).css({
        "position": "absolute",
        "top": ( $(window).height() - popupHeight ) / 2+$(window).scrollTop() + "px",
        "left": ( $(window).width() - popupWidth ) / 2+$(window).scrollLeft() + "px"
    });  

    //only need force for IE6    
    $(".popup-background").css({
        "height": windowHeight
    });
    
}

(function($){           
    $.fn.popupWindow = function(instanceSettings){
        
        return this.each(function(){
        
        $(this).click(function(){
        
        $.fn.popupWindow.defaultSettings = {
            centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
            centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
            height:500, // sets the height in pixels of the window.
            left:0, // left position when the window appears.
            location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
            menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
            resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
            scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
            status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
            width:500, // sets the width in pixels of the window.
            windowName:null, // name of window set from the name attribute of the element that invokes the click
            windowURL:null, // url used for the popup
            top:0, // top position when the window appears.
            toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
        };
        
        settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});
        
        var windowFeatures =    'height=' + settings.height +
                                ',width=' + settings.width +
                                ',toolbar=' + settings.toolbar +
                                ',scrollbars=' + settings.scrollbars +
                                ',status=' + settings.status + 
                                ',resizable=' + settings.resizable +
                                ',location=' + settings.location +
                                ',menuBar=' + settings.menubar;

                settings.windowName = this.name || settings.windowName;
                settings.windowURL = this.href || settings.windowURL;
                var centeredY,centeredX;
            
                if(settings.centerBrowser){
                        
                    if ($.browser.msie) {//hacked together for IE browsers
                        centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
                        centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
                    }else{
                        centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
                        centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
                    }
                    window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
                }else if(settings.centerScreen){
                    centeredY = (screen.height - settings.height)/2;
                    centeredX = (screen.width - settings.width)/2;
                    window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
                }else{
                    window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();    
                }
                return false;
            });
            
        });    
    };
})(jQuery);

