var iNumModalStyles = 1;
(function($) {
	//base function to call and setup everything
	$.fn.modal=function(options){
		return this.each(function(){			
			if(this._modal) return; //if already a modal return
			if(typeof(options) != "undefined")	var params = $.extend({}, $.fn.modal.defaults, options); //if some options are passed in merge them
			else var params = $.fn.modal.defaults;
			if(typeof(modal_count) == "undefined") modal_count=0; //set the counter to 0
			modal_count++;
			this._modal=modal_count; //set what modal number this is
			H[modal_count] = {config:params,target_modal:this}; //add to hash var
			$(this).modal_add_show(this); //add show & hide triggers
		});
	}	
	$.fn.modal_add_show=function(ele){ return $.modal.show(ele); }	
	//extra function so show & hide can be called
	$.fn.modal_show=function(){
		return this.each(function(){
			$.modal.open(this);
		});		
	}
	$.fn.modal_hide=function(){
		return this.each(function(){
			$.modal.hide(this);
		});		
	}
	//the default config vars
	$.fn.modal.defaults = {show:false, hide:false, modal_styles:{zIndex:1000001}, resize:true, hide_on_overlay_click:true, css_class:'', fade_in_speed:1000, fade_out_speed:0 };
	//the over riden stuff
	$.modal = {
		hash:{}, //the hash used to store all the configs & targets
		show:function(ele){
			var pos = ele._modal, h = H[pos];
			jQ(h.target_modal).click(function(){
				$.modal.open(ele);
				return false;
			});
			return false;
		},
		
		hide:function(ele){
			var pos = ele._modal, h = H[pos];			
			if(h.config.hide_on_overlay_click) var idstr = "#modal_overlay, .modal_close";
			else var idstr = ".modal_close";
			jQ(idstr).click(function(){
			    jQ("#modal_content").fadeOut(h.config.fade_out_speed, function() {
                    jQ("#modal_content").remove();
				    if(h.config.hide)	h.config.hide();
				});
			    jQ("#modal_overlay").fadeOut(h.config.fade_out_speed, function() {
				    jQ("#modal_overlay").remove();							
				});
				return false;
      });
		},
		open:function(ele){
			var pos = ele._modal;
			var h = H[pos];			
			$.modal.insert_overlay();
			$.modal.insert_content_container();
			var content = $.modal.get_content($(h.target_modal));
			jQ("#modal_content").html(content);
			if(h.config.css_class) jQ("#modal_content").addClass(h.config.css_class);
			if(h.config.modal_styles) jQ("#modal_content").css(h.config.modal_styles);
			jQ("#modal_overlay").fadeIn(h.config.fade_in_speed);
			jQ("#modal_content").fadeIn(h.config.fade_in_speed);
			if(h.config.resize) $.modal.resize_container();
            $.modal.for_ie(jQ("#modal_overlay"));	
			if(h.config.show) h.config.show();
			$.modal.hide(ele); //add hiding
		},
		resize_container: function(){
			var max_width = 0, max_height=0;
			jQ('#modal_content #modal_content_box').each(function(){					
				var tw = jQ(this).width(), th = jQ(this).height();
				if(tw > max_width) max_width = tw;
				max_height += th;
			});
			if(max_width >0 && max_height>0) jQ('#modal_content').css('width', (max_width)+'px').css('height', (max_height)+'px').css('margin-left', '-'+(max_width/2)+'px');
			
		},
		insert_overlay:function(){
			if(!jQ('#modal_overlay').length) jQ("body").append('<div id="modal_overlay"></div>');
            jQ("#modal_overlay").css({display:'none',height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':1000000,opacity:50/100});
		},
		insert_content_container:function(){
			if(!jQ('#modal_content').length) jQ("body").append('<div id="modal_content"></div>');
		},
		get_content:function(trig){
			c = "<div class='modal_close modal_close_x'><p>x</p></div><div id='modal_content_box'>";
			if(trig.attr("rel")){ //if rel exists
				div_id = jQ('#'+trig.attr('rel'));
				div_class = jQ('.'+trig.attr('rel'));	
				if(div_id.length){ c += div_id.html(); }
				else if(div_class.length){ c += div_class.html();	}
			}else if(trig.attr('href')){ //if it has a href but no rel then insert the href as image src
				if(trig.attr('title')){ c +="<h3 class='modal_title'>"+trig.attr('title')+"</h3><img src='"+trig.attr('href')+"' alt='"+trig.attr('title')+"' />"; 	}
				else{ c += "<img src='"+trig.attr('href')+"' alt='modal' />";	}
			}else{ c = c + trig.html(); }
			c += "</div>";
			return c;
		},
		for_ie:function(o){
			if(ie6&&$('html,body').css({height:'100%',width:'100%'})&&o){
				$('html,body').css({height:'100%',width:'100%'});
        i=$('<iframe src="javascript:false;document.write(\'\');" class="overlay"></iframe>').css({opacity:0});
        o.html('<p style="width:100%;height:100%"/>').prepend(i)
        o = o.css({position:'absolute'})[0];
        for(var y in {Top:1,Left:1}) o.style.setExpression(y.toLowerCase(),"(_=(document.documentElement.scroll"+y+" || document.body.scroll"+y+"))+px");
			}
		}
	}
	var H=$.modal.hash,	jQ = jQuery;
			ie6=$.browser.msie&&($.browser.version == "6.0");
})(jQuery);
$(document).ready(function() {
    for (var i = 1; i <= iNumModalStyles; i++) {
        $('.modal' + i + '_trigger').modal({css_class: 'modal-' + i});
        $('.onload_modal' + i).modal({css_class: 'modal-' + i});
    }
    for (var i = 1; i <= iNumModalStyles; i++) {
        $('.onload_modal' + i).modal_show();
    }
});