jQuery(document).ready( function() {

	var Jackets =	jQuery("#outlOverview li[rel='scrollToJackets']");
	var Pants = 	jQuery("#outlOverview li[rel='scrollToPants']");
	var Midlayer =	jQuery("#outlOverview li[rel='scrollToMidlayer']");
	var Baselayer =	jQuery("#outlOverview li[rel='scrollToBaselayer']");
	var Softshell =	jQuery("#outlOverview li[rel='scrollToSoftshell']");
	var Shirts =	jQuery("#outlOverview li[rel='scrollToShirts']");

	
	var nodeJackets = jQuery("#titleJackets");
	var replaceLocation = jQuery("#outlOverview li[rel='scrollToJackets']");	
	replaceLocation.prepend( nodeJackets );
	
	var nodetitleSoftshellNoWind = jQuery("#titleSoftshellNoWind");
	var replaceLocation = jQuery("#outlOverview li[rel='scrollToSoftshellNoWind']");	
	replaceLocation.prepend( nodetitleSoftshellNoWind );
	
	var nodetitlePants = jQuery("#titlePants");
	var replaceLocation = jQuery("#outlOverview li[rel='scrollToPants']");	
	replaceLocation.prepend( nodetitlePants );
	
	var nodetitleSoftshellNoWind = jQuery("#titleSoftshellNoWind");
	var replaceLocation = jQuery("#outlOverview li[rel='scrollToSoftshell']");	
	replaceLocation.prepend( nodetitleSoftshellNoWind );
	
	var nodetitleMidlayer = jQuery("#titleMidlayer");
	var replaceLocation = jQuery("#outlOverview li[rel='scrollToMidlayer']");	
	replaceLocation.prepend( nodetitleMidlayer );
	
	var nodetitleBaselayer = jQuery("#titleBaselayer");
	var replaceLocation = jQuery("#outlOverview li[rel='scrollToBaselayer']");	
	replaceLocation.prepend( nodetitleBaselayer );
	
	var nodetitleShirts = jQuery("#titleShirts");
	var replaceLocation = jQuery("#outlOverview li[rel='scrollToShirts']");	
	replaceLocation.prepend( nodetitleShirts );

	jQuery("#scrollToJackets").click( function() {
		Jackets.effect("highlight", {color: "#dddddd"}, 3000);	
		var title = Jackets.find("h2");
		title.effect("highlight", {color: "#dddddd"}, 1500, function(){$(this).fadeOut('slow')});
	});	
	jQuery("#scrollToPants").click( function() {
		Pants.effect("highlight", {color: "#dddddd"}, 3000);
		var title = Pants.find("h2");
		title.effect("highlight", {color: "#dddddd"}, 1500, function(){$(this).fadeOut('slow')});
	});
	jQuery("#scrollToSoftshell").click( function() {
		Softshell.effect("highlight", {color: "#dddddd"}, 3000);
		var title = Softshell.find("h2");
		title.effect("highlight", {color: "#dddddd"}, 1500, function(){$(this).fadeOut('slow')});
	});
	jQuery("#scrollToMidlayer").click( function() {
		Midlayer.effect("highlight", {color: "#dddddd"}, 3000);
		var title = Midlayer.find("h2");
		title.effect("highlight", {color: "#dddddd"}, 1500, function(){$(this).fadeOut('slow')});
	});
	jQuery("#scrollToBaselayer").click( function() {
		Baselayer.effect("highlight", {color: "#dddddd"}, 3000);
		var title = Baselayer.find("h2");
		title.effect("highlight", {color: "#dddddd"}, 1500, function(){$(this).fadeOut('slow')});
	});
	jQuery("#scrollToShirts").click( function() {
		Shirts.effect("highlight", {color: "#dddddd"}, 3000);
		var title = Shirts.find("h2");
		title.effect("highlight", {color: "#dddddd"}, 1500, function(){$(this).fadeOut('slow')});
	});
	
	
	jQuery("#outlOverview").css("display","block");
});

function stripeTables() {
	var tables = document.getElementsByTagName("table");
	var addClassName = " row_dark";
	for (var i=0; i<tables.length; i++) {
		if (tables[i].className.search(/edit_Farbige_Tabelle/)!=-1) {
			var rows = tables[i].getElementsByTagName("tr");
			for (var j=0; j<rows.length; j=j+1) {
				if (rows[j].className.search(/nocolor/)==-1) {
					rows[j].className = rows[j].className + addClassName;
					if (addClassName == " row_dark") {addClassName = ""} else {addClassName = " row_dark"}
				} else {
					rows[j].className = "transp";
				}
			}
		}
	}
}

function JSrot13(text) {text = text.replace(/%/, "@");var rot13text_rotated = ""; /* the function will return this string */;for (i = 1 ; i < (text.length + 1); i++) {k = text.charCodeAt(i-1);if (k >= 97 && k <= 109) {k = k + 13;} else if (k >= 110 && k <= 122) {k = k - 13;} else if (k >= 65 && k <= 77) {k = k + 13;} else if (k >= 78 && k <= 90) {k = k - 13;}rot13text_rotated = rot13text_rotated + String.fromCharCode(k);}return rot13text_rotated;}function Securemail(maillink){var maillink_output;maillink_output = JSrot13(maillink);location.href= 'mailto:' + maillink_output;}function displaymailaddress(linktext){var linktext_output;linktext_output = JSrot13(linktext);linktext_output = linktext_output.replace(/@/, "<span style='display:none'> *secure E-Mailaddress* <\/span>@");document.write(linktext_output);}




function ChangeSoundButton(){
var Status = document.getElementById("sound_status").src.search(/_on/);
if (Status != -1){
document.getElementById("sound_status").src ="/outl/media/template/sound_off.gif"
}
else {
document.getElementById("sound_status").src ="/outl/media/template/sound_on.gif"
}
}


function SoundOff(lvUrl){
var Status = document.getElementById("sound_status").src.search(/_on/);
if (Status != -1){
document.getElementById("sound_status").src ="/outl/media/template/sound_off.gif"
parent.topFrame.location.href=lvUrl;
}
}






function MaterialHandle(MaterialID){

var content = ""

content = document.getElementById (MaterialID).innerHTML;

document.getElementById ('material_description').innerHTML = content;


}









function ChangeProdHandler(ChangeType,Value1,Value2,Value3){
content = "";


switch (ChangeType)
  {
    case "prod_combination": { 
	var links = document.getElementsByName("detailselector");//zurücksetzen aller ausgwählten Links
		for (var i=0; i<links.length; i++) {
			links[i].className ="notselected";
		}
		content = "<a href='"+Value2+"'><img src='"+Value1+"' id='prod_detail_img'></a><h2 style='text-align:center'>"+Value3+"</h2>"
		document.getElementById ('prod_detail').innerHTML = content;
		break;
	}
    case "prod_detail": {
	var links = document.getElementsByName("detailselector");//zurücksetzen aller ausgwählten Links
		for (var i=0; i<links.length; i++) {
			links[i].className ="notselected";	
		}
		content = "<img src='"+Value1+"' id='prod_detail_img'>"
		document.getElementById ('prod_detail').innerHTML = content;
		break;
	}
    case "prod_img": { 
	var links = document.getElementsByName("colorselector");//zurücksetzen aller ausgwählten Links
		for (var i=0; i<links.length; i++) {
			links[i].className ="notselected";	
		}
		content = "<img src='"+Value1+"' id='prod_img'>"
		document.getElementById ('prod_img_div').innerHTML = content;
		break;
	} 
	
  }
}