var hoverObject;
var moveModel = 'slide'; //'drive'; //'spring';// //'slide';

function initDraggables (tag,cls) {
	ar = document.getElementsByTagName(tag);
	for (g=0;g<ar.length;g++) {
		drag = ar[g].getAttribute(cls);
		if (drag=='true') {
			attachEventListener(ar[g],'mouseover',mouseOverSpot,false);
		}
	}
	return true;
}


function mouseOverSpot (event) {

	// get event data
	if (typeof event =='undefined') {
		event = window.event;
	}
	if (typeof event.target != 'undefined') {
		dragTarget = event.target;
	} else {
		dragTarget = event.srcElement;
	}

	// set draggable item
	dragObject = dragTarget; //.parentNode;
	dragOrigin = [event.clientX,event.clientY];


	xSet = -200;
	ySet = 200+event.clientY+window.pageYOffset+(Math.random()*100);
	// make ghost element
	if (document.getElementById('ghost')) {
		ghost = document.getElementById('ghost');
	} else {
		var position = getPosition(dragTarget);
		var ghost = document.createElement('div');
		ghost.setAttribute('id','ghost');
		ghost.setAttribute('name','ghost');
		document.getElementsByTagName('body')[0].appendChild(ghost);
		ghost.style.top = '0px';
		ghost.style.left = '0px';
		ghost.style.marginLeft = '-200px'; //(event.clientX-120)+'px'; //(position[0]-60)+'px';
		ghost.style.marginTop = ySet+'px'; //(event.clientY-20)+'px'; //(position[1]-60)+'px';
		hoverObject = makeBDF(ghost);
	}

	ghost.innerHTML = dragTarget.getAttribute('display');

	// add drag interactivity
	attachEventListener(document,'mousemove',mouseMoveDocument,false);
	attachEventListener(dragTarget,'mouseout',mouseOutDocument,false);

	// clean up
	event.returnValue = false;
	if (typeof event.preventDefault!='undefined') {
		event.preventDefault();
	}
	return true;
}


function mouseMoveDocument (event) {
	// event abstraction
	if (typeof event=='undefined') {
		event = window.event;
	}

	// move the ghost by adjusting margins
	hoverObject[moveModel](event.clientX+20,event.clientY+20); // - dragOrigin[0],event.clientY - dragOrigin[1]);

	// prevent default action of mouse drag
	event.returnValue = false;
	if (typeof event.preventDefault!='undefined') {
		event.preventDefault();
	}

	//clean up
	return true;
}


function mouseOutDocument (event) {
	detachEventListener(document,'mousemove',mouseMoveDocument,false);
	//hoverObject[moveModel](-400,null);
	return true;
}



function fade (str) {
	e = document.getElementById(str);
	addClass(e,'fadeMe');
}


function unfade (str) {
	e = document.getElementById(str);
	removeClass(e,'fadeMe');
}







////////////////////////////////////

$(document).ready(function(){
		//////////////////
		
		$(".gal_image img").each(function() {
			   var width = $(this).width();
			   if (width > 472) {$(this).css("width", "472px");}
		});
		///
		$('.shop_item_image_box img').each(function() {
			   var width = $(this).width();
			   if (width > 472) {$(this).css("width", "472px");}
		});
		
		
		
		/////////////////
		
		$('.form_box_new').hide();	
		$('.form_box_already').hide();
		
		$('a.join_option_already_member').click(function(){
				$('.form_box_already').fadeIn(200);
				$('.form_box_new').hide();
				$(this).addClass('link_on');
				$('a.join_option_new_member').removeClass('link_on');
		});
		$('a.join_option_new_member').click(function(){
				$('.form_box_new').fadeIn(200);
				$('.form_box_already').hide();
				$(this).addClass('link_on');
				$('a.join_option_already_member').removeClass('link_on');
		});
		 
		
		////////////////IMAGE GALLERY ROLLOVER		

		/*
		var gal_image_width = $('img.gal_image_raw').width();
		var gal_image_height = $('img.gal_image_raw').height();
		
		var overlap_box_css = {'width':'472px','height':gal_image_height};
		$('.overlap_box').css(overlap_box_css);
		
		var overlap_gif_css = {'width':gal_image_width,'height':gal_image_height};
		$('img.overlap_gif').css(overlap_gif_css);
		
		$('.gal_image .overlap_box a').width(gal_image_width);
		
		
		var gal_img_mouseover_css = {'opacity' : '.8'};
		var gal_img_mouseout_css = {'opacity' : '1'};
		$('.gal_image a').mouseover(function(){
				$('img.gal_image_raw').css(gal_img_mouseover_css);
		});
		$('.gal_image a').mouseout(function(){
				$('img.gal_image_raw').css(gal_img_mouseout_css);
		});
		*/
		
		$('#support_join').bind({
			mouseenter: function(e){
				$(this).attr('src', 'sites/folk/images_sys/support_jointoday_red.png');
			},
			mouseleave: function(e){
				$(this).attr('src', 'sites/folk/images_sys/support_jointoday.png');
			}	
		});
		
		$('#support_donate').bind({
			mouseenter: function(e){
				$(this).attr('src', 'sites/folk/images_sys/support_donatenow_red.png');
			},
			mouseleave: function(e){
				$(this).attr('src', 'sites/folk/images_sys/support_donatenow.png');
			}	
		});
		
		
});///////////////////////////////////////////////////////


var pic_real_width;
var pic_real_height;

$(window).load(function(){	
		var gal_image_width = $('img.gal_image_raw').width();
		var gal_image_height = $('img.gal_image_raw').height();
		
		var overlap_box_css = {'width':'472px','height':gal_image_height};
		$('.overlap_box').css(overlap_box_css);
		
		var overlap_gif_css = {'width':gal_image_width,'height':gal_image_height};
		$('img.overlap_gif').css(overlap_gif_css);
		
		$('.gal_image .overlap_box a').width(gal_image_width);
		
		
		var gal_img_mouseover_css = {'opacity' : '.8'};
		var gal_img_mouseout_css = {'opacity' : '1'};
		$('.gal_image a').mouseover(function(){
				$('img.gal_image_raw').css(gal_img_mouseover_css);
		});
		$('.gal_image a').mouseout(function(){
				$('img.gal_image_raw').css(gal_img_mouseout_css);
		});	
});