var isHidden = new Boolean();
isHidden = false;

var isDragging = new Boolean();
isDragging = false;

var firstRun = new Boolean();
firstRun = true;

var currentItemId;
var currentItem;

var formActual;
var menuBottom;
var subMenuHolder;

var currentCategory;
var currentImageDims = [0,0];
var bgImageDims = [1024, 768];

var siteTitle = "Duran Rose vs The Interwebs";

var subElementsAdded = false;
var projectElementsAdded = false;
var loadFirstImageOfSet = false;

function hideContent(obj)
{
	if(!isHidden)
	{
		$('hide_info').set('text',"show information");
		//obj.fade('out');
		
		var iFx = new Fx.Tween(menuBottom);
		iFx.start('opacity', 1, 0).chain(function(){
			menuBottom.dispose();//setStyle('visibility', 'hidden');
		});
		
		isHidden = true;
		updateHeight('mHolder_div', '53px');
	}else{
		$('hide_info').set('text',"hide information");
		//obj.setStyle('visibility', 'visible');
		menuBottom.setOpacity(0);
		menuBottom.inject($('menu_holder'));
		menuBottom.fade('in');
		updateHeight('mHolder_div', '303px');
		checkMenuPlacement();
		isHidden = false;
	}//end if
}//end function

function updateHeight(itemId, heightNum) 
{
		$(itemId).style.height = heightNum;
}

function createForm()
{
	var formy = new Element('form').set('id', "form_actual");
}//end function

function addElement(objParent, objName, objContent, itemClicked)
{
	if(currentItemId != itemClicked)
	{
		var holder = $(objParent);
		var childer = new Element('p');
		childer.appendText(objContent);
		childer.set("id",objName);
		childer.set('class', "about_contact");
		childer.setOpacity(0);
		childer.inject(holder);
		childer.fade('in');
		currentItemId = itemClicked;
	}
}//end function

function addProjectElements(pI)
{
	var numLists = $('content_holder').getElements('ul').length;
	
	if(numLists >= 1)
	{
		$('content_list').destroy();
		$('image_list').destroy();
		$('toggle_items').destroy();
	}
	
	var toggle = new Element('ul').set('id', 'toggle_items');
	var tHA = new Element('li').set('id','view_thumbnails').set('class', 'toggle_actual').inject(toggle);
	var tHD = new Element('li').set('id','view_description').set('class', 'toggle_actual').inject(toggle);
	var tH = new Element('a').set('href','#').set('id', 'thumbnails').set('title', 'thumbnails').set('rel', 'clicked').set('text', 'thumbnails').inject(tHA);
	var tD = new Element('a').set('href','#').set('id', 'description').set('title', 'description').set('text', 'description').inject(tHD);
	
	tH.addEvent('click', function(e){
		e.stop();
		
		if($('content_list').isVisible())
		{	
			this.set('rel', 'clicked');
			$('description').set('rel', '');
			
			
			var iFx = new Fx.Tween('content_list');
			iFx.start('opacity', 1, 0).chain(function(){
				$('content_holder').setStyle('overflow', 'auto');
				$('image_list').fade('in');
			});
		}//end if
	});
	
	tD.addEvent('click', function(e){
		e.stop();
		
		if($('image_list').isVisible())
		{	
			this.set('rel', 'clicked');
			$('thumbnails').set('rel', '');
			
			var mFx = new Fx.Tween('image_list');
			mFx.start('opacity', 1, 0).chain(function(){
				$('content_holder').setStyle('overflow', 'hidden');
				$('content_list').fade('in');
			});
		}//end if
	});
	
	var desc = new Element('ul').set('id', 'content_list').set('rel', '');
	var thumb = new Element('ul').set('id', 'image_list').set('rel','active');
	var numThumbs = pI.images.thumb.length;
	
	new Element('li').set('class', 'project_description').set('text', pI.title.toUpperCase()).inject(desc);
	
	if(pI.link != '')
	{
		var il = new Element('li').set('class', 'project_description').inject(desc);
		var ink = new Element('a').set('title', 'project link').set('href', pI.link).set('target', '_BLANK').set('text', pI.link).inject(il);
	}//end if
	
	new Element('li').set('class', 'project_description').set('text', pI.description).inject(desc); 
	
	for(var i = 0; i < numThumbs; i++)
	{
		var nameObj = pI.title.toLowerCase()+" thumbnail " + (i + 1);
		var lis = new Element('li').set('class', 'thumbs');
		var anc = new Element('a').set('id', pI.title.toLowerCase()+(i+1)).set('rel', pI.images.main[i]).set('title',nameObj).set('href', "#");
		var tImg = 	new Element('img').set('alt', nameObj).set('src', ""+pI.images.thumb[i]).inject(anc);
		
		
		anc.addEvent('click', function(e){
			e.stop();
			var str = this.title;
			var newStr = str.split(" thumbnail ");
			var newName = "/" + currentCategory + "/" + newStr[0].replace(/ /g, "-") + "/" + newStr[1];
			updateURL(newName);
		});//end click function
		
		anc.inject(lis);
		lis.inject(thumb);
	}//end for
	
	var chh = formatPath(SWFAddress.getPath());
	if(chh.length === 2)
	{
		//alert("please load the first image");
		loadFirstImageOfSet = true;
		loadProjectImage.delay(900);
	}//end if
	
	desc.setOpacity(0);
	desc.setStyle('visibility', 'hidden');
	thumb.setOpacity(0);
	//alphaAdjust(thumb, desc);
	
	toggle.inject('content_holder');
	desc.inject('content_holder');
	thumb.inject('content_holder');
	
	thumb.fade('in');
	$('content_holder').setStyle('overflow', 'auto');
	projectElementsAdded = true;
}//end function

function loadProjectImage()
{
	var imgPath;
	var ad = formatPath(SWFAddress.getPath());
	
	if(loadFirstImageOfSet == true)
	{
		//alert("load first image function");
		var rl = ad[1]+"1";
		imgPath = $(rl).rel;
	}else{
		var pl = ad[1]+ad[2];
		imgPath = $(pl).rel;
	}//end if
	
	requestImageInfo(""+imgPath);
	toggleImage('out', "../"+imgPath);
	scaleImage.delay(600, this, ['img_content', currentImageDims]);
}//end function

function alphaAdjust(outItem, inItem)
{
	outItem.fade('out');
	inItem.fade('in');
}//end function

function killContentAndContact()
{
	
	if ($chk($('content') ) )//($('content_holder').hasChild('content') )
	{
		var myFx = new Fx.Tween('content');
		myFx.start('opacity', 1, 0).chain(function(){
			$('content').destroy();
		});
	}//end if
	
	if( $chk($('form_actual')) )
	{
		var cFx = new Fx.Tween('form_actual');
		cFx.start('opacity', 1, 0).chain(function(){
			$('userName').value = "";
			$('userEmail').value = "";
			$('userMessage').value = "";
			
			formActual.dispose();
		});
	}
}//end function

function removeElement()
{	
	if ($chk($('content') ) ) //($('content_holder').hasChild('content') )
	{
		var myFx = new Fx.Tween('content');
		myFx.start('opacity', 1, 0).chain(function(){
			if($('content') != null)
			{
				$('content').destroy();
			}
		});
	}//end if
	
	if( $chk($('form_actual')) )
	{
		var cFx = new Fx.Tween('form_actual');
		cFx.start('opacity', 1, 0).chain(function(){
			$('userName').value = "";
			$('userEmail').value = "";
			$('userMessage').value = "";
			
			formActual.dispose();
		});
	}
	
	if( $('content_holder').hasChild('content_list') && $('content_holder').hasChild('image_list') && $('content_holder').hasChild('toggle_items'))
	{
		if($('content_list').get('rel') === "active")
		{
			var lFX = new Fx.Tween('content_list');
			lFX.start('opacity', 1, 0).chain(function(){
				$('content_list').destroy();
			});
		}else{
			$('content_list').destroy();
		}
		
		if($('image_list').get('rel') === "active")
		{
			var iFX = new Fx.Tween('image_list');
			iFX.start('opacity', 1, 0).chain(function(){
				$('image_list').destroy();
			});
		}else{
			$('image_list').destroy();
		}
		
		var tFx = new Fx.Tween('toggle_items');
		tFx.start('opacity', 1, 0).chain(function(){
			$('toggle_items').destroy();
		});
		
		projectElementsAdded = false;
	}//end if
}//end function

function addSubElements(objParent, objContent, objContentName)
{
	//subMenuHolder.inject($('mHolder_div'));
	var subMen = new Element('ul').set('id', 'sub_menu_holder').set('class', 'sub_menu_holder').inject($('mHolder_div'));//id="sub_menu_holder" class="sub_menu_holder"
	
	var holder = $(objParent);
	var numItems = objContent.length;
	holder.setOpacity(0);
	
	for( var i = 0; i < numItems; i++)
	{
		var contentVar = objContent[i];
		var childer = new Element('li');
		var aChilder = new Element('a');
		aChilder.setProperty("title", contentVar);
		aChilder.innerHTML = contentVar.toLowerCase();
		aChilder.setProperty("href", objContent[i].link);
		aChilder.setProperty("class", "sub_menu_link");
		childer.setProperty("id", contentVar.toLowerCase());
		childer.setProperty("title", i);
		childer.setProperty("class", "sub_menu_item");
		
		aChilder.addEvent('click', function(e){
			e.stop();
			
			var str = this.title;
			
			if(str != "download my resume")
			{
				var newStr = str.replace(/ /g, "-");
				var newName = "/" + objContentName + "/" + newStr; //+ "/" + 1;
				updateURL(newName);
				//changeHighlight(this.getParent().id, "sub");
				removeElement();
				/*
				requestProjectInfo.delay(900, this, [objContentName, str]);*/
			}else{
				window.open("http://www.duranrose.com/resources/resume/duran_rose_resume.pdf");
			}//end if
		});//end click event
		
		aChilder.inject(childer);
		childer.inject(holder);
	}//end for
	
	holder.fade('in');
	
	subElementsAdded = true;
}//end function

function removeSubElements()
{
	if($chk($('sub_menu_holder')) && $('sub_menu_holder').getChildren.length >= 2)
	{
		var holder = document.getElementsByClassName("sub_menu_item");
		var numItems = holder.length;
		
		for(var i = 0; i < numItems; i++)
		{
			var childer = $(holder[i].id);
			//childer.fade('out');
			$('sub_menu_holder').removeChild(childer);
		}//end for
		
		$('sub_menu_holder').destroy();
		//subMenuHolder.dispose();
		subElementsAdded = false;
	}//end if
}//end function

document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElements('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}//end for
	return retnode;
}; 

function changeHighlight(itemParenNodeId, section)
{
	
	var menuList;
	var items;
	var numItems;
	
	switch(section)
	{
		case "main":
			menuList = $("menu");
			items = menuList.getElements("li");
			numItems = items.length;
		break;
		
		case "sub":
			//alert("sub section work");
			menuList = $("sub_menu_holder");
			items = menuList.getElements('li');
			numItems = items.length;
		break;
		
		case "content":
			menuList = $("toggle_items");
			items = menuList.getElements('li');
			numItems = items.length;
		break;
	}//end switch
	
	for(var i = 0; i < numItems; i++)
	{
		var newObj;
		if(itemParenNodeId == items[i].getAttribute("id"))
		{			
			newObj = items[i].getElements("a");
			newObj[0].setAttribute("rel", "clicked");
		}else if(itemParenNodeId != items[i].getAttribute("id")){
			newObj = items[i].getElements("a");
			newObj[0].removeAttribute("rel");
		}//end if
	}//end for
}//end function

function updateURL(newExtension)
{
		SWFAddress.setValue(newExtension.toLowerCase());
}//end function

function getInformation(obj)
{
	
	currentItemId = null;
	
	changeHighlight(obj, "main");
	
	switch(obj)
	{		
		case "design":
			removeSubElements();
			currentCategory = 'design';
			requestSubmenuInformation();
			currentItemId = obj;
		break;
		
		case "photography":
			removeSubElements();
			currentCategory = 'photography';
			requestSubmenuInformation();
			currentItemId = obj;
		break;
		
		case "about":
			currentCategory = 'about';
			removeElement();
			removeSubElements();
			
			if(isHidden)
			{
				hideContent($('menu-bottom'));
			}//end if
			
			requestSubmenuInformation();
			//addElement('content_holder', 'content', sampleText, 'about');
			//addSubElements("sub_menu_holder", aboutProjects, 'about');
		break;
		
		case "contact":
			removeElement();
			removeSubElements();
			
			if(isHidden)
			{
				hideContent($('menu-bottom'));
			}//end if
			
			//addElement('content_holder', 'content', contactText, 'contact');
			formActual.setOpacity(0);
			formActual.inject($('content_holder'));
			formActual.fade('in');
		break;
	}//end switch
	
	var newName = "/"+obj;
	//updateURL(newName);
}//end function

function setupMainMenuClicks()
{
	
	var menuList = $("menu");
	var items = menuList.getElements("li");
	var numItems = items.length;
	
	$('hide_info').addEvent('click', function(event){event.stop(); hideContent($('menu-bottom')); });
	
	for(var i = 0; i < numItems; i++)
	{		
		var newObj;	
		var tex = items[i].id;
		
		newObj = items[i].getElements("a");
		newObj[0].addEvent('click', function(event){
			event.stop();
			//getInformation(this.getParent().id);
			updateURL("/" + this.getParent().id);
		});
	}//end for
	
}//end function

function formatPath(pathVar)
{
	var tempRay = pathVar.substring(1, pathVar.length).split("/");
	var numItems = tempRay.length;
	for(var i = 0; i < numItems; i++)
	{
		tempRay[i] = tempRay[i].replace(/-/g, " ");
	}//end for
	
	return tempRay;
}//end function

function handleChange(event)
{
	handleChangeJr(event.path);
}//end function

function handleChangeJr(pVal)
{
	var val = pVal;
	
	var newValue = formatPath(pVal);
	
	if(val === "/")
	{
		SWFAddress.setTitle(siteTitle);
	}else{
				
		if(newValue.length <= 2)
		{
			SWFAddress.setTitle(siteTitle + " - " + newValue[newValue.length - 1] );
		}else if(newValue.length > 2){
			SWFAddress.setTitle(siteTitle + " - " + newValue[1] );
		}//end if
	}//else 
	
	if(isHidden)
	{
		hideContent($('menu-bottom'));
	}//end if
	
	switch(newValue.length)
	{
		case 1:
			if(val === "/")
			{
				getInformation('about');
			}else{
				getInformation(newValue[0]);
			};
		break;
		
		case 2:
		
		//	if(!subElementsAdded)
		//	{
				getInformation(newValue[0]);

		//	}//end if
			
			killContentAndContact();
			
			changeHighlight.delay(1000, this,[newValue[1], "sub"]);
			requestProjectInfo.delay(900, this, [newValue[0], newValue[1]]);
		break;
		
		case 3:
			loadFirstImageOfSet = false;
			killContentAndContact();
			
			if(!subElementsAdded)
			{
				getInformation(newValue[0]);
				changeHighlight.delay(1000, this,[newValue[1], "sub"]);
			}else{
				changeHighlight(newValue[1], "sub");
			}//end sub if
			
			/*
			if(!projectElementsAdded)
			{
				requestProjectInfo(newValue[0], newValue[1]);
				loadFirstImageOfSet = false;
				loadProjectImage.delay(1000)
			}else{
				loadProjectImage();
			}//end if */
			
			requestProjectInfo(newValue[0], newValue[1]);
			loadFirstImageOfSet = false;
			loadProjectImage.delay(1000)
			
		break;
	}//end switch
	
	
}//end function

function calculateRatio(objSize)
{
	var ratio;
	
	if( objSize[0] > objSize[1])
	{
		ratio = [objSize[0] / objSize[1], "landscape"];
	}else if(objSize[0] < objSize[1]){
		ratio = [objSize[1] / objSize[0], "portrait"];
	}
	
	if(objSize[0] === objSize[1]){ratio = [objSize[0] / objSize[1],"square"];}
	return ratio;
}//end function

function requestImageInfo(path)
{	
	new Request.JSON({
		'url': 		'index.php',
		'method': 	'get',
		onSuccess: function(jsonresponse){
			handleJSON(jsonresponse);
		}//end on success
	}).send('img='+path);
	
	var handleJSON = function(jsonresponse){
		currentImageDims[0] = jsonresponse.x;
		currentImageDims[1] = jsonresponse.y;
	}//end function
}//end function

function requestProjectInfo(category, project)
{
	new Request.JSON({
		'url': 		'index.php',
		'method': 	'get',
		onSuccess: function(jsonresponse){
			handleJSON(jsonresponse);
		}//end on success
	}).send('category='+category+'&'+'project='+project);
	
	var handleJSON = function(jsonresponse){
		//alert(jsonresponse)
		addProjectElements(jsonresponse);
	}//end function
}//end function

function requestSubmenuInformation()
{
	new Request.JSON({
		'url': 		'index.php',
		'method': 	'get',
		onSuccess: function(jsonresponse){
			handleJSON(jsonresponse);
		}//end on success
	}).send('menu='+currentCategory);
	//alert(('category='+category+'&'+'project='+project));
	var handleJSON = function(jsonresponse){
		
		if(jsonresponse.bio === undefined)
		{
			addSubElements("sub_menu_holder", jsonresponse, currentCategory);
		}else if(jsonresponse.bio != undefined){
			//update about section
			//alert(jsonresponse[0] + " _ " + jsonresponse[1]);
			addElement('content_holder', 'content', jsonresponse.bio, 'about');
			addSubElements("sub_menu_holder", ['download my resume'], 'about');
		}
	}//end function
	
}//end function

function formCheck()
{
	var validator = false;
	/*
	$('userName').value = "";
	$('userEmail').value = "";
	$('userMessage').value = "Thank you, your message has been sent.";
	*/
	if($('userName').value === "" || $('userEmail').value === "" || $('userMessage').value === "")
	{
		validator = false;
	}else if($('userName').value != "" && $('userEmail').value != "" && $('userMessage').value != ""){
		validator = true;
	}//end if
	
	return validator;
}//end function

function sendEmail()
{
	var checker = formCheck();
	
	if(checker)
	{
		
		new Request.JSON({
			'url': 		'index.php',
			'method': 	'get',
			onSuccess: function(jsonresponse){
				handleJSON(jsonresponse);
			}//end on success
		}).send('email=thanks');
	
		var handleJSON = function(nresponse){
			//alert(nresponse + $('userEmail').value);
			realSend(nresponse);
		}//end function
	}else if(!checker){
		alert("Please fill out the entire form, thanks");
	}//end check if
}//end function

function realSend(addy)
{
	//alert("it got here " + addy + "  /n " + 'senderName='+ $('userName').value + '&' + 'senderEmail='+ $('userEmail').value + '&' + 'senderMessage=' + $('userMessage').value +'&'+'destinationEmail='+ addy);
	new Request.JSON({
			'url': 		'php/mail.php',
			'method': 	'get',
			onSuccess: function(nresponse){
				handleNextJSON(nresponse);
			}//end on success
		}).send('senderName='+ $('userName').value + '&' + 'senderEmail='+ $('userEmail').value + '&' + 'senderMessage=' + $('userMessage').value +'&'+'destinationEmail='+ addy);
		//put new submit form info thing here
		
		var handleNextJSON = function(sresponse){
			//alert(sresponse);
			$('userName').value = "";
			$('userEmail').value = "";
			$('userMessage').value = "Thank you, your message has been sent.";
			var spans = $$('span');
			var spansLen = spans.length;
			
			clearMessage.delay(4000);
			
			for(var i = 0; i < spansLen; i++)
			{
				var obj = spans[i];
				var myFx = new Fx.Tween(obj);
				myFx.start('opacity', 1, 0).chain(function(){
					obj.destroy();
				});
				
			}
		}//end function
}//end function

function clearMessage()
{
	$('userMessage').value = "";
}//end function

function scaleImage(obj, dimsObj)
{
	if( $chk( $(obj) ) )
	{
		var objInfo = calculateRatio(dimsObj);
		var windowSize = document.getSize();
		var nWinSize = calculateRatio([windowSize.x, windowSize.y]);
		
		switch(objInfo[1])
		{
			case "square":
				$(obj).width = windowSize.x;
				$(obj).height = windowSize.x / objInfo[0];
				
				if( $(obj).height > windowSize.y )
				{
					$(obj).height = windowSize.y;
					$(obj).width = windowSize.y / objInfo[0];
				}
			break;
			
			case "landscape":
				
				$(obj).width = windowSize.x;
				$(obj).height = windowSize.x / objInfo[0];
				
				if( obj === 'resizeable')
				{
					if( $(obj).height < windowSize.y ){ 
						
						$(obj).height = windowSize.y;
						$(obj).width = windowSize.y * nWinSize[0];
					}//end if
				}else{
					
					var objSize = $(obj).getSize();
					
					if( objSize.y > windowSize.y )
					{
						
						var percX = (windowSize.x * 100) / objSize.x;
						var percY = (windowSize.y * 100) / objSize.y;
						var reductionNum = 100 - percY;
						
						var newWid = (reductionNum * objSize.x)/100;
						var newHei = (reductionNum * objSize.y)/100;;
						
						$(obj).width = objSize.x - newWid;
						$(obj).height = objSize.y - newHei;
						
						//alert(calculateRatio([$(obj).width, $(obj).height]) + " calculated dimensions " + currentImageDims);
					}
				}//end if
			break;
			
			case "portrait":
				
				$(obj).height = windowSize.y;
				$(obj).width = windowSize.y / objInfo[0];
								
			break;
		}//end switch
		
		if(obj != 'resizeable')
		{
			new Fx.Move($(obj)).start();
		}
	}//end if element exists
}//end function

function moveWithMouse(e)
{
	var obj = $('img_content');
	var wid = obj.width;
	var hei = obj.height;
	var perc;
	var windowSize = document.getSize();
	//perc = [( (windowSize.x * 100) / wid ) , (windowSize.y * 100) / hei];

	var dx = (e.page.x * 100) / windowSize.x;
	var dy = (e.page.y * 100) / windowSize.y;

	var mX = -( (wid - windowSize.x) * dx) / 100;
	var mY = -( (hei - windowSize.y) * dy) / 100;
	
	$('img_content').setStyle(obj,[mX, mY]);
}//end function

function handleResize(event)
{	
	scaleImage('resizeable', bgImageDims);
	scaleImage('img_content', currentImageDims);
	new Fx.Move($('loader')).start();
	checkMenuPlacement();
}//end function

function checkMenuPlacement()
{
	var size = $('mHolder_div').getPosition();
	var pos = $('mHolder_div').getSize();
	var windowSize = window.getSize();
	var offRight = size.x + pos.x;
	var offBottom = size.y + pos.y;
	
	if(pos.x > windowSize.x || pos.y > windowSize.y || offRight > windowSize.x || offBottom > windowSize.y)
	{
		new Fx.Move($('mHolder_div')).start();
	}
}//end function

function toggleImage(dir, imgPath)
{
	//scaleImage('img_content', currentImageDims);
	
	var myFx = new Fx.Tween('img_content');
	
	if(dir === "out")
	{
		$('loader').fade('in');
		myFx.start('opacity', 1, 0).chain(function(){
			$('img_content').set('src', imgPath);
		});
	}else if(dir === 'in')
	{
		$('loader').fade('out');
		$('img_content').fade('in');
	}//end if
}//end function

window.onload=function()
{	
	menuBottom = $('menu-bottom');
	
	//subMenuHolder = $('sub_menu_holder');
	//subMenuHolder.dispose();
	
	$('img_content').addEvent('load', function()
	{
		scaleImage('img_content', currentImageDims);
		toggleImage.delay(300, this, ['in']);
	});
	
	var validName = new LiveValidation('userName');
	validName.add( Validate.Presence );
	
	var validEmail = new LiveValidation('userEmail');
	validEmail.add( Validate.Presence );
	validEmail.add( Validate.Email );
	
	var validMessage = new LiveValidation('userMessage');
	validMessage.add( Validate.Presence );
	
	$('send_btn').addEvent('click', function(e){
		e.stop();
		sendEmail();
	});//end click
	
	formActual = $('form_actual');
	$('form_actual').dispose();
	
	window.addEvent('resize', handleResize);
	
	handleResize();
	
	setupMainMenuClicks();

	var screenSize = window.getSize();

	var xPos = (screenSize.x * 0.5) - (217);
	var yPos = (screenSize.y * 0.5) - (151.5);
	var obj = $('mHolder_div');
	
	new Fx.Move(obj).start();
	
	$('loader').setOpacity(0);
	new Fx.Move($('loader')).start();
	
	$('drag-area').addEvent('mousedown', function(){
		obj.fade(0.5);
		isDragging = true;
	})

	$('drag-area').addEvent('mouseup', function(){
		obj.fade(1);
		isDragging = false;
	})
	
	addEvent('mouseup', function(){
		if(isDragging)
		{
			obj.fade(1);
			isDragging = false;
		}//end if
	})
	
	var container = $('dragContainer');
	
	new Drag.Move( 'mHolder_div', {'container': container, handle:$('drag-area')});
	
	SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleChange);
	
	handleChangeJr(SWFAddress.getPath());
}