var chain_name_url = 'http://www.schatzinsel-schmuck.de/shop/jpg/namensketten-vorschau.php?chain_name=%n&art_id=%a&no_ajax=';


/// detai.php #sale_det (Sie sparen x% hochzähler)
var s_count = 0;
var s_func;
var s_timer_is_on=0;

function s_timedCount()
{
	//var disc_val_sel = $("#sale_det div.sale_dis");
	time_out_ini = 120;
	time_out_step = 2;
	time_out_min = 10;
	time_out_pause = 8000;
	time_out = time_out_ini;
	
	s_count = s_count+1;

	$(disc_val_sel).text("" + s_count + "%");		
	$('div.sale_dis').toggleClass('high');
	
	if(s_count < s_max)
	{
		time_out = ( time_out_ini ) - ( s_count * time_out_step );
		time_out = (time_out >= time_out_min) ? time_out : time_out_min;		
		s_func = setTimeout("s_timedCount()",time_out);
	}
	else
	{
		$('div.sale_dis').removeClass('high');
		s_count = 0;
		s_func = setTimeout("s_timedCount()",time_out_pause);
		
	}
}

function s_doTimer()
{
	if(!s_timer_is_on)
	{
		s_timer_is_on=1;
		s_timedCount();
	}
}
/////////////////////


function NewWindow(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+','
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
//  End -->


function getItegrGalItems()
{

var data = new Array();
data[0] = "itemgr";
data[1] = "abt";
data[2] = "langID";
data[3] = "gal_type";
data[4] = "border_color";
data[5] = "sess";
data[6] = "startlimit";

var fields = '';
for (i=0;i<data.length;i++)
{
	//document.write(data[i] + "<br >");
	data_val = $('input[name=' + data[i] + ']').val();
	fields += data[i] + '=' + data_val + '&';
} 

fields+="ajax=1&";

 $.ajax({
   type: "GET",
   url: local_dir + "main_pic.php",
   data: fields,
   success: function(data){
	   	$('#pic_gal_div').hide('1000', function () {
	   		$('#pic_gal_div').html(data).show(1000, function () {
	   			tb_init('a.thickbox');
				initNameCloudListNav();
				$('div.products').jqm(); // art_info_div init jqmodal
	   		}); 		
	   	});
	 }
 });
	
}

function openSetbox(url)
{
	tb_show("Setbox",url);
	return false;
}

// Name Cloud Nav
// List nav for saved setbox examples
function initNameCloudListNav()
{
	$('#name_cloud_bottom').listnav({
	    initLetter: 'a', 
	    includeAll: true, 
	    flagDisabled: true, 
	    noMatchText: ' ', 
	    showCounts: false
	    //cookieName: 'setbox_saeved', 
	    //onClick: function(letter){ alert('You clicked ' + letter); 	
	});	
}

function tag2NamePreview(sel_tag, sel_preview)
{

	// Click on cloud tag -> preview name
	$(sel_tag).live("click", function() {
		
		// get name from sel
		var tag = $(this).html();		
//alert(tag);
		
	$(sel_preview).animate({ height:"show"}, 350, function () 
	{
			
		chain_name_url_bg = chain_name_url.replace('%n', tag);
		chain_name_url_bg = chain_name_url_bg.replace('%a', 741);
		
		$(sel_preview + ' > img').attr('src', chain_name_url_bg);
		
		//update input field with chosen tag name
		$('#chain_name_cloud').val(tag);
		$('#chain_name_cloud_bottom').val(tag);
			
	});

		return false;
	});
}

function chainnamePreviewImage(sel_input, sel_preview_img, art_id)
{
	// Chainname 
	$(sel_input).live("keyup", function() {
		var chain_name = $(this).val();
	
		chain_name = (chain_name == '') ? 'Name' : chain_name;
		
		if(art_id == '' || art_id == undefined)
		art_id = $('#art_id').val();
		
		chain_name_url_bg = chain_name_url.replace('%n', chain_name);
		chain_name_url_bg = chain_name_url_bg.replace('%a', art_id);

		$(sel_preview_img).attr('src', chain_name_url_bg);
	
	}); 
}


/* ########################################### */

$(document).ready(function(){
    $=jQuery.noConflict()

    // Name Cloud Nav
	// List nav for saved setbox examples
	initNameCloudListNav();
	
	// open setbox
	$('#setboxlink, .setbox_open').live("click", function () {

		var chain_name = $('#chain_name').val();	
		chain_name = (chain_name == '') ? 'Name' : chain_name;	
		
		var art_desc = $('.det_art_beschr > h1').html();	
		
		var size_val = $('#size_sel').val();
		var size_txt = $('#size_sel :selected').text();

		var color_val = $('#color_sel').val();
		var color_txt = $('#color_sel :selected').text();
		
		var art_id = $('#art_id').val();
		
		// OPen Setbox Link
		if( (size_val != '' && size_val != '-1') && (color_val != ''  && color_val != '-1') )
		{
			url = local_dir + "setbox.php?art_id=" + art_id + "&name=" + chain_name + "&size_val=" + size_val + "&size_txt=" + size_txt + "&color_val=" + color_val + "&color_txt=" + color_txt + "&art_desc=" + art_desc + "&KeepThis=true&TB_iframe=true&height=600&width=841&modal=true"		
			openSetbox(url);			
		}
		else
		{
			if(size_val == '-1')
			$('#size_sel').attr('class', 'selsize_error');			
			
			if(color_val == '-1')
			$('#color_sel').attr('class', 'selsize_error');
			
			alert('Bitte wähle die "Kettenlänge" und die "Oberfläche" aus');
		}		

		return false;
		
	});
	

 	chainnamePreviewImage('#chain_name', '#detail_image_cont a > img');
 	chainnamePreviewImage('#chain_name_cloud', '#name_preview > img', 741);
 	chainnamePreviewImage('#chain_name_cloud_bottom', '#name_preview_bottom > img', 741);
 	
 	
/*	
	// Chainname 
	$('#chain_name').live("keyup", function() {
		var chain_name = $(this).val();
	
		chain_name = (chain_name == '') ? 'Name' : chain_name;
		art_id = $('#art_id').val();
		
		chain_name_url_bg = chain_name_url.replace('%n', chain_name);
		chain_name_url_bg = chain_name_url_bg.replace('%a', art_id);

		$('#detail_image_cont a > img').attr('src', chain_name_url_bg);
	
	}); 
*/	
	// Load Galerie Content
	
	$('#pic_gal_link').live("click",  function () {
		
		$(this).html('<img src=' + local_dir + 'img/main-pic-gal-loader.gif border=0 align=absmiddle>&nbsp;&nbsp;<b>Wird geladen</b>');
		getItegrGalItems();
		return false;
	});
/*
	
	$('#pic_gal_type_sel').live("mouseup",  function () {
		
		$(this).replaceWith('<img src=' + local_dir + 'img/main-pic-gal-loader.gif border=0 align=absmiddle>&nbsp;&nbsp;<b>Wird geladen</b>');
		getItegrGalItems();
		return false;
	});	
*/	
	// Show Details
	// Modal
	//if($('body').prepend($('#art_info_div > div.products')))
	$('div.products').jqm();		
	
	$('#pic_gal_div .art_pic_th:not(.no_tb)').live("click",  function () {
		art_id = $(this).attr('id');
		art_id = art_id.split('_');
		art_id = 'pic_info_' + art_id[2] + '_' + art_id[3];
		
		if($.browser.msie) // IE problems with position:fixed; css
		{
			$('#' + art_id).show();
		}
		else
		{
			$('#' + art_id).jqmShow(); 
		}
		
		//init thickbox
		tb_init('#gal_pic_content a.thickbox');	
		
		return false;
	});
	
	// Close Details
	$('.close_info').live("click",  function () {
		
		//$(this).parent('div').hide();
		//$(this).parents('div.products').jqmHide();
		
		if($.browser.msie)
		{
			$(this).parents('div.products').hide();
		}
		else
		{
			$(this).parents('div.products').jqmHide();
		}		
		
	});

	// Hide/Show more_text in itemgr describtion 
	// Hide
	$('.more_text').after('<span class="show_more_text">... mehr</span>');
	// Show
	$('.show_more_text').click(function () {
		
		//$(this).hide().prev('span').toggle(); //** prev('span').toggle() NOT WORKING IN IE
		$(this).hide();
		$('.more_text').show('slow');
	})

	// enter name 
	$("#name_enter_name input[name='chain_name'], #name_enter_name_bottom input[name='chain_name']").focus( function() {
		$(this).val('');
	})
	
	// Preview chainname
	//tag2NamePreview('#name_cloud li > a', '#name_preview');
	tag2NamePreview('#name_cloud_bottom li > a, #name_cloud li > a', '#name_preview_bottom');

	// CLick submit preview button 
	$('#submit_preview_bottom').live("click",  function () {
		$('#name_preview').show();
		return false;
	});

	/* Innerfade for vertical banner */
	//$('#banner_vertical').innerfade({ speed: 'slow', timeout: 7000, type: 'random', containerheight: '580px'}).css('display', 'block').fadeTo('slow', 1.0);
	
	
	// Detail -> SALE: count to discount
	disc_val_sel = $("#sale_det div.sale_dis");	
	//var s_count = 0;
	if($(disc_val_sel).length > 0)
	{
		s_max = $(disc_val_sel).text().replace("%", "");	
		s_doTimer();
	}
	

	
});