var Mikrobutik = {
	type: "single",
	init: function(){
		Mikrobutik.loadStyles();
		Mikrobutik.container('75').innerHTML = "<div style=\"display: none\" class=\"m-container\">\n  <ul class=\"m-tabs\">\n    <li><a href=\"http://mikrobutik.se/75-bookarc\" class=\"m-tab-buy m-buy\">Köp<\/a><\/li>\n    <li><a href=\"#\" class=\"m-tab-product\" onclick=\"Mikrobutik.tab(75, \'product\');return false;\">BookArc<\/a><\/li>\n    <li><a href=\"#\" class=\"m-tab-contact\" onclick=\"Mikrobutik.tab(75, \'contact\');return false;\">Om mig<\/a><\/li>\n    <li class=\"m-store-link\"><a href=\"http://mikrobutik.se/75-bookarc\"><span>Mikrobutik.se<\/span><\/a><\/li>\n  <\/ul>\n  <span class=\"h\">&nbsp;<\/span>\n  <div class=\"m-body m-clearfix\">\n    <div id=\"m-product-75\" class=\"m-tab\" style=\"display: block\">\n      \n      <div class=\"m-images\">\n        <div class=\"m-thumbnails\">\n          \n            <a href=\"javascript:;\"><img alt=\"Dsc00868\" onclick=\"Mikrobutik.displayThumb(\'http://mikrobutik.se//system/images/52/widget/DSC00868.JPG?1272880123\', \'m-img-75\')\" src=\"http://mikrobutik.se//system/images/52/widget_thumb/DSC00868.JPG?1272880123\" /><\/a>\n          \n            <a href=\"javascript:;\"><img alt=\"Dsc00869\" onclick=\"Mikrobutik.displayThumb(\'http://mikrobutik.se//system/images/53/widget/DSC00869.JPG?1272880130\', \'m-img-75\')\" src=\"http://mikrobutik.se//system/images/53/widget_thumb/DSC00869.JPG?1272880130\" /><\/a>\n          \n            <a href=\"javascript:;\"><img alt=\"Dsc00870\" onclick=\"Mikrobutik.displayThumb(\'http://mikrobutik.se//system/images/54/widget/DSC00870.JPG?1272880137\', \'m-img-75\')\" src=\"http://mikrobutik.se//system/images/54/widget_thumb/DSC00870.JPG?1272880137\" /><\/a>\n          \n        <\/div>      \n        <div class=\"m-img\">\n          <table cellspacing=\"0\" cellpadding=\"3\"><tr><td valign=\"center\" align=\"center\">\n          <img alt=\"Dsc00868\" id=\"m-img-75\" src=\"http://mikrobutik.se//system/images/52/widget/DSC00868.JPG?1272880123\" />\n          <\/td><\/tr><\/table>\n        <\/div>\n      <\/div>\n      \n      <div class=\"m-description\">\n        <p>\n          <strong>BookArc<\/strong><br />\n          Säljer mitt ställ till MacBooken. Passar MacBook, MacBook Pro och MacBook Air och gör att man sparar plats på skrivbordet när man kör med en extern monitor. Ska enligt tillverkaren även öka prestandan eftersom att locket är stängt på MacBooken när...<br />\n          <a href=\"http://mikrobutik.se/75-bookarc\" class=\"m-buy\">Mer information<\/a>\n        <\/p>\n        <p class=\"m-meta\">\n          450 kr <a href=\"http://mikrobutik.se/75-bookarc\" class=\"m-buy\">Köp nu<\/a><br />\n          Finns i <strong>Umeå<\/strong><br />\n        <\/p>\n      <\/div>\n    <\/div>\n    \n    <div id=\"m-contact-75\" class=\"m-tab\" style=\"display: none\">\n      <div class=\"m-contact\">\n        <img alt=\"847d68fcb23a10824ad0b69a7989f406?s=48\" class=\"\" src=\"http://www.gravatar.com/avatar/847d68fcb23a10824ad0b69a7989f406?s=48\" />\n        <p class=\"m-seller-name\">\n          <strong>jonas@fkw.se<\/strong><br />\n          <a href=\"/widgets/75\">http://fkw.se<\/a><br />\n          0737268896<br />\n          \n          \n            <a href=\"http://twitter.com/arnklint\" target=\"_blank\"><img src=\"http://mikrobutik.se/images/widget/twitter.png\"> arnklint<\/a><br />\n          \n          <!-- <a href=\"http://facebook.com/arnklint\" target=\"_blank\"><img src=\"http://mikrobutik.se/images/widget/facebook.png\"><\/a>  -->\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>";
		// default tab
		addClassName(document.getElementById('mikrobutik-75'), 'm-product');		
	}, 
	loadStyles: function(){
		var uri = "http://mikrobutik.se/stylesheets/widget.css"
		var link = document.createElement("link");
		link.setAttribute("rel", "stylesheet");
		link.setAttribute("type", "text/css");
		link.setAttribute("href", uri);
		document.getElementsByTagName("head")[0].appendChild(link);
	}, 
	toggle: function(el){
		var e = document.getElementById(el);
		//e.style.display = (e.style.display=='none' ? 'block' : 'none');
	},
	displayThumb: function(url, id){
		var e = document.getElementById(id);
		e.src = url;
	},
	tab: function(widget_id, tab){
		// hide tab contents
		Mikrobutik.hideTab('m-product-' + widget_id);
		Mikrobutik.hideTab('m-contact-' + widget_id);
		
		// show chosen
		Mikrobutik.$('m-' + tab + '-' + widget_id).style.display = 'block';
		
		// make container have the tab class
		removeClassName(Mikrobutik.$('mikrobutik-' + widget_id), 'm-product');
		removeClassName(Mikrobutik.$('mikrobutik-' + widget_id), 'm-contact');
		addClassName(Mikrobutik.$('mikrobutik-' + widget_id), 'm-' + tab);
	},
	container: function(id){
		return Mikrobutik.$('mikrobutik-'+id);
	},
	hideTab: function(id){
		Mikrobutik.$(id).style.display = 'none';
		//removeClassName(Mikrobutik.$(id), klass);
	},
	$: function(id){
		return document.getElementById(id);
	}
}

function removeClassName(objElement, strClass){
	if ( objElement.className ){
		var arrList = objElement.className.split(' ');
		var strClassUpper = strClass.toUpperCase();
		for ( var i = 0; i < arrList.length; i++ ){
			if ( arrList[i].toUpperCase() == strClassUpper ){
				arrList.splice(i, 1);
				i--;
			}
		}
		objElement.className = arrList.join(' ');
	}
}

function addClassName(objElement, value) {
	if(!objElement.className) {
		objElement.className = value;
	} else {
		newClassName = objElement.className;
		newClassName+= " ";
		newClassName+= value;
		objElement.className = newClassName;
	}
}

function hasClass(obj, className) {
	if (typeof obj == 'undefined' || obj==null || !RegExp) { return false; }
	var re = new RegExp("(^|\\s)" + className + "(\\s|$)");
	if (typeof(obj)=="string") {
		return re.test(obj);
	}
	else if (typeof(obj)=="object" && obj.className) {
		return re.test(obj.className);
	}
	return false;
}

function addEvent( obj, type, fn ) {
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

addEvent(window, 'load', Mikrobutik.init);