$(document).ready(function() {
	$('a').filter(function() {
		//console.log(this.hostname + ' ' + location.hostname);
		var urlIsNotLocal = false;
		if (this.hostname !== location.hostname && this.hostname !== '') {
			urlIsNotLocal = true;
		}
		return urlIsNotLocal;
	}).attr("target", "_blank");
	$('.tabs a').bind('click', function(){
		$('.artistes_selected').css('position', 'relative');
	});
});

$(function() {

	route = getURLVar('route');
	fPath = getFisrtPathUrl();
	
	if (!route && fPath != 'artistes') {
		$('#tab_home').addClass('selected');
	} else if(fPath == 'artistes'){
		$('#tab_artistes').addClass('selected');
	}else {
		part = route.split('/');
		
		if (route == 'common/home') {
			$('#tab_home').addClass('selected');
		} else if (route == 'account/login') {
			$('#tab_login').addClass('selected');
		} else if (route == 'product/manufacturer') {
			$('.labels div:first').addClass('selected');	
		} else if (part[0] == 'account') {
			$('#tab_account').addClass('selected');
		} else if (route == 'product/category') {
			$('#tab_artistes').addClass('selected');
		}else {
			$('#tab_home').addClass('selected');
		}
	}

	$('.inputFields input').keydown(function(e) {
		if (e.keyCode == 13) {
			moduleSearch();
		}
	});

	$('#menu .switcher').bind('click', function() {
		$(this).find('.option').slideToggle('fast');
	});
	$('#menu .switcher').bind('mouseleave', function() {
		$(this).find('.option').slideUp('fast');
	}); 
	$('#navigation .labels').bind('mouseover', function() {
		$(this).find('.option').slideDown('fast');
	});
	$('#navigation .labels').bind('mouseleave', function() {
		$(this).find('.option').slideUp('fast');
	}); 

	
	
	//////////////////////////
	// Sdk javascript FaceBook
	
	window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
	};

	var e = document.createElement('script'); e.async = true;
	$('body').prepend('<div id="fb-root"></div>');
	e.src = document.location.protocol +
	  '//connect.facebook.net/en_US/all.js';
	document.getElementById('fb-root').appendChild(e);


	
	
	$.tabs('.tabs a'); 
});

function moduleSearch() {
	url = 'index.php?route=product/search&description=1&model=1';
	
	var filter_keyword = $('#filter_keyword').attr('value')
	
	if (filter_keyword) {
		url += '&keyword=' + encodeURIComponent(filter_keyword);
	}
	
	var filter_category_id = $('#filter_category_id').attr('value');
	
	if (filter_category_id) {
		url += '&category_id=' + filter_category_id;
	}
	
	location = url;
}

function bookmark(url, title) {
	if (window.sidebar) { // firefox
    window.sidebar.addPanel(title, url, "");
	} else if(window.opera && window.print) { // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	} else if(document.all) {// ie
   		window.external.AddFavorite(url, title);
	}
}


function getURLVar(urlVarName) {
	var urlHalves = String(document.location).toLowerCase().split('?');
	var urlVarValue = '';
	
	if (urlHalves[1]) {
		var urlVars = urlHalves[1].split('&');

		for (var i = 0; i <= (urlVars.length); i++) {
			if (urlVars[i]) {
				var urlVarPair = urlVars[i].split('=');
				
				if (urlVarPair[0] && urlVarPair[0] == urlVarName.toLowerCase()) {
					urlVarValue = urlVarPair[1];
				}
			}
		}
	}
	
	return urlVarValue;
} 

function getFisrtPathUrl() {
	var hostname = String(document.location.hostname).toLowerCase();
	var url = String(document.location).toLowerCase();
	var urlparts = url.split('/');
	
	var urlValue = '';
	
	if (urlparts[0]) {
		
		var iOk;
		for(var i = 0, l = urlparts.length; i < l; i++) {
			if(urlparts[i] == hostname) {
				iOk = i+1;
			}
		}
		
		urlValue = urlparts[iOk];
	}
	
	return urlValue;
} 

// template/product/product.tpl
function review() {
    $.ajax({
        type: 'POST',
        url: 'index.php?route=product/product/write&product_id=<?php echo $product_id; ?>',
        dataType: 'json',
        data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
        beforeSend: function() {
            $('.success, .warning').remove();
            $('#captcha').attr('src', '');
            $('#review_button').attr('disabled', 'disabled');
            $('#review_title').after('<div class="wait"><img src="catalog/view/theme/default/image/loading_1.gif" alt="" /> <?php echo $text_wait; ?></div>');
        },
        complete: function() {
            $('#review_button').attr('disabled', '');
            $('.wait').remove();
        },
        success: function(data) {
            if (data.error) {
                $('#review_title').after('<div class="warning">' + data.error + '</div>');
            }
            
            if (data.success) {
                $('#review_title').after('<div class="success">' + data.success + '</div>');
                $('#captcha').attr('src', 'index.php?route=product/product/captcha');   
                $('input[name=\'name\']').val('');
                $('textarea[name=\'text\']').val('');
                $('input[name=\'rating\']:checked').attr('checked', '');
                $('input[name=\'captcha\']').val('');
            }
        }
    });
}

// template/product/search.tpl
function contentSearch() {
    url = 'index.php?route=product/search';
    
    var keyword = $('#keyword').attr('value');
    
    if (keyword) {
        url += '&keyword=' + encodeURIComponent(keyword);
    }

    var category_id = $('#category_id').attr('value');
    
    if (category_id) {
        url += '&category_id=' + encodeURIComponent(category_id);
    }
    
    if ($('#description').attr('checked')) {
        url += '&description=1';
    }
    
    if ($('#model').attr('checked')) {
        url += '&model=1';
    }

    location = url;
}

// template/common/home -> caroussel avec modifications player


box.dom(document).ready(function() {
 // and create a horizontal carousel
		carousel_home = box.ui('carousel').create({
			 element: '#carousel_player',
			 horizontal: true,
			 display: 3,
			 duration: 600,
			 circular: true
		 	});
	});
box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_footer_artiste = box.ui('carousel').create({
	 element: '#carousel_footer',
	 horizontal: true,
	 display: 4,
	 duration: 1200
 	});
});
box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_disco = box.ui('carousel').create({
	 element: '#carousel_discography',
	 horizontal: true,
	 display: 5,
	 duration: 1200
 	});
});

box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_artiste = box.ui('carousel').create({
	 element: '#carousel_artistes',
	 horizontal: true,
	 display: 4,
	 duration: 1200
 	});
});

box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_related = box.ui('carousel').create({
	 element: '#carousel_related',
	 horizontal: true,
	 display: 5,
	 duration: 1200,
	 paginate:true
 	});
});

box.dom(document).ready(function(){
	carousel_disco.addPagination();
	//$("#carousel_related ul").css('width', '880px');
	carousel_related.addPagination();
	carousel_artiste.addPagination();
	carousel_footer_artiste.addPagination();
	$(".prev").click(function(){
		var element;
		var current = carousel_home.current;
		var value;
		
		element = $("#carousel_player ul li").eq(current);
		value = $("#carousel_player ul li:eq("+ current + ") a").attr("name");
		changePlayer(value);
	});
	$(".next").click(function(){
		var element;
		var current = carousel_home.current;
		var value;
		
		element = $("#carousel_player ul li").eq(current);
		value = $("#carousel_player ul li:eq("+ current + ") a").attr("name");
		changePlayer(value);
	});
});
$(document).ready(function PlayerChangeFromcarrousel(){
	var href;
	var id;
	$("#carousel_player .carouselInner ul li").click(function(){
		id = $(this).children("a").attr("name");	
		changePlayer(id);
		carousel_home.moveToItem($(this).prevAll().length + 1);
	});
});

function changePlayer(id)
{
	$("#player .disabled").each(function(){
		var url = $(this).attr('id');
			if (url.substr(url.indexOf("d", 0) + 1) == id)
			{
				$("#player .enabled").removeClass('enabled').addClass('disabled');
				$(this).removeClass('disabled').addClass('enabled');
				return false;
			}
		});
}

$(document).ready(function tabsActus(){
	var url;
	var id;
	
	$(".actualite .middle").css('display', 'none');
	$(".actualite .bio").css('display', '');
	$(".nav a").click(function(){
		url = $(this).attr('href')
		id = url.substr(url.indexOf("?", 0) + 1);
		$(".actualite .middle").css('display', 'none');
		$("." + id).css('display', '');
		$(".nav a").removeClass('selected');
		$(this).addClass('selected');
		return false;
	});
});
$(document).ready(function tabsProducts(){
	var bestseller = $("#products .middle:last");
	var latest = $("#products .middle:first");

	if ($("#products .middle").size() > 1)
		bestseller.css('display', 'none');
	$("#products .latest").click(function(){
		bestseller.css('display', 'none');
		latest.css('display', 'block');
		$("#products .latest").addClass('active');
		$("#products .bestseller").removeClass('active');
		return false;
	});
	$("#products .bestseller").click(function(){
		latest.css('display', 'none');
		bestseller.css('display', 'block');
		$("#products .bestseller").addClass('active');
		$("#products .latest").removeClass('active');
		return false;
	});
	});

$(document).ready(function(){
	$("#content .agenda .accordion_up").click(function(){
		var prev = $(this).parent().prev();
		
		$(this).parent().fadeOut('slow', function(){
			prev.fadeIn('slow').removeClass('off').css('display', '');
			$(this).css('display', 'none');
			$('#carousel_footer').css('display', '');
			$('#carousel_footer').css('display', 'block');
		});
		return false;
	});
	$("#content .agenda .accordion_down").click(function(){
		var next = $(this).next();
		
		$(this).fadeOut('slow', function(){
			next.fadeIn('slow').removeClass('off').css('display', '');
			$(this).css('display', 'none');
			$('#carousel_footer').css('display', '');
			$('#carousel_footer').css('display', 'block');
		});
		 
		return false;	
	});
});
// configure scrollbar HTML
// take notice of class="{$barCls}", because the class name is also configurable
box.ui('scroll').configure({
    bar: '<a href="#" class="{$barCls}"><span class="start"></span><span class="end"></span></a>'
});

// wait for the DOM to be ready
box.dom(document).ready(function() {
    // create a mask for popins
    box.ui('mask').create({
        id: 'example',
        
        html: '<div id="popinMask"></div>',
        insertStyles: {opacity: 0, width: 'viewport:content-box', height: 'document:content-box'},
        insertAnimStyles: {opacity: 0.5},
        insertAnimDuration: 200,
        removeAnimStyles: {opacity: 0},
        removeAnimDuration: 150,
        resizeStyles: {width: 'viewport:content-box', height: 'document:content-box'}
    });
    
    // create a loader for popins
    box.ui('loader').create({
        id: 'example',
        
        html: '<div id="popinLoader">' + l10n.loading + '</div>',
        insertStyles: {opacity: 0, top: 'viewport:middle', left: 'viewport:middle'},
        insertAnimStyles: {opacity: 1},
        insertAnimDuration: 200,
        removeAnimStyles: {opacity: 0},
        removeAnimDuration: 150
    });
    
    // create a new popin object
    box.ui('popin').create({
        id: 'example',
        
        loader: 'example',
        mask: 'example',
        
        insertStyles: {top: 'viewport:before', left: 'viewport:middle', 'min-left': 0},
        insertAnimStyles: {top: 'viewport:middle', 'min-top': 0},
        insertAnimDuration: 600,
        removeAnimStyles: {top: 'viewport:before'},
        removeAnimDuration: 500,  
        
        openClassName: 'popinOpen',
        closeClassName: 'popinClose'
        	
    });
 
    
    
    box.bind({
        'addtodom.popin.example': function(e) {
            box.ui('scroll').create({
                element: '#popinText div.popinCore',
                buttons: true,
                bar: true
            });
            $('a').filter(function() {
        		//console.log(this.hostname + ' ' + location.hostname);
        		var urlIsNotLocal = false;
        		if (this.hostname !== location.hostname && this.hostname !== '') {
        			urlIsNotLocal = true;
        		}
        		return urlIsNotLocal;
        	}).attr("target", "_blank");
        },'close.popin.example': function(e) {
            box.ui('scroll').destroy('example');
        }
    });
});

// template/module/cart
function getUrlParam(name) {
  var name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);
  if (results == null)
    return "";
  else
    return results[1];

	$(document).ready(function() {
	$('a').filter(function() {
		//console.log(this.hostname + ' ' + location.hostname);
		var urlIsNotLocal = false;
		if (this.hostname !== location.hostname && this.hostname !== '') {
			urlIsNotLocal = true;
		}
		return urlIsNotLocal;
	}).attr("target", "_blank");
});
$(function() {

	route = getURLVar('route');
	fPath = getFisrtPathUrl();
	
	if (!route && fPath != 'artistes') {
		$('#tab_home').addClass('selected');
	} else if(fPath == 'artistes'){
		$('#tab_artistes').addClass('selected');
	}else {
		part = route.split('/');
		
		if (route == 'common/home') {
			$('#tab_home').addClass('selected');
		} else if (route == 'account/login') {
			$('#tab_login').addClass('selected');
		} else if (route == 'product/manufacturer') {
			$('.labels div:first').addClass('selected');	
		} else if (part[0] == 'account') {
			$('#tab_account').addClass('selected');
		} else if (route == 'product/category') {
			$('#tab_artistes').addClass('selected');
		}else {
			$('#tab_home').addClass('selected');
		}
	}

	$('.inputFields input').keydown(function(e) {
		if (e.keyCode == 13) {
			moduleSearch();
		}
	});

	$('#menu .switcher').bind('click', function() {
		$(this).find('.option').slideToggle('fast');
	});
	$('#menu .switcher').bind('mouseleave', function() {
		$(this).find('.option').slideUp('fast');
	}); 
	$('#navigation .labels').bind('mouseover', function() {
		$(this).find('.option').slideDown('fast');
	});
	$('#navigation .labels').bind('mouseleave', function() {
		$(this).find('.option').slideUp('fast');
	}); 

	
	
	//////////////////////////
	// Sdk javascript FaceBook
	
	window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
	};

	var e = document.createElement('script'); e.async = true;
	$('body').prepend('<div id="fb-root"></div>');
	e.src = document.location.protocol +
	  '//connect.facebook.net/en_US/all.js';
	document.getElementById('fb-root').appendChild(e);


	
	
	$.tabs('.tabs a'); 
});

function moduleSearch() {
	url = 'index.php?route=product/search&description=1&model=1';
	
	var filter_keyword = $('#filter_keyword').attr('value')
	
	if (filter_keyword) {
		url += '&keyword=' + encodeURIComponent(filter_keyword);
	}
	
	var filter_category_id = $('#filter_category_id').attr('value');
	
	if (filter_category_id) {
		url += '&category_id=' + filter_category_id;
	}
	
	location = url;
}

function bookmark(url, title) {
	if (window.sidebar) { // firefox
    window.sidebar.addPanel(title, url, "");
	} else if(window.opera && window.print) { // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	} else if(document.all) {// ie
   		window.external.AddFavorite(url, title);
	}
}


function getURLVar(urlVarName) {
	var urlHalves = String(document.location).toLowerCase().split('?');
	var urlVarValue = '';
	
	if (urlHalves[1]) {
		var urlVars = urlHalves[1].split('&');

		for (var i = 0; i <= (urlVars.length); i++) {
			if (urlVars[i]) {
				var urlVarPair = urlVars[i].split('=');
				
				if (urlVarPair[0] && urlVarPair[0] == urlVarName.toLowerCase()) {
					urlVarValue = urlVarPair[1];
				}
			}
		}
	}
	
	return urlVarValue;
} 

function getFisrtPathUrl() {
	var hostname = String(document.location.hostname).toLowerCase();
	var url = String(document.location).toLowerCase();
	var urlparts = url.split('/');
	
	var urlValue = '';
	
	if (urlparts[0]) {
		
		var iOk;
		for(var i = 0, l = urlparts.length; i < l; i++) {
			if(urlparts[i] == hostname) {
				iOk = i+1;
			}
		}
		
		urlValue = urlparts[iOk];
	}
	
	return urlValue;
} 

// template/product/product.tpl
function review() {
    $.ajax({
        type: 'POST',
        url: 'index.php?route=product/product/write&product_id=<?php echo $product_id; ?>',
        dataType: 'json',
        data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
        beforeSend: function() {
            $('.success, .warning').remove();
            $('#captcha').attr('src', '');
            $('#review_button').attr('disabled', 'disabled');
            $('#review_title').after('<div class="wait"><img src="catalog/view/theme/default/image/loading_1.gif" alt="" /> <?php echo $text_wait; ?></div>');
        },
        complete: function() {
            $('#review_button').attr('disabled', '');
            $('.wait').remove();
        },
        success: function(data) {
            if (data.error) {
                $('#review_title').after('<div class="warning">' + data.error + '</div>');
            }
            
            if (data.success) {
                $('#review_title').after('<div class="success">' + data.success + '</div>');
                $('#captcha').attr('src', 'index.php?route=product/product/captcha');   
                $('input[name=\'name\']').val('');
                $('textarea[name=\'text\']').val('');
                $('input[name=\'rating\']:checked').attr('checked', '');
                $('input[name=\'captcha\']').val('');
            }
        }
    });
}

// template/product/search.tpl
function contentSearch() {
    url = 'index.php?route=product/search';
    
    var keyword = $('#keyword').attr('value');
    
    if (keyword) {
        url += '&keyword=' + encodeURIComponent(keyword);
    }

    var category_id = $('#category_id').attr('value');
    
    if (category_id) {
        url += '&category_id=' + encodeURIComponent(category_id);
    }
    
    if ($('#description').attr('checked')) {
        url += '&description=1';
    }
    
    if ($('#model').attr('checked')) {
        url += '&model=1';
    }

    location = url;
}

// template/common/home -> caroussel avec modifications player


box.dom(document).ready(function() {
 // and create a horizontal carousel
		carousel_home = box.ui('carousel').create({
			 element: '#carousel_player',
			 horizontal: true,
			 display: 3,
			 duration: 600,
			 circular: true
		 	});
	});
box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_footer_artiste = box.ui('carousel').create({
	 element: '#carousel_footer',
	 horizontal: true,
	 display: 4,
	 duration: 1200
 	});
});
box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_disco = box.ui('carousel').create({
	 element: '#carousel_discography',
	 horizontal: true,
	 display: 5,
	 duration: 1200
 	});
});

box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_artiste = box.ui('carousel').create({
	 element: '#carousel_artistes',
	 horizontal: true,
	 display: 4,
	 duration: 1200
 	});
});

box.dom(document).ready(function() {
 // and create a horizontal carousel
 carousel_related = box.ui('carousel').create({
	 element: '#carousel_related',
	 horizontal: true,
	 display: 5,
	 duration: 1200
 	});
});

$(document).ready(function(){
	carousel_disco.addPagination();
//	$("#carousel_related ul").css('width', '880px');
	carousel_related.addPagination();
	carousel_artiste.addPagination();
	carousel_footer_artiste.addPagination();
	$(".prev").click(function(){
		var element;
		var current = carousel_home.current;
		var value;
		
		element = $("#carousel_player ul li").eq(current);
		value = $("#carousel_player ul li:eq("+ current + ") a").attr("name");
		changePlayer(value);
	});
	$(".next").click(function(){
		var element;
		var current = carousel_home.current;
		var value;
		
		element = $("#carousel_player ul li").eq(current);
		value = $("#carousel_player ul li:eq("+ current + ") a").attr("name");
		changePlayer(value);
	});
});
$(document).ready(function PlayerChangeFromcarrousel(){
	var href;
	var id;
	$("#carousel_player .carouselInner ul li").click(function(){
		id = $(this).children("a").attr("name");	
		changePlayer(id);
		carousel_home.moveToItem($(this).prevAll().length + 1);
	});
});

function changePlayer(id)
{
	$("#player .disabled").each(function(){
		var url = $(this).attr('id');
			if (url.substr(url.indexOf("d", 0) + 1) == id)
			{
				$("#player .enabled").removeClass('enabled').addClass('disabled');
				$(this).removeClass('disabled').addClass('enabled');
				return false;
			}
		});
}

$(document).ready(function tabsActus(){
	var url;
	var id;
	
	$(".actualite .middle").css('display', 'none');
	$(".actualite .bio").css('display', '');
	$(".nav a").click(function(){
		url = $(this).attr('href')
		id = url.substr(url.indexOf("?", 0) + 1);
		$(".actualite .middle").css('display', 'none');
		$("." + id).css('display', '');
		$(".nav a").removeClass('selected');
		$(this).addClass('selected');
		return false;
	});
});
$(document).ready(function tabsProducts(){
	var bestseller = $("#products .middle:last");
	var latest = $("#products .middle:first");

	if ($("#products .middle").size() > 1)
		bestseller.css('display', 'none');
	$("#products .latest").click(function(){
		bestseller.css('display', 'none');
		latest.css('display', 'block');
		$("#products .latest").addClass('active');
		$("#products .bestseller").removeClass('active');
		return false;
	});
	$("#products .bestseller").click(function(){
		latest.css('display', 'none');
		bestseller.css('display', 'block');
		$("#products .bestseller").addClass('active');
		$("#products .latest").removeClass('active');
		return false;
	});
	});

$(document).ready(function(){
	$("#content .agenda .accordion_up").click(function(){
		var prev = $(this).parent().prev();
		
		$(this).parent().fadeOut('slow', function(){
			prev.fadeIn('slow').removeClass('off').css('display', '');
			$(this).css('display', 'none');
			$('#carousel_footer').css('display', '');
			$('#carousel_footer').css('display', 'block');
		});
		return false;
	});
	$("#content .agenda .accordion_down").click(function(){
		var next = $(this).next();
		
		$(this).fadeOut('slow', function(){
			next.fadeIn('slow').removeClass('off').css('display', '');
			$(this).css('display', 'none');
			$('#carousel_footer').css('display', '');
			$('#carousel_footer').css('display', 'block');
		});
		 
		return false;	
	});
});
// configure scrollbar HTML
// take notice of class="{$barCls}", because the class name is also configurable
box.ui('scroll').configure({
    bar: '<a href="#" class="{$barCls}"><span class="start"></span><span class="end"></span></a>'
});

// wait for the DOM to be ready
box.dom(document).ready(function() {
    // create a mask for popins
    box.ui('mask').create({
        id: 'example',
        
        html: '<div id="popinMask"></div>',
        insertStyles: {opacity: 0, width: 'viewport:content-box', height: 'document:content-box'},
        insertAnimStyles: {opacity: 0.5},
        insertAnimDuration: 200,
        removeAnimStyles: {opacity: 0},
        removeAnimDuration: 150,
        resizeStyles: {width: 'viewport:content-box', height: 'document:content-box'}
    });
    
    // create a loader for popins
    box.ui('loader').create({
        id: 'example',
        
        html: '<div id="popinLoader">' + l10n.loading + '</div>',
        insertStyles: {opacity: 0, top: 'viewport:middle', left: 'viewport:middle'},
        insertAnimStyles: {opacity: 1},
        insertAnimDuration: 200,
        removeAnimStyles: {opacity: 0},
        removeAnimDuration: 150
    });
    
    // create a new popin object
    box.ui('popin').create({
        id: 'example',
        
        loader: 'example',
        mask: 'example',
        
        insertStyles: {top: 'viewport:before', left: 'viewport:middle', 'min-left': 0},
        insertAnimStyles: {top: 'viewport:middle', 'min-top': 0},
        insertAnimDuration: 600,
        removeAnimStyles: {top: 'viewport:before'},
        removeAnimDuration: 500,  
        
        openClassName: 'popinOpen',
        closeClassName: 'popinClose'
        	
    });
 
    
    
    box.bind({
        'addtodom.popin.example': function(e) {
            box.ui('scroll').create({
                element: '#popinText div.popinCore',
                buttons: true,
                bar: true
            });
            $('a').filter(function() {
        		//console.log(this.hostname + ' ' + location.hostname);
        		var urlIsNotLocal = false;
        		if (this.hostname !== location.hostname && this.hostname !== '') {
        			urlIsNotLocal = true;
        		}
        		return urlIsNotLocal;
        	}).attr("target", "_blank");
        },'close.popin.example': function(e) {
            box.ui('scroll').destroy('example');
        }
    });
});

// template/module/cart
function getUrlParam(name) {
  var name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);
  if (results == null)
    return "";
  else
    return results[1];
}
}