aVarOxid = new Array();

function setVariantLayout()
{
	setVariant( 'variant_js');
	setList('var_list');
}

function setVariant(sId, sTxt)
{
	sTxt = slctText;
	$( '#' + sId).append( '<span class="var_hinw_txt">' + sTxt + '</span>' + '<span class="var_hinweis"></span><a id="slct_btn" href="#"></a>');
	$( '#' + sId).addClass( 'bg');
	
	//Layer erstellen
	var slct_layer = document.createElement( 'div');
	$( slct_layer).addClass( 'var_layer');
	
	//Inhalt im Layer laden
	var var_ul = document.createElement( 'ul');
	$( var_ul).attr( "id", "var_list");
	var i = 0;
	for (var oxid in dd_varianten)
	{
		if( document.getElementById('slid_'+oxid))
		{
			var li_class = i == 0 ? 'class="noBrd"' : "";
			$( var_ul).append('<li id="' + oxid + '" ' + li_class + '>' + dd_varianten[oxid] + '</li>');
			//aVarOxid[i] = oxid;
			aVarOxid[i] = document.getElementById('slid_'+oxid);
					
			i++;
		}
		
	}

	$( slct_layer).append( var_ul);
	
	//Layer im DOM einbinden
	$( '#' + sId).after( slct_layer);
	$( slct_layer).hide();
	
	// onclick
	$( '#slct_btn').click( function () 
			              {  
			            	if ( $( slct_layer).is( ":hidden") )
			            	{
			            		//Layer aufklappen
			            		$( '#' + sId + ' span').addClass( 'off');
			            		$( slct_layer).slideDown('speed');
			            	}
			            	else
			            	{
			            		$( slct_layer).hide();
			            		$( '#' + sId + ' span').removeClass( 'off');
			            		
			            	}
			            	return false;
			              } );
}

function setList( sListId)
{
	
	/*$( "#" + sListId + " li").click( function () 
									{ 						  
									  var aid = $(this).attr( "id");
									  ajax_load('on');
									  $( "#details_bottom").load( sShopUrl + "cl=dd_details_bottom&anid=" + aid + "&tpl=dd_details_beschreibung.tpl");
									  $( "#detail_snippet").load( sShopUrl + "cl=dd_details&anid=" + aid, function () { afterVarLoad( aid); } );
									} );
	setVarSlide( sShopUrl);*/
}

function setVarSlide( sShopurl)
{
	for( var i = 0; i < aVarOxid.length; i++)
	{
		//oxid = aVarOxid[i];
		//var oElm = document.getElementById( "slid_" + oxid);
		var oElm = aVarOxid[i];
		
		
		$( oElm).click( function () 
				{ 						  
					var aid = $(this).attr( "id");
					aid = aid.substr( 5);
					ajax_load('on');
					//alert( sShopurl + "index.php?cl=dd_details_bottom&anid=" + aid);
					$( "#details_bottom").load( sShopurl + "cl=dd_details_bottom&anid=" + aid + "&tpl=dd_details_beschreibung.tpl");
					$( "#detail_snippet").load( sShopurl + "cl=dd_details&anid=" + aid, function () { afterVarLoad( aid); } );
					return false;
				} );
	}
}

function afterVarLoad( sId)
{
	ajax_load( 'off');

	showElm();
	
	//Btn von Slider checken
	for ( id in sliders)
	{
		if ( $(id).get())
		{
			setSlider( sliders[id][0], id, sliders[id][1]);
		}
	}
	//Slider-Select-Effect
	setVariantSlider();
	//sliden
	var iLastElm = lastPicInCont['#slider_colors'];
	var oAElm = $('#slider_colors li a');
	var i = 0;
	while ( i < oAElm.length && oAElm[i].className != 'active')
	{
		i++;
	}
	if( i <= oAElm.length)
	{
		var iAktElm = i + 1;
		var iOldStep = step['#slider_colors'];
		//console.debug(iAktElm +' :: '+ iLastElm);
		if( ( iLastElm - iAktElm) > anzShow['#slider_colors'])
		{
			step['#slider_colors'] = iLastElm - iAktElm;
//			if ( iAktElm != 1)
//			{
//				step['#slider_colors'] += Math.ceil( anzShow['#slider_colors']/2);
//			}
			slide( 'prev', '#slider_colors', null);
		}
		else if( iAktElm > iLastElm) 
		{
			step['#slider_colors'] = iAktElm - iLastElm;
//			if ( iAktElm != oAElm.length)
//			{
//				step['#slider_colors'] += Math.ceil( anzShow['#slider_colors']/2);
//			}
			slide( 'next', '#slider_colors', null);
		}
		step['#slider_colors'] = iOldStep;
	}
	
	//aktives Elm im Slider markieren
	$( '#slider_colors li a').addClass( 'notActive').filter( '#slider_colors li a.active').removeClass( 'notActive');
	
	setBasketBtn();
	
	setSaving();
	
	setZoomify();
}

function setBasketBtn()
{
	/*if ( $( '#to_basket_btn').length)
	{
		$( '#to_basket_btn').click( function () { ajax_load( 'on'); } );
	}*/
	
	if ( $( '#am_minus').length)
	{
		$( '#am_minus').click( function () 
				{ 
					if ( $( '#am').val() != '1')
					{
						$( '#am').val( parseInt( $( '#am').val()) - 1);
					}
					return false;
				} );
	}
	
	if ( $( '#am_plus').length)
	{
		$( '#am_plus').click( function () { $( '#am').val( parseInt( $( '#am').val()) + 1); return false;} );
	}
}