$(document).ready(function(){
	
	$('.stLframe').attr('height', "200px");
	
	$('.new-image').corner({
		tl: { radius: 8 }, tr: { radius: 8 }, bl: { radius: 8 }, br: { radius: 8 }, antiAlias: true
	});
	$('.sale-image').corner({
		tl: { radius: 8 }, tr: { radius: 8 }, bl: { radius: 8 }, br: { radius: 8 }, antiAlias: true
	});
	
	$('.new-image-0').mouseover(function(){
		$('.new-image-hover').css('left', '33px');
		$('.new-image-hover').css('display', 'block');
	});
	$('.new-image-1').mouseover(function(){
		$('.new-image-hover').css('left', '102px');
		$('.new-image-hover').css('display', 'block');
	});
	$('.new-image-2').mouseover(function(){
		$('.new-image-hover').css('left', '171px');
		$('.new-image-hover').css('display', 'block');
	});
	$('.new-image-3').mouseover(function(){
		$('.new-image-hover').css('left', '240px');
		$('.new-image-hover').css('display', 'block');
		
	});
	$('.new-image-0').mouseout(function(){
		$('.new-image-hover').css('display', 'none');
	});
	$('.new-image-1').mouseout(function(){
		$('.new-image-hover').css('display', 'none');
	});
	$('.new-image-2').mouseout(function(){
		$('.new-image-hover').css('display', 'none');
	});
	$('.new-image-3').mouseout(function(){
		$('.new-image-hover').css('display', 'none');
	});
	
//	$('.sale-image').mouseover(function(){
//		$(this).attr('src', 'css/img/app-rollover.png');
//	});
//	$('.sale-image').mouseout(function(){
//		$(this).attr('src', 'css/img/app.png');
//	});
	
	displayFooter(false);
	
	// google analytics
	$('#twitter-follow').click(function(){
		_gaq.push(['_trackEvent', 'Website Home pagina', 'button klik', 'Follow us on']);
	});
	$('#facebook-follow').click(function(){
		_gaq.push(['_trackEvent', 'Website Home pagina', 'button klik', 'Become a fan']);
	});
	$('#disclaimerButton').click(function(){
		_gaq.push(['_trackEvent', 'Website Home pagina', 'button klik', 'Disclaimer']);
	});
	$('#termsButton').click(function(){
		_gaq.push(['_trackEvent', 'Website Home pagina', 'button klik', 'Terms and conditions']);
	});
	
});

function displayFooter(visible) {
	if (visible) {
		$("#htmlcontentcontainer").css("height", 102);
		$("#htmlcontentcontainer").css("display", "block");
		$("#footercontainer").css("height", 25);
		$("#footercontainer").css("display", "block");
	} else {
		$("#htmlcontentcontainer").css("height", 0);
		$("#htmlcontentcontainer").css("display", "none");
		$("#footercontainer").css("height", 0);
		$("#footercontainer").css("display", "none");
	}
}

function hideHTMLContent(){
	$("#htmlcontentcontainer").slideUp(500);
}

function showHTMLContent(){
	$("#htmlcontentcontainer").slideDown(500);
}

function showLikeButton(xPosTop, yPosTop, xPosBottom, yPosBottom){
	var currentURL = window.location;
	$('#facebook-like-button-top').html('<fb:like href="'+currentURL+'" layout="button_count" show_faces="false" locale="en_US" width="50" height="20" font="verdana"></fb:like>');
	//$('#facebook-like-button-bottom').html('<fb:like href="'+currentURL+'" layout="button_count" show_faces="false" width="150" font="verdana"></fb:like>');
	FB.XFBML.parse();
	
	$('#facebook-like-button-top').css('position', 'absolute');
//	$('#facebook-like-button-bottom').css('position', 'absolute');
	$('#facebook-like-button-top').css('top', yPosTop+'px');
	$('#facebook-like-button-top').css('left', xPosTop+'px');
//	$('#facebook-like-button-bottom').css('top', yPosBottom+'px');
//	$('#facebook-like-button-bottom').css('left', xPosBottom+'px');
	$('#facebook-like-button-top').show();
//	$('#facebook-like-button-bottom').show();
}

function hideLikeButton(){
	$('#facebook-like-button-top').hide();
	$('#facebook-like-button-bottom').hide();
	$('#facebook-like-button-top').html('');
	$('#facebook-like-button-bottom').html('');
}

function authorizeFacebook(){
	window.open('./authorizeFacebook/index.php', 'fbauth', 'width=1000,height=600');
}

function authorizeFacebookSuccess(facebookId, firstName, surName, sessid,accessToken){
	$('#flashcontent')[0].authorizeFacebookSuccess(facebookId, firstName, surName, sessid, accessToken);
}

function setCurrentPageId(pageId){
	var currentPageId = pageId;
}

function navigateToLace(domain,nid){
	window.location = '#/mr-lacy-world/all/detail/lace-' + nid ;
}

// open the payment screen
function openPaymentWindow(){
	// temporary fix to enable paypal checkout
	window.location = 'dcms/cart/checkout';
		
	// normal flow
//	$("#contentPopup").css('width', '801px');
//	$("#contentPopupTitle").css('width', '801px');
//	$("#contentPopupText").css('width', '791px');
//	$("#contentPopupText").css('height', '550px');
//	$("#contentPopupText").css('overflow', 'hidden');
//	$("#contentPopupText").css('padding', '0 0 0 10px');
//	$("#contentPopupText").css('margin', '0');
//	// load the proper data into the div
//	$("#contentPopupTitle").html('<img src="css/img/checkout-header.png">');
//	// load data via AJAX
//	$("#contentPopupText").html('<iframe class="mrlacy-payment" src="dcms/?q=cart/checkout" />');
//	// centering with css
//	centerPopup();
//	// load popup
//	loadPopup();
};

function shareOnTwitter(type,status,shareUrl)
{	
	var twitterShareLink ="";
	
	jQuery.ajax({
		url: "http://api.bitly.com/v3/shorten",
		data: "login=dpdknl&apiKey=R_1d74f7ed9f2576cd35aa4b4adf6577e6&longUrl="+escape(shareUrl)+"&format=json",
		type: "GET",
		cache: false,
		dataType: 'jsonp',
		contentType: "application/json; charset=utf-8",
		success: function(json) {
			if (type == 'style' && status == 'upload'){
				twitterShareLink = "Get+inspired+by+fashion+for+your+%23laces+and+show+your+style+at+%23mrlacy.+Check+out+my+way+to+wear+%23mrlacy+here+"+escape(json.data.url);
			} else if (type == 'trick' && status == 'upload'){
				twitterShareLink = "Get+inspired+by+fashion+for+your+%23laces+and+show+your+style+at+%23mrlacy.+See+what+lacing+method+I+just+uploaded+here+"+escape(json.data.url);
			} else if (type == 'style' && status == 'browse'){
				twitterShareLink = "Check+out+the+fashion+for+your+laces+I+found+at+%23mrlacy.+Get+inspired+by+fashion+for+your+laces+and+show+your+style+at+%23mrlacy+"+escape(json.data.url);
			} else if (type == 'trick' && status == 'browse'){
				twitterShareLink = "Check+out+this+lacing+method+I+found+at+%23mrlacy.+Get+inspired+by+fashion+for+your+laces+and+show+your+style+at+%23mrlacy+"+escape(json.data.url);
			} else {
				twitterShareLink = "Check+out+the+laces+I+found+at+%23mrlacy.+Get+inspired+by+fashion+for+your+laces+and+show+your+style+at+%23mrlacy+"+escape(json.data.url);
			}
			parent.window.open("http://twitter.com/home?status="+twitterShareLink);
		}
	});
}