var GselectedImg = 1;
var GmaxPreview = 15;

var GpreviewDescripton = Array;

GpreviewDescripton = ['',
					  '<strong>Rosa Bluse</strong> aus Baumwollprint, abnehmbare &Auml;rmel<br /><strong>Schwarzer Jeansrock</strong> glockig, asymmetrisch, herausnehmbares Futter',
					  '<strong>Schwarze Hemdbluse</strong> aus Baumwoll-Popeline, abnehmbarer wei&szlig;er Kragen, Manschetten&auml;rmel<br /><strong>Schwarzer Jeansrock glockig</strong>, asymmetrisch, mit variablem &quot;Ready-Made-Anh&auml;nger&quot;, herausnehmbares Futter',
					  '<strong>Fliederfarbene Hemdbluse</strong> aus baumwoll-Batist, Manschetten&auml;rmel<br /><strong>Schwarzer Jeansrock gerade</strong>, asymmetrisch, mit &quot;Schneiderfliege&quot; aus Svarovskinieten, herausnehmbares Futter',
					  '<strong>Fliederfarbene Hemdbluse</strong> aus baumwoll-Batist, Manschetten&auml;rmel<br /><strong>Schwarzer Jeansrock gerade</strong>, asymmetrisch, mit &quot;Schneiderfliege&quot; aus Svarovskinieten, herausnehmbares Futter',
					'<strong>Wei&szlig;er Kragen Solo, Stricktop schwarz</strong> aus Merino-/Schurwolle, <br /><strong>Schwarzer Jeansrock glockig</strong>, asymmetrisch, mit variablem &quot;Ready-made-Anh&auml;nger&quot;, herausnehmbares Futter',
					'<strong>Schwarze Hemdbluse</strong> aus Baumwoll-Popeline, abnehmbarer wei&szlig;er Kragen, Manschetten&auml;rmel, <strong>Stricktop schwarz</strong> aus Merino-/Schurwolle, <br /><strong>Schwarzer Jeansrock gerade</strong>, asymmetrisch, herausnehmbares Futter',
					'<strong>Lachsroter Umhang / Schal</strong> aus Wolle/Mohair/Nylon, <strong>Schwarze Hemdbluse</strong> aus Baumwoll-Popeline, abnehmbarer wei&szlig;er Kragen, Manschetten&auml;rmel, <strong>Schwarzer Jeansrock gerade</strong>, asymmetrisch, Futter herausnehmbar',
					'<strong>Minipulli/Stricktop rot</strong> aus Merino- /Schurwolle, <br /><strong>Schwarzer Jeansrock glockig</strong>, asymmetrisch, herausnehmbares Futter',
					'<strong>Minipulli/Stricktop rot</strong> aus Merino- /Schurwolle, <br /><strong>Schwarzer Jeansrock glockig</strong>, asymmetrisch, herausnehmbares Futter',
					'<strong>Minipulli/Stricktop rot</strong> aus Merino- /Schurwolle, <br /><strong>Schwarzer Jeansrock glockig</strong>, asymmetrisch, herausnehmbares Futter',
					'<strong>Stricktop schwarz</strong> aus Merino- /Schurwolle, <br /><strong>Auberginenfarbener Rock</strong> aus Reinwoll-Strukturgewebe',
					'<strong>Auberginenfarbenes Kost&uuml;m</strong> aus Reinwoll-Strukturgewebe',
					'<strong>Auberginenfarbenes Kost&uuml;m</strong> aus Reinwoll-Strukturgewebe mit H&auml;nkelt&auml;schchen, <br /><strong>Rosa Bluse</strong> aus Baumwollprint, abnehmbare &Auml;rmel',
					'<strong>Minipulli/Stricktop schwarz</strong> aus Merino- /Schurwolle, <br /><strong>Pulsw&auml;rmer &amp; Schwarzer Umhang/Schal - Gewickelt</strong> aus Wolle / Lurex',
					'<strong>Roter Trenchcoat</strong> aus original Harris-Tweed, mit und ohne G&uuml;rtel, Futter aus Reinseidentaft, <br /><strong>Pulsw&auml;rmer aus Wolle / Lurex</strong>, <strong>Schwarzer Jeansrock</strong> gerade, asymmetrisch, herausnehmbares Futter',
					];




flipNavi = function() {
	
	// ersten parameter ist das Tauschziel angegeben, 
	// in der globalen Variable selectedImg ist der Tauschausgangspunkt gegeben.
	
	var toWhat = arguments[0];

	toWhat < 10 ? toWhat = "0" + toWhat : toWhat = "" + toWhat;

	var fromWhat = GselectedImg; fromWhat < 10 ? fromWhat = "0" + fromWhat : fromWhat = "" + fromWhat;
	
	document.getElementById('preview_navi_li_' + fromWhat).style["backgroundColor"] = "transparent";
	document.getElementById('preview_navi_li_' + fromWhat).style["backgroundImage"] = "url(/img/transparent_30.png)";
	document.getElementById('preview_navi_li_' + fromWhat).style["backgroundRepeat"] = "repeat";
	document.getElementById('preview_navi_li_' + fromWhat).style["color"] = "#000";
	document.getElementById('preview_navi_li_a_' + fromWhat).style["color"] = "#000";
	
	document.getElementById('preview_navi_li_' + toWhat).style["backgroundColor"] = "transparent";
	document.getElementById('preview_navi_li_' + toWhat).style["backgroundImage"] = "none";
	document.getElementById('preview_navi_li_' + toWhat).style["color"] = "#fff";	
	document.getElementById('preview_navi_li_a_' + toWhat).style["color"] = "#fff";

	GselectedImg = toWhat * 1;

}

flipPreview = function () {
	var toWhat = arguments[0];
		
	flipNavi(toWhat);
	
	var sImg = toWhat; sImg < 10 ? sImg = "0" + sImg : sImg = "" + sImg;

	document.getElementById('preview_img').src ="/img/mc/mc_"+ sImg +".jpg";
	
	document.getElementById('preview_infotext').innerHTML = GpreviewDescripton[toWhat];
}


function nextImg()
{
		
	(GselectedImg + 1) > GmaxPreview ? nextImgNr = 1 : nextImgNr = GselectedImg + 1; 

	flipNavi(nextImgNr);
	flipPreview(nextImgNr);

}