var custMainImage = "images/cc-MAIN.jpg";
var stopinterval = 168;
var timer;
var centerover = false;

var effectspeed = "normal";

function ConfiguratorItem(ModelId, Img) {
	this.ModelId = ModelId;
	this.Img = Img;
}

var configuratorsleft = new Array(
   new ConfiguratorItem(976, "amd-fx-8core.jpg"),
   new ConfiguratorItem(392, "amd-fx-4core.jpg"),
   new ConfiguratorItem(912, "amd-a-series.jpg")
);

var configuratorsbottom = new Array(
   new ConfiguratorItem(822, "Main-CZ-12.jpg"),
   new ConfiguratorItem(821, "Main-w170hr.jpg")
);

var configuratorsright = new Array(
   new ConfiguratorItem(990, "Intel-X79.jpg"),
   new ConfiguratorItem(378, "Intel-X58.jpg"),
   new ConfiguratorItem(843, "Intel-Z68.jpg")
);

function CustClick(obj) {
	Configurator(obj.data.ModelId);
}

function ConfiguratorOver(obj) {
	centerover = true;
	clearTimeout(timer);

	var style = 's_hover ';

	style += obj.data.Type == "Left" ? 's_left' : obj.data.Type == "Bottom" ? 's_bottom' : 's_right';

	var lbl = document.getElementById(obj.data.Id);
	lbl.className = style;

	$("#configurator_center .Config_info").show();
	
	$("#configurator_center").stop(true, true).fadeOut(effectspeed, function() {
      	var img = $("#MainImg")[0];

      	var prefix = GetPrefix();
      	var imglo = (prefix == "") ? "Images/" : "../Images/";
      	img.src = imglo + obj.data.Image;
      	img.style.cursor = 'pointer';

      	$(img).click(function() { Configurator(obj.data.ModelId) });
		CustChangeMainInfo(obj.data.Id);
    }).fadeIn();
}

function CustChangeMainInfo(objid) {
	var spec = document.getElementById(objid + "_Spec").innerHTML;
	var price = document.getElementById(objid + "_Price").innerHTML;

	var ms = document.getElementById("cc_MainSpec");
	var mp = document.getElementById("cc_MainPrice");

	ms.style.display = '';
	mp.style.display = '';

	ms.innerHTML = spec;
	mp.innerHTML = price;
}

function ConfiguratorOut(obj) {
	var lbl = document.getElementById(obj.data.Id);
	var style = obj.data.Type == "Left" ? 's_left'
                                       : obj.data.Type == "Bottom"
                                       ? 's_bottom'
                                       : 's_right';
	lbl.className = style;

	centerover = false;

	setTimeout(function() {
		timer = window.setTimeout(function() {
			if (!centerover) {
				ChangeToDefault();
			}
			clearTimeout(timer);
		}, stopinterval);
	}, 50);
}

function CustConfigMainOver() {
	centerover = true;
}

function ChangeToDefault() {
	$("#configurator_center .Config_info").hide();
	$("#configurator_center")
      .stop(true, true)
      .fadeOut(effectspeed, function() {
      	$("#MainImg")[0].src = GetPrefix() + custMainImage;
		$("#configurator_center .Config_info").hide();
      })
      .fadeIn(effectspeed, function() {
      	$("#MainImg").unbind("click");
      }).css({ 'cursor': 'auto' });
}

function CustConfigMainOut() {
	centerover = false;

	if ($("#MainImg")[0].src.indexOf(custMainImage) != -1) {
		return;
	}

	setTimeout(function() {
		if (!centerover) {
			ChangeToDefault();
		}
	}, 50);
}