var modal_join_element;

function modal_join_init() {
	// check if its laready assigned so it runs only one time
	
	//alert('modal_join_init'+$('#modal_join').width() + ' ----- ' + $('#modal_join').html())
	
	if(modal_join_element == undefined)
	{
	    modal_join_element = $('#modal_join');
	    if(modal_join_element.html() != null && 0 < modal_join_element.html().length)
	    {
	    	// move element to body
	    	//modal_join_element.remove();
	    	$('body').append(modal_join_element);
	    	modal_join_element = $('#modal_join');
	    	//alert('m_j_l : ' + modal_join_element.length);
	    	//$('.content', modal_join_element).hide();
	    	var modal_join_element_content = $('.content', modal_join_element);
	    	//alert("modal_join_element_content " + modal_join_element_content.length + ' -- ' + modal_join_element_content.html());
	    	if(modal_join_element_content.html() != null && 0 < modal_join_element_content.html().length)
	    	{
			    var bgImgSrc = modal_join_element_content.css('background-image').split('url(').join('').split(')').join('');
			    bgImgSrc = bgImgSrc.split('"').join('');
			    // adding ?unique so some browsers doesnt think its already loaded 
			    bgImgSrc += '?unique';
			    modal_join_element_content.css('background-image', 'none');
			    $('<img/>').attr('src', bgImgSrc).load(function() {
			    	modal_join_element_content.css('background-image', 'url('+bgImgSrc+')');
			    	
			    	//alert('--'+show_modal_on_home);
			    	
			    	if(show_modal_on_home!=undefined && show_modal_on_home == 'true')
			    	{
			    		modal_join_show(modal_join_element);
			    	}
			    }).error(function(){
			    	if(show_modal_on_home!=undefined && show_modal_on_home == 'true')
			    	{
			    		modal_join_show(modal_join_element);
			    	}
			    });
	    	}
		}
	    else
	    {
	    	//alert("no join");
	    	//peel_unwrap();
	    }
	}
}

function modal_join_show(modal_element)
{
	modal_element.show();
	modal_join_position();
	modal_element.fadeIn('slow', function(){
		// activate form
		modal_join_activate();
	});
}

function modal_join_activate()
{
	// default form script should be done by now
	// init close button
	$('.content .close', modal_join_element).bind('click', function(){
		peel_unwrap();
		modal_join_element.hide();
	});
	$('.dim', modal_join_element).bind('click', function(){
		peel_unwrap();
		modal_join_element.hide();
	});
	// init listeners
	$(window).resize(function() {
		modal_join_position();
	});
	$(window).scroll(function() {
		modal_join_position();
	});
}

function modal_join_position()
{
	modal_join_fitPage();
    modal_join_center();
}

function modal_join_fitPage() {
    if (modal_join_element) {
    	modal_join_element.css('width', $(window).width() + 'px');
    	modal_join_element.css('height', $(document).height() + 'px');
        //
        var offset = $('body').offset();
        var height = $(window).height();
        var scrollLeft = $(window).scrollLeft();
        var scrollTop = $(window).scrollTop();
        //console.log("scrollLeft"+scrollLeft);
        modal_join_element.css('width', (parseInt($(window).width()) + parseInt(scrollLeft)) + 'px');
        
        if (offset) {
        	modal_join_element.css('left', offset.left + 'px');
        }
    }
}

function modal_join_center() {
    if (modal_join_element) {
        var newLeft = (parseInt($(window).width()) - parseInt($('.content', modal_join_element).width())) * .5;
        //$('.content', modal_join).css('left',newLeft+'px');
        var newTop = (parseInt($(window).height()) - parseInt($('.content', modal_join_element).height())) * .5;
        $('.content', modal_join_element).css('top', newTop + 'px');
    }
}