function newImage( imgSrc ){
	var imgName = new Image();
	imgName.src = imgSrc;
	return imgName;
}

function change( imgName, img, path ){
	document[imgName].src = path+'images/'+img ;
}

var preloadFlag = false;

function loadImages(){
 if (document.images){
	 signup=   newImage("images/signup.jpg");
	 signup2 =  newImage("images/signup2.jpg");
	preloadFlag = true;
 }
}


function startup() {
	try {
		loadImages();
		init_rating();
	} catch(e) {
		//alert (e)
	}
}

// RATING
var NUMBER_OF_STARS = 5;
var HOST = "http://www.cleoo.ch/";

function submitRating(evt)
{
  var tmp = new Event(evt).target.getAttribute('id').substr(5);
  var values = tmp.split("_");
  var subjectType = values[0];
  var widgetId = values[1];
  var starNbr = parseInt(values[2])+1;
  var queryString = Object.toQueryString({'subjectType':subjectType, 'ratingID': widgetId, 'value': starNbr});
  var myAjax = new Ajax(HOST+'component/option,com_order_wheel/item,rating/suppressHeaders,true/?'+queryString, {
      method: 'get',
      onComplete: function(result)
      {
        var id = "rating_"+subjectType+"_"+widgetId;
        var r = document.getElementById(id);
        r.innerHTML = result;
        reInitRating(id);
      }
      }).request();
}

function displayHover(ratingId, starNo, subjectType)
{
  for (var i = 0; i <= starNo; i++)
  {
    var star = document.getElementById('star_'+subjectType+'_'+ratingId+'_'+i);
    star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_over.gif');
  }
}

function displayNormal(ratingId, starNo,subjectType)
{
  for (var i = 0; i <= starNo; i++)
  {
    var status = document.getElementById('star_'+subjectType+'_'+ratingId+'_'+i).className;
    var star = document.getElementById('star_'+subjectType+'_'+ratingId+'_'+i);
    star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_'+status+'.gif');
  }
}

function reInitRating( div )
{
  var r = document.getElementById(div);
  var rating = parseFloat(r.innerHTML);
  if ( r.hasChildNodes() )
  {
    while ( r.childNodes.length >= 1 )
    {
      r.removeChild( r.firstChild );
    }
  }

  var widgetId = r.getAttribute('id').substr(7);
  var subjectType = widgetId.substr( 0, widgetId.indexOf("_") );
  widgetId = widgetId.substr( widgetId.indexOf("_") + 1 );
  for (var j = 0; j < NUMBER_OF_STARS; j++)
  {
    var star = document.createElement('img');
    if (rating >= 1)
    {
      star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_on.gif');
      star.className = 'on';
      rating--;
    }
    else if(rating == 0.5)
    {
      star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_half.gif');
      star.className = 'half';
      rating = 0;
    }
    else
    {
      star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_off.gif');
      star.className = 'off';
    }
    star.style.border = "none";
    star.setAttribute('id', 'star_'+subjectType+"_"+widgetId+'_'+j);
    star.onmouseover = new Function("evt", "displayHover("+widgetId+", "+j+", '"+subjectType+"');");
    star.onmouseout  = new Function("evt", "displayNormal("+widgetId+", "+j+", '"+subjectType+"');");
    r.appendChild(star);
  }

	$$(".rating").getChildren().each(function(star) {
	    star.addEvent('click', submitRating);
    });

}

function init_rating( div )
{
  var ratings = document.getElementsByTagName('div');

  for (var i = 0; i < ratings.length; i++)
  {
    if (ratings[i].className != 'rating' && ratings[i].className != 'rating_disabled')
    {
      continue;
    }
    var rating = ratings[i].innerHTML;
    //ratings[i].removeChild(ratings[i].firstChild);
    if ( ratings[i].hasChildNodes() )
    {
      while ( ratings[i].childNodes.length >= 1 )
      {
        ratings[i].removeChild( ratings[i].firstChild );
      }
    }

    if (rating > NUMBER_OF_STARS || rating < 0)
    {
      continue;
    }
    var widgetId = ratings[i].getAttribute('id').substr(7);
    var subjectType = widgetId.substr( 0, widgetId.indexOf("_") );
    widgetId    = widgetId.substr( widgetId.indexOf("_") + 1 );
    for (var j = 0; j < NUMBER_OF_STARS; j++)
    {
      var star = document.createElement('img');
      if (rating >= 1)
      {
        star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_on.gif');
        star.className = 'on';
        rating--;
      }
      else if(rating == 0.5)
      {
        star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_half.gif');
        star.className = 'half';
        rating = 0;
      }
      else
      {
        star.setAttribute('src', HOST+'templates/cleoo/images/stars/rating_off.gif');
        star.className = 'off';
      }
      star.style.border = "none";
      star.setAttribute('id', 'star_'+subjectType+"_"+widgetId+'_'+j);
      if(ratings[i].className == 'rating')
      {
        star.onmouseover = new Function("evt", "displayHover("+widgetId+", "+j+", '"+subjectType+"');");
        star.onmouseout  = new Function("evt", "displayNormal("+widgetId+", "+j+", '"+subjectType+"');");
      }
      ratings[i].appendChild(star);
    }
  }

	$$(".rating").getChildren().each(function(star) {
	    star.addEvent('click', submitRating);
    });

}

// ********** done RATING

var oldonload = window.onload;

if (typeof window.onload != 'function') {
	window.onload = startup;
} else {
	window.onload = function() {
		oldonload();
		startup();
	}
}