function getCookie(c_name) {
  if (document.cookie.length>0) {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1) {
    c_start=c_start + c_name.length+1;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    }
  }
  return "";
}
function loadStyle() {
	var nwStyle = getCookie('fontSize');
	var oLink = document.createElement("link")
  oLink.href = "layout/default/" + nwStyle + ".css";
  oLink.rel = "stylesheet";
  oLink.type = "text/css";
  document.body.appendChild(oLink);
}
/***   CSS inladen + cookie opzetten   ***/
function fontSize(cssName) {
  var date = new Date();
	var nieuwjaar = new Date(date.getFullYear()+1,1,1,0,0,0,0);
  var oLink = document.createElement("link")
  oLink.href = "layout/default/" + cssName + ".css";
  oLink.rel = "stylesheet";
  oLink.type = "text/css";
  document.body.appendChild(oLink);
	document.cookie = "fontSize="+cssName+";expires=" + nieuwjaar.toGMTString() + ";path=/";
}

//Tabs
window.addEvent('domready', function() {
  loadStyle();
  if ($('reactionsHeader')) {
    $('reactionsHeader').scrollIntoView(true);
  }
	/*if( $('tabsHome') ) {
	    var tabs = new SimpleTabs('tabsHome', {
		  selector: 'h4'
	    });
	}
	if( $('demo-block') ) {
		var tabs = new SimpleTabs('demo-block', {
		  selector: 'h4'
		});
	}	 */

});

function changeRating(name, rating, changeVal) {
  // alter value of hidden-field
  if (changeVal) {
    $(name).value = rating;
  }
  if (rating == 0) {
    rating = $(name).value.toInt();
  }
  $each($$('div.star'), function(div) {
    if (div.id.substr(0, name.length) == name) {
      if (div.id.substr(name.length).toInt() <= rating) {
        div.addClass('s'+(div.id.substr(name.length).toInt() % 2 == 0 ? 'Right' : 'Left')+'Active');
      } else {
        div.removeClass('sLeftActive');
        div.removeClass('sRightActive');
      }
    }
  });
}

function changeReactionDiv(name) {
  /*$('routeMap').setStyle('display', 'none');
  $('routeMapS').removeClass('active');
  $('routeReactions').setStyle('display', 'none');
  $('routeReactionsS').removeClass('active');
  $(name).setStyle('display', 'block');
  $(name+'S').addClass('active');*/
	if( $( 'routeMapS' ).className == 'tabInactive' ){
		$( 'routeMapS' ).className = 'tabActive';	
		$( 'routeReactionsS' ).className = 'tabInactive';
		$( 'routeMap' ).style.display = '';
		$( 'routeReactions' ).style.display = 'none';
	}else{
		$( 'routeMapS' ).className = 'tabInactive';	
		$( 'routeReactionsS' ).className = 'tabActive';
		$( 'routeMap' ).style.display = 'none';
		$( 'routeReactions' ).style.display = '';
	}
}