// JavaScript Document

// set some vars
currentTab		= -1;

function clearSearchField(field){
	if(field.value == "wat zoekt u?"){
		field.value = "";
		field.className = "textField";
	}
	else{
		field.select();
		field.className = "textField";
	}
}
function resetSearchField(field){
	if(field.value == ""){
		field.className = "textField inActive";
		field.value = "wat zoekt u?";
	}
}

function clearEmailField(field){
	if(field.value == "uw emailadres"){
		field.value = "";
		field.className = "textField";
	}
	else{
		field.select();
		field.className = "textField";
	}
}
function resetEmailField(field){
	if(field.value == ""){
		field.className = "textField inActive";
		field.value = "uw emailadres";
	}
}
function setBasket(){
	$("#toggleBasket").click(function(){		
		 if ($("#productList").is(":hidden")) {
			$("#productList").slideDown("slow");
			$("#toggleBasket").addClass("closeBasketButton");
			$("#toggleBasket").removeClass("openBasketButton");
            $("#toggleBasket span").html('klap dicht');
		}
		else{
			$("#productList").slideUp("slow", function(){
													$("#toggleBasket").removeClass("openBasketButton_hover");
											  });
			$("#toggleBasket").addClass("openBasketButton");
			$("#toggleBasket").removeClass("closeBasketButton");
            $("#toggleBasket span").html('klap open');
		}
		$("#toggleBasket").blur();
	});	
	$("#toggleBasket").mouseover(function(){
		if ($("#productList").is(":hidden")) {								  	
			$("#toggleBasket").addClass("openBasketButton_hover");							  
		}
		else{
			$("#toggleBasket").addClass("closeBasketButton_hover");	
		}
	});
	$("#toggleBasket").mouseout(function(){
		if ($("#productList").is(":hidden")) {								  	
			$("#toggleBasket").removeClass("openBasketButton_hover");							  
		}
		else{
			$("#toggleBasket").removeClass("closeBasketButton_hover");	
		}
	});
}
function closeBasket(){
    if ($("#productList").is(":visible")) {
        $("#productList").slideUp("slow", function(){
													$("#toggleBasket").removeClass("openBasketButton_hover");
											  });
		$("#toggleBasket").addClass("openBasketButton");
		$("#toggleBasket").removeClass("closeBasketButton");
        $("#toggleBasket span").html('klap open');
    }
}
function loadCarroussel(obj){
	var flashvars = {
		//xmlpath: "/carrousselxml",
		//imagespath: "http://www.12gotrading.nl"
	}
	var params = {
		menu: "false",
        wmode: "transparent"
	};
	swfobject.embedSWF("/swf/carroussel.swf", obj, "780", "228", "9.0.0", "swf/expressInstall.swf",flashvars, params);
        $('#'+obj).hide();
        $('#'+obj).show();
}

function shadowTest(){
	Shadowbox.open({
        player:     'html',
        title:      'Welcome',
        content:    '<div id="welcome-msg">Welcome to my website!</div>',
        height:     350,
        width:      350
   });
	
}
function openImageViewer(name,nr,allimages){
	if(allimages == undefined){
        allimages = '';
    }

	Shadowbox.open({
		player: 'iframe',
		title: productTitle,
		content: '/products/images/'+name+'/'+nr+'/'+allimages,
		width: 900,
		height: 600
	});	
	
}
function openPopup(title, url, w, h){
    if(w == undefined){
        w = 900;
    }
    if(h == undefined){
        h = 600;
    }
    Shadowbox.open({
		player: 'iframe',
		title: title,
		content: url,
		width: w,
		height: h
	});	
}
function handleNewsletter(){
    email = $('#newsLetter input.textField').val();
    check = $('#newsLetter input:checked')[0].value;
    if(email != 'uw emailadres'){
        openPopup('Nieuwsbrief', '/newsletter/'+check+'/'+email, 360, 300);
    }
}

function showShortDetail(id, title){
	Shadowbox.open({
		player: 'iframe',
		title: title,
		content: '/popup/product/'+id,
		width: 450,
		height: 400
	});	
}

function showImage(id){
	
	// reset thumbnail
	$("#tn"+currentImage).removeClass("active");
	
	// set new thumbnail
	$("#tn"+id).addClass("active");
	
	// set image
	document.getElementById("image").src = images[id];
	document.getElementById("image").alt = document.getElementById("tn"+id).title;
	document.getElementById("imageTable").title = document.getElementById("tn"+id).title;
	
	
	currentImage = id;
}
function setTab(nr){
	if(currentTab != -1){
		$("#tab"+currentTab).removeClass("tabActive");
		$("#tab"+currentTab).addClass("tab");	
		$("#tabContent"+currentTab).addClass("hide");
	}
	$("#tab"+nr).addClass("tabActive");
	$("#tab"+nr).removeClass("tab");
	$("#tabContent"+nr).removeClass("hide");

    if(nr == 2){
        getProductQuestions();
    }

	currentTab = nr;
}
function getProductQuestions(){
    if($('#entries').html() == ''){
        $('#entries').html('<div class="spinner"><img src="/images/spinner_small.gif"/><span>bezig met laden...</span></div>');
        $.ajax({
              url: '/productquestions/getdata/'+productName,
              cache: false,
              type: 'GET',
              success: function(html){
                    $('#entries').html(html);
              }
        });
    }
    
}
function submitQuestion(){
    $('#formButton').html($('#formButton').html() + '<div class="formSpinner"><img src="/images/spinner_small.gif"/></div>');
    $('#formButton a').addClass('disabled');

    name    = $('#questionName').val();
    email   = $('#questionEmail').val();
    text    = $('#questionText').val();
    
    
    $.ajax({
          url: '/productquestions/submitquestion/',
          cache: false,
          type: 'POST',
          data: ({  product: productName,
                    name: this.name,
                    email: this.email,
                    text: this.text}),
           success: function(html){
               $('#newEntry').html(html);
           }
        });
}

function goto(url){
	location.href = url;
}

function changePaymentList(){
    val = document.getElementById("countrySelector").value;
    $("#"+currentPaymentList+"Payment").hide();
    $("#"+val+"Payment").show();
    currentPaymentList = val
    radio = $('#'+val+'Payment input:checked').val();
    handlePayment(null, radio);
}
function handlePayment(obj,val){
	// handle iDeal box
        if($('#countrySelector').val() == 'nl'){
            if(($('#nlPayment0').length == 1 && document.getElementById('nlPayment0').checked == true) ||
               ($('#nlPayment4').length == 1 && document.getElementById('nlPayment4').checked == true)){
                    $("#iDealBox").show();
            }
            else{
                    $("#iDealBox").hide();
            }
        }
        if($('#countrySelector').val() == 'be'){
            if(($('#bePayment1').length == 1 && document.getElementById('bePayment1').checked == true) ||
               ($('#bePayment3').length == 1 && document.getElementById('bePayment3').checked == true)){
                    $("#iDealBox").show();
            }
            else{
                    $("#iDealBox").hide();
            }
        }

        
	
	if(obj != null){
		document.getElementById("paymentType").value = obj.value;
	}
	else{
        if(val == undefined){
            val = 0;
        }
		document.getElementById("paymentType").value = val;
	}
	calculateTotals();
}
function calculateProduct(){
    amount          = document.getElementById('amount');
    thisNewPrice    = document.getElementById('newPrice');
    
    optionsPrice     = setOptions($('#options input.radio:checked'));
    
    
    val = parseInt(amount.value);
    if(val > 0){
        thisAmount = val;
    }
    else{
        thisAmount = 1;
    }
    if(new_price!= 0){
        perc = ((100/new_price)*optionsPrice) / 100;
    }
    else{
        perc = ((100/old_price)*optionsPrice) / 100;
    }
    if(new_price != 0){
        thisNewPrice.innerHTML = '&euro; '+convertToPrice((new_price+optionsPrice)*thisAmount);
        if(display_extended_price == true){
            calculateOptionPrices(new_price+optionsPrice,true);
        }
    }
    else{
        if(display_extended_price == true){
            calculateOptionPrices(old_price+optionsPrice,false);
        }
    }
    amount.value = thisAmount;

    
}
function calculateOptionPrices(price,newPrice){
    lists = $('table#options ul');
    for(i=0; i<lists.length; i++){
        oPrice = 0;
        items = lists[i].getElementsByTagName('li');
        for(n=0; n<items.length; n++){
            if(items[n].getElementsByTagName('input')[0].checked == true){
                oPrice = parseInt(items[n].getElementsByTagName('span')[0].title.replace('.','')) / 100;

            }
        }
        for(n=0; n<items.length; n++){
           el = items[n].getElementsByTagName('span')[0];
           tPrice = parseInt(el.title.replace('.','')) / 100;
           el.innerHTML = '&euro; '+convertToPrice(price - oPrice + tPrice);
           if(newPrice == false){
               el.className += ' stripeTrough';
           }
           
        }
    }
}
function changeAmount(val){
    amount = parseInt($('#amount').val());
    $('#amount').val(amount + val);
    $('#amountWrapper').focus();
    calculateProduct();
}
function setOption(opt,name){
        $('#'+opt+'_val').html(name);
        $('#'+opt+'_val').attr('title', name);
        //$('#'+opt+'_options ul').slideUp('slow', function(){ $('#'+opt+'_selection').removeClass('active'); });
}
function openCloseOption(opt){
    if($('#'+opt+'_options ul:hidden').length == 1){
        $('#'+opt+'_selection').addClass('active');
        $('#'+opt+'_options ul').slideDown();
    }
    else{
        $('#'+opt+'_options ul').slideUp('slow', function(){ $('#'+opt+'_selection').removeClass('active'); });
    }

}

function setOptions(obj){
    totalprice = 0;
    
    for(i=0; i<obj.length; i++){
        id  = parseInt(obj[i].id.substring(0,obj[i].id.indexOf('_')));
        val = parseInt(obj[i].value);
        txt = $('#label_'+id+'_'+val).html();;
        setOption(id,txt);
        
        if(options[id][val] > 0){
            totalprice += options[id][val];
            price = convertToPrice(options[id][val]);
        }
    }

    return totalprice;
}

function calculateTotals(){
    
	var paymentType 	= parseInt(document.getElementById("paymentType").value);
        if(payments[currentPaymentList][paymentType] != undefined){
            var paymentCosts	= payments[currentPaymentList][paymentType];
        }
        else{
            var paymentCosts	= 0;
        }
	var discount        = parseFloat(document.getElementById("discount").value);
	
	var total	= productsCosts + paymentCosts - discount;
	
	if(discount == 0){	
		$("#discountWrapper").hide();
	}
    else{
        $("#discountWrapper").show();
    }
	
	document.getElementById("paymentCosts").innerHTML = convertToPrice(paymentCosts);
	document.getElementById("discountPrice").innerHTML = convertToPrice(discount);
	document.getElementById("totalCosts").innerHTML = convertToPrice(total);
	
}

function convertToNumber(val){
	val = val.replace(".","");
	val = val.replace(",",".");
	val = parseFloat(val);
	
	return val;
}
function convertToPrice(val){
	var euros = Math.floor(val);
	var cents = Math.round((val - euros)*100);
	var price = "";
	
	var eurosStr 	= euros + ""; 
	var chopLength	= Math.floor(eurosStr.length/3);
	var rest		= eurosStr.length - chopLength*3;
	
	var chops		= new Array();
	if(rest != 0){
		chops.push(eurosStr.substring(0,rest));	
	}
	for(var n=0; n<chopLength; n++){
		start = rest + n*3;
		chops.push(eurosStr.substring(start,start+3));	
	}
	for(var r=0; r<chops.length; r++){
		if(r!= 0){
			price +=".";	
		}
		price += chops[r];
	}
	
	centsStr = cents + "";
	if(centsStr.length == 0){
		centsStr = "00";	
	}
	else if(centsStr.length == 1){
		centsStr += "0";
	}
	price += "," + centsStr;
	
	return price;
}
function paginate(obj){
    filters = '[12inch';
    filters += ']/';
    location.href = '/' + path + filters +obj.value + '/1';
}

function filterproducts(lim){
    if(lim!= undefined){
        thisLimit = lim;
    }
    else{
        thisLimit = limit;
    }
    selectboxes = $("#filterBox select");
    if(selectboxes.length>0){
        filters = '[';

        for(n=0; n<selectboxes.length; n++){
            if(filters!='['){
                filters += ',';
            }
            filters += selectboxes[n].value;
        }
        filters += ']';

        url = path + '/' + filters + '/' + thisLimit + '/1';
    }
    else{
        url = path + '/' + thisLimit + '/1';
    }

    location.href = url;
}
function openCloseHandler(obj){
    $(obj).parent().toggleClass('closed');
    $(obj).parent().toggleClass('open');
}
function clearFilters(){
    location.href =  path;
}
function toArray(str){

    data = new Array();
    
    while(str.indexOf(',')!= -1){
        pos     = str.indexOf(',');
        chunk   = str.substring(0,pos);
        str     = str.substring(pos+1);
        
        data.push(chunk);
    }
    data.push(str);

    return data;
}
function setMainmenu(){
    mainmenu_width  = $('#mainMenu').width();
    menuitems       = $('#mainMenu li');
    menuitems_width = 0;
    extended        = '';
    
    for(n=0; n<menuitems.length; n++){
        
        menuitems_width += menuitems[n].clientWidth;
        if(menuitems_width > mainmenu_width){
            extended += '<li class="'+menuitems[n].className+'">'+menuitems[n].innerHTML+'</li>';
            menuitems[n].innerHTML = '';
            menuitems[n].style.display = 'none';
            //item.remove();
        }
    }

    if(extended != ''){
        extended    = '<ul class="extended" id="extendedMainMenu">'+extended+'</ul>';
        $('#mainMenu ul').html($('#mainMenu ul').html() + '<li class="more" onclick="toggleMore();"><span>Meer</span></li>');
        $('#mainMenu').html($('#mainMenu').html() + extended);
        $('#mainMenu').mouseleave(function(){ $('#extendedMainMenu').hide(); })
    }
    
    $('#mainMenu li').css('visibility','visible');
}
function setRouteButton(){
    // 
    street  = '';
    number      = '';
    city        = '';
    if($('#routeStreet').val()!='straat'){
        street = $('#routeStreet').val();
    }
    if($('#routeNr').val()!='nr'){
        number = $('#routeNr').val();
    }
    if($('#routeCity').val()!='plaats'){
        city = $('#routeCity').val();
    }
    if(street!='' && number!='' && city!=''){
        $('#routeButton').attr('href', 'http://route.anwb.nl/routeplanner/servlet/rp?action=0&city1='+city+'&street1='+street+'&housenr1='+number+'&city2=Waddinxveen&street2=Plasweg&housenr2=36');
        $('#routeButton').attr('target','_blank');
    }
    
}
function clearField(obj, def){
    field = obj.id;
    if($('#'+field).val() == def){
        $('#'+field).val('');
    }
    else{
        $('#'+field).select();
    }
    $('#'+field).removeClass('inActive');
}
function resetField(obj, def){
    field = obj.id;

    if($('#'+field).val() == ''){
        $('#'+field).val(def);
        $('#'+field).addClass('inActive');
    }
}

function sendForm(){
    var name        = $('#contactName').val();
    var email       = $('#contactEmail').val();
    var phone       = $('#contactTelephone').val();
    var subject     = $('#contactSubject').val();
    var message     = $('#contactMessage').val();
    var sendNow     = true;
    var errorMessage= 'U dient de volgende velden (correct) ingevuld te hebben:';

    if(name == ''){
        errorMessage += '\n- Naam';
        $('#contactName').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('#contactName').parent().removeClass('required');
    }
    if(email == '' || validEmail(email) == false){
        errorMessage += '\n- E-mailadres';
        $('#contactEmail').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('#contactEmail').parent().removeClass('required');
    }
    if(message == ''){
        errorMessage += '\n- Bericht';
        $('#contactMessage').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('#contactMessage').parent().removeClass('required');
    }


    if(sendNow == true){
       $('#spinner').show();
       $.ajax({
              url: '/hash.php',
              cache: false,
              type: 'GET',
              success: function(html){
                sendFormData(html);
               }
       });
    }
    else{
        alert(errorMessage);
    }
}
function sendFormData(hash){
    $.ajax({
              url: '/form/send',
              cache: false,
              type: 'POST',
              data: ({  name: $('#contactName').val(),
                        email: $('#contactEmail').val(),
                        phone: $('#contactTelephone').val(),
                        subject: $('#contactSubject').val(),
                        message: $('#contactMessage').val(),
                        hash: hash}),
               success: function(html){
                    if(html == 'send'){
                        $('#contactForm').html('<span>Het formulier is verstuurd. We zullen zo spoedig mogelijk reageren.</span>');
                    }
                    if(html == 'error'){
                        alert('Het formulier is niet verstuurd. Probeer het nogmaals.');
                        $('#spinner').hide();
                    }

               }
    });
}


function validEmail(email){
    reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ ;
    if(email.match(reg)== null){
        return false;
    }
    else{
        return true;
    }
}

function toggleMore(){
    $('#extendedMainMenu').toggle();
}
function setpageitems(val){
    location.href = thispath + '[' + val + ',1]';
}
function loadGoogleMap(el) {
    if(GBrowserIsCompatible()){
        var map     = new GMap2(document.getElementById(el));
        var point   = new GLatLng(52.024917,4.608893);
        var cpoint  = new GLatLng(52.167194,4.696655);
        var ipoint  = new GLatLng(52.026092,4.614601);
        var txt    = "<h2>12GO Trading</h2>Plasweg 36<br>2742 KD Waddinxveen<br>t. 0180 - 328533<br>f. 0180 - 328536";

        map.setMapType(G_NORMAL_MAP);
        map.removeMapType(G_HYBRID_MAP);
        map.removeMapType(G_SATELLITE_MAP);
        map.addControl(new GSmallMapControl());
        map.setCenter(cpoint, 9);
        map.openInfoWindowHtml(ipoint, txt);

        var infowindow = map.getInfoWindow();

        var icon    = new GIcon(G_DEFAULT_ICON);
        var marker  = new GMarker(point, icon);
        map.addOverlay(marker);

        GEvent.addListener(marker, "click", function() { if(infowindow.isHidden()){ map.openInfoWindowHtml(ipoint, txt); } });
    }
}
function doSearch(){
    $('#searchField').focus();
    searchstring = $('#searchField').val();
    if(searchstring != '' && searchstring != 'wat zoekt u?'){
        location.href = '/zoeken/'+searchstring;
    }
}
function checkEnter(e){
    var characterCode;

    if(e && e.which){ //if which property of event object is supported (NN4)
        e = e;
        characterCode = e.which;
    }
    else{
        e = event;
        characterCode = e.keyCode;
    }

    if(characterCode == 13){
        doSearch();
        return false
    }
    else{
        return true
    }
}
function extendedSearch(){
    query   = $('#query').val();
    action  = '/uitgebreidzoeken/';
    $('#form').attr('action', action+query);
    $('#form').submit();
}
function tellafriend(){
    sendNow = true;
    rName  = $('#receiverName').val();
    rEmail = $('#receiverEmail').val();
    sName  = $('#senderName').val();
    sEmail = $('#senderEmail').val();
    note   = $('#note').val();

    if(rName == ''){
        $('#receiverName').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('#receiverName').parent().removeClass('required');
    }

    if(rEmail == '' || validEmail(rEmail) == false){
        $('#receiverEmail').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('#receiverEmail').parent().removeClass('required');
    }

    if(sName == ''){
        $('#senderName').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('#senderName').parent().removeClass('required');
    }

    if(sEmail == '' || validEmail(sEmail) == false){
        $('#senderEmail').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('#senderEmail').parent().removeClass('required');
    }


    if(sendNow == false){
        alert('Het formulier is niet volledig ingevuld. Controleer de groen omrande velden.');
    }
    else{
        
        $.ajax({
          url: '/tellafriend/',
          type: 'POST',
          data: ({  rName:rName,
                    rEmail:rEmail,
                    sName:sName,
                    sEmail:sEmail,
                    text:note,
                    link: thisurl,
                    product_id: product_id
                }),
          cache: false,
          success: function(html){
                if(html == 'true'){
                    $('#tabContent3').html('<h3>Het formulier is verstuurd</h3><p>U heeft zojuist iemand op de hoogte gebracht van dit product.</p>');
                }
                if(html == 'false'){
                    alert('Er is iets mis gegaan bij het versturen van het formulier. Probeer het nogmaals of neem contact met ons op.');
                }
          }
        });
    }
}
function priceWatch(){
    sendNow = true;
    name  = $('div.priceWatch #userName').val();
    email = $('div.priceWatch #userEmail').val();
    phone = $('div.priceWatch #userPhone').val();
    url   = $('div.priceWatch #url').val();
    note  = $('div.priceWatch #note').val();
    pName = $('div#pageHeader h1 span').html();

    if(name == ''){
        $('div.priceWatch #userName').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('div.priceWatch #userName').parent().removeClass('required');
    }
    if(email == ''){
        $('div.priceWatch #userEmail').parent().addClass('required');
        sendNow = false;
    }
    else{
        $('div.priceWatch #userEmail').parent().removeClass('required');
    }

    if(sendNow == false){
        alert('Het formulier is niet volledig ingevuld. Controleer de groen omrande velden.');
    }
    else{

        $.ajax({
          url: '/pricewatch/',
          type: 'POST',
          data: ({  name:name,
                    email:email,
                    phone:phone,
                    url:url,
                    text:note,
                    link: thisurl,
                    product: pName
                }),
          cache: false,
          success: function(html){
                if(html == 'true'){
                    $('#tabContent4').html('<h3>Het formulier is verstuurd</h3><p>U heeft ons zojuist op de hoogte gebracht van een product dat goedekoper aangeboden wordt. Wij zullen contact met u opnemen.</p>');
                }
                if(html == 'false'){
                    alert('Er is iets mis gegaan bij het versturen van het formulier. Probeer het nogmaals of neem contact met ons op.');
                }
          }
        });
    }
}


function showCommentForm(){
  $('#releaseBar .background').animate({height:'340px'},1000, 'swing', function(){ $('#releaseBar .commentForm').fadeIn(); } );
  $('#releaseBar .buttonWrapper').fadeOut(); 
}
function hideCommentForm(){
  $('#releaseBar .background').animate({height:'40px'},1000, 'swing', function(){ $('#releaseBar .buttonWrapper').fadeIn(); } );
  $('#releaseBar .commentForm').fadeOut('fast');

}
function sendCommentForm(){
    $('#commentFormButton').addClass('disabled');
    spinner = '<div class="spinner"></div>';
    $('#commentFormButton').html(spinner + $('#commentFormButton').html());

    $.ajax({
          url: '/releasecomment/',
          type: 'POST',
          data: ({  name:$('#commentNameField').val(),
                    email:$('#commentEmailField').val(),
                    comment:$('#commentField').val(),
                    url: location.href
                }),
          cache: false,
          success: function(feedback){
                if(feedback == 'true'){
                   $('#releaseBar .commentForm').html('<div class="inner"><h3>Uw opmerking</h3><p>Uw opmerking is verstuurd. We zullen zo spoedig mogelijk reageren.<br/><br/>Hartelijk dank.<br/><br/>12GO Trading</p><div class="callBanner"><span>U kunt natuurlijk ook altijd, tijdens kantooruren, bellen naar: 0180-328533</span></div><div class="closeButton" onclick="hideCommentForm();"><span>Sluiten</span></div></div>');
                }
                if(feedback == 'false'){
                    alert('Er is iets misgegaan. Probeer het opnieuw, of bel 0180-328533');
                }
          }
        });
}
function toggleDropDown(){

    if($('#dropDownBox ul').is(":hidden")){
        $("#dropDownBox ul a").hide();
        $("#dropDownBox ul").slideDown("slow", function(){ $("#dropDownBox ul a").show(); });
        $('#dropDownBox #toggler').removeClass('closed');
    }
    else{
        $("#dropDownBox ul a").hide();
        $("#dropDownBox ul").slideUp("slow");
        $('#dropDownBox #toggler').addClass('closed');
    }
    
}

var slides          = 0;
var currSlide       = 0;
var slideWidth      = 600;

function initSlideshow(){
    slides          = $('#slideShow .slide').length;
    if(slides > 1){
        $('#slideShow').css('height','230px');
        buttons_begin   = '<span class="prev" onclick="nextSlide(-1);"><span>vorige</span></span>';
        buttons_end     = '<span class="next" onclick="nextSlide(1);"><span>volgende</span></span>';
        buttons_middle  = '';
        for(var n = 0; n < slides; n++){
            buttons_middle += '<span class="dot" id="dot'+n+'"></span>';
        }
        buttons_middle  = '<span class="dots">'+buttons_middle+'</span>';
        $('#slideShow .buttons').html(buttons_begin + buttons_middle + buttons_end);
        $('#slideShow .buttons .prev').hide();

        $('#slideShow .slides').css('width',(650*slides)+'px');

        setDot(currSlide);
    }
    else{
        $('#slideShow').css('height','200px');
        $('.withImages a.print').css('top','210px');
    }
}
function nextSlide(nr){
    resetDot(currSlide);
    if(nr == 1){
        currSlide++;
    }
    else{
        currSlide--;
    }
    
    
    setDot(currSlide);
    moveSlide(0 - currSlide * slideWidth);
    setSlideButtons();
}

function moveSlide(moveTo){
    $('#slideShow .slides').animate({"left":moveTo+"px"},'slow');
}
function setSlideButtons(){
    if(currSlide > 0){
        $('#slideShow .buttons .prev').show();
    }
    else{
        $('#slideShow .buttons .prev').hide();
    }
    
    if(currSlide >= slides-1){
        $('#slideShow .buttons .next').hide();
    }
    else{
        $('#slideShow .buttons .next').show();
    }
}
function resetDot(nr){
    $('#dot'+nr).removeClass('activeDot');
}
function setDot(nr){
    $('#dot'+nr).addClass('activeDot');
}
function openInTop(url){
    window.top.location.href = url;
}
function toggleAddOnOptions(obj,id){
    if(obj.checked == true){
        $('#addOnOptions_'+id).show();
    }
    else{
        $('#addOnOptions_'+id).hide();
    }
    setAddOnOptionsHeight();
}
function setAddOnOptionsHeight(){
    maxHeight = 0;
    objs      = $('#addOns .item');

    // reset all heights
    for(n=0; n < objs.length; n++){
        $(objs[n]).height('auto');
    }
    // get Max height
    for(n=0; n < objs.length; n++){
        thisHeight = $(objs[n]).height();
        if(maxHeight < thisHeight){
            maxHeight = thisHeight;
        }
    }
    // set all heights
    for(n=0; n < objs.length; n++){
        $(objs[n]).height(maxHeight);
    }

}
function loadInIframe(url){
    $('#iframe').attr('src', url);
}