$(function(){

		
	//////////////////////////
	// Designs
	//////////////////////////
	
	//View
	
	$('#couture .addToBag').click(function(){
		if($('.dropDown li.active').length < 1){
			$('div.message').remove();
			$('.content').prepend('<div class="message" id="flashMessage">Please select a size to continue.</div>');
			$('html,body').animate({scrollTop: 0}, 500);
		}else{
			var id = $('#couture .details').attr('id');
			var title = $('#styleTitle').attr('class');
			var size = $('#sortBy .select').html();
			$.post(root+"/designs/addToBagFromView", { id: id, title: title, size: size },
				function(data){
					window.location=root+"/designs/writeCartCookie";			
			});
		}
		return false;
	});
	
	$('#couture .addToBagCustom').click(function(){
		if($('.dropDown li.active').length < 1){
			$('div.message').remove();
			$('.content').prepend('<div class="message" id="flashMessage">Please select a size to continue.</div>');
			$('html,body').animate({scrollTop: 0}, 500);
		}else{
			var id = $('#couture .carousel ul li.active img').attr('id');
			var image = $('#couture .carousel ul li.active').attr('id');
			var title = $('#fabricTitle').html();
			var design_id = $('#couture .details').attr('id');
			var size = $('#sortBy .select').html();
			$.post(root+"/designs/submitCoutureCustom", { title: title, image: image, id: id, design_id: design_id, size: size },
				function(data){
					window.location=root+"/designs/writeCartCookie";			
			});
		}
		return false;
	});
	
	
	var shoe = $('#shoe');
	
	$('.details .view').click(function(){
		var newView = $(this).attr('id');
		$('.details .active').removeClass('active');
		$(this).addClass('active');
		var current = shoe.attr('class');
		var pattern = current.substr(5);
		shoe.removeClass(current);
		shoe.addClass(newView+'_'+pattern);
		return false;
	});


//	$('#view .details .addToFaves').click(function(){
//		var id = $('#view .details').attr('id');
//		$.post(root+"/designs/createExistingDesignSession", { id: id },
//		function(data){
//			window.location=root+"/designs/addToFavorites/"+id;			
//		});
//		return false;
//	});
	
	$('#view .emailFriend').click(function(){
		$('body').append(emailFriendHTML);
		var border = $('#emailAFriendBorder');
		var content = $('#emailAFriend');
		var img = $('#shoe').css('background-image');
		imgPath = img.substring(img.indexOf('(')+1,img.indexOf(')')); 
		if(imgPath.indexOf('/side/')){
			newimgPath = imgPath.replace('/side/','/side/medium/');
		}else{
			newimgPath = imgPath.replace('/back/','/back/medium/');
		}
		content.find('img').attr('src', newimgPath);
		$('#emailFrom').focus();
		$('html,body').animate({scrollTop: 0}, 500);
		content.find('.closeLayer').click(function(){
			content.add(border).fadeOut('fast', function(){ $(this).remove(); });
			return false;
		});
		content.find('.sendIt').click(function(){
			var id = $('#view .details').attr('id');
			var title = document.title;
			var from = $('#emailFrom').val();
			var to = $('#emailTo').val();
			var image = $('#emailAFriend .emailContents img').attr('src');
			var message = $('#emailFriendMessage').val();
			$.post(root+"/contactForms/emailAFriend", { id: id, title: title, from: from, to: to, image: image, message: message },
			function(data){
				$('#emailAFriendBorder').add($('#emailAFriend')).fadeOut('fast', function(){ 
					$(this).remove(); 
					$('#flashMessage').remove();
					$('#wrap .content').prepend('<div class="message" id="flashMessage">Email Sent</div>');
				});
			});
		});
		return false;
	});
	
	//Share this
	
	$('#view .shareThis').click(function(){
	 	var url = 'http://www.eidialush.com/eidia/designs/view/'+$(this).parent().attr('id');
	 	var shareURL = escape(url);
	 	var title = $(this).parent().find('#title em').html()+' | EidiaLush.com';
		var shareLayer = '<div id="shareThisBorder"></div><div id="shareThis"><a href="#" class="closeLayer"></a><h2 class="share">Share this design</h2><ul><li><a href="#" class="fb">Facebook</a></li><li><a href="#" class="twit">Twitter</a></li><li><a href="#" class="my">MySpace</a></li><li><a href="#" class="del">delicious</a></li><li><a href="#" class="digg">Digg</a></li><li><a href="#" class="stum">Stumble</a></li></ul></div>';
		$(this).parent().append(shareLayer);
		var $border = $('#shareThisBorder');
		var $layer = $('#shareThis');
		var pos = $(this).position();
		if(pos.left>610){
			pos.left = 580;
		}else if(pos.left<10){
			pos.left = 30;
		}
		$border.css({left: pos.left+'px', top: (pos.top-120)+'px'}).fadeIn('fast');
		$layer.css({left: (pos.left+30)+'px', top: (pos.top-90)+'px'}).fadeIn('fast');
		$layer.find('.closeLayer').click(function(){
			$layer.add($border).fadeOut('fast', function(){$layer.add($border).remove();});
			return false;
		});
		$layer.find('ul li a').click(function(){
			switch($(this).attr('class')){
				case 'fb':
					window.open('http://www.facebook.com/sharer.php?u='+shareURL+'&t='+title,'Facebook', 'height=500, width=600');
					break;
				case 'twit':
					window.open('http://www.twitter.com/home?status='+url,'Twitter');
					break;
				case 'my':
					window.open('http://www.myspace.com/Modules/PostTo/Pages/?t='+title+'&u='+shareURL,'Myspace');
					break;
				case 'del':
					window.open('http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url='+shareURL+'&amp;title='+title, 'Delicious','toolbar=no,width=550,height=550');
					break;
				case 'digg':
					window.open('http://digg.com/submit?url='+shareURL+'&title='+title,'Digg');
					break;
				case 'stum':
					window.open('http://www.stumbleupon.com/submit?url='+shareURL+'&title='+title,'Stumble Upon');
					break;
			}
			$layer.add($border).fadeOut('fast', function(){$layer.add($border).remove();});
			return false;
		});
		return false;
	});
	
	//Skype
	
	$('#sizeTipsLink').click(function(){
		var tipsLayer = '<div id="tipsBorder"></div><div id="tipsLayer"><a href="#" class="closeLayer"></a><h2>E.L. Couture Sizing Tips</h2><p>Select the size that you typically wear and we will make your selected E.L. Couture shoe fit true to that size. No worries, no hassle! </p></div>';
		$('#wrap').append(tipsLayer);
		var $border = $('#tipsBorder');
		var $layer = $('#tipsLayer');
		var pos = $(this).position();
		$layer.css({left: (pos.left+420)+'px', top: (pos.top+300)+'px'}).fadeIn('fast');
		$border.css({left: (pos.left+390)+'px', top: (pos.top+270)+'px', height: ($layer.height()+63)+'px'}).fadeIn('fast');
		$layer.find('.closeLayer').click(function(){
			$layer.add($border).fadeOut('fast', function(){$layer.add($border).remove();});
			return false;
		});
		return false;
	});
	
	
	//Email to a friend
	
	$('#couture .emailFriend').click(function(){
		$('body').append(emailFriendHTML);
		var border = $('#emailAFriendBorder');
		var content = $('#emailAFriend');
		var img = $('#shoe').css('background-image');
		imgPath = img.substring(img.indexOf('(')+1,img.indexOf(')')); 
		if(imgPath.indexOf('/side/')){
			newimgPath = imgPath.replace('/side/','/side/');
		}else{
			newimgPath = imgPath.replace('/back/','/back/');
		}
		content.find('img').attr('src', newimgPath);
		$('#emailFrom').focus();
		$('html,body').animate({scrollTop: 0}, 500);
		content.find('.closeLayer').click(function(){
			content.add(border).fadeOut('fast', function(){ $(this).remove(); });
			return false;
		});
		content.find('.sendIt').click(function(){
			var id = $('#couture .details').attr('id');
			var title = document.title;
			var from = $('#emailFrom').val();
			var to = $('#emailTo').val();
			var image = $('#emailAFriend .emailContents img').attr('src');
			var message = $('#emailFriendMessage').val();
			$.post(root+"/contactForms/emailAFriend", { id: id, title: title, from: from, to: to, image: image, message: message },
			function(data){
				$('#emailAFriendBorder').add($('#emailAFriend')).fadeOut('fast', function(){ 
					$(this).remove(); 
					$('#flashMessage').remove();
					$('#wrap .content').prepend('<div class="message" id="flashMessage">Email Sent</div>');
				});
			});
		});
		return false;
	});
	
	//Share this
	
	$('#couture .shareThis').click(function(){
	 	var url = 'http://www.eidialush.com/eidia/designs/view/'+$(this).parent().attr('id');
	 	var shareURL = escape(url);
	 	var title = $(this).parent().find('#title em').html()+' | EidiaLush.com';
		var shareLayer = '<div id="shareThisBorder"></div><div id="shareThis"><a href="#" class="closeLayer"></a><h2 class="share">Share this design</h2><ul><li><a href="#" class="fb">Facebook</a></li><li><a href="#" class="twit">Twitter</a></li><li><a href="#" class="my">MySpace</a></li><li><a href="#" class="del">delicious</a></li><li><a href="#" class="digg">Digg</a></li><li><a href="#" class="stum">Stumble</a></li></ul></div>';
		$(this).parent().append(shareLayer);
		var $border = $('#shareThisBorder');
		var $layer = $('#shareThis');
		var pos = $(this).position();
		$border.css({left: (pos.left-150)+'px', top: (pos.top-120)+'px'}).fadeIn('fast');
		$layer.css({left: (pos.left-130)+'px', top: (pos.top-90)+'px'}).fadeIn('fast');
		$layer.find('.closeLayer').click(function(){
			$layer.add($border).fadeOut('fast', function(){$layer.add($border).remove();});
			return false;
		});
		$layer.find('ul li a').click(function(){
			switch($(this).attr('class')){
				case 'fb':
					window.open('http://www.facebook.com/sharer.php?u='+shareURL+'&t='+title,'Facebook', 'height=500, width=600');
					break;
				case 'twit':
					window.open('http://www.twitter.com/home?status='+url,'Twitter');
					break;
				case 'my':
					window.open('http://www.myspace.com/Modules/PostTo/Pages/?t='+title+'&u='+shareURL,'Myspace');
					break;
				case 'del':
					window.open('http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url='+shareURL+'&amp;title='+title, 'Delicious','toolbar=no,width=550,height=550');
					break;
				case 'digg':
					window.open('http://digg.com/submit?url='+shareURL+'&title='+title,'Digg');
					break;
				case 'stum':
					window.open('http://www.stumbleupon.com/submit?url='+shareURL+'&title='+title,'Stumble Upon');
					break;
			}
			$layer.add($border).fadeOut('fast', function(){$layer.add($border).remove();});
			return false;
		});
		return false;
	});
	
	var couture_pattern = $('#couture_pattern')
	
	$('#couture .carousel ul li').click(function(){
		$(this).parent().find('.active').removeClass('active');
		$(this).addClass('active');
		var newPattern = $(this).attr('id'); 
		var newPatternId = $(this).find('img').attr('id'); 
		var patternName = $(this).find('img').attr('alt');
		var current = couture_pattern.attr('class');
		couture_pattern.removeClass();
		couture_pattern.addClass(newPattern);
		$('#fabricTitle').html(patternName).attr('class', newPatternId);
		return false;
	});

});