// Plugin: jDropDown
// Version: 1.0B
// Author: Chris Wiese
// Copyright: All Rights reserved to Yes Websolutions ltd

(function($) {
    $.fn.extend({
        jDropDown: function(options) {

        	var defaults = {
           ulId:'jDrop',
           clickBoxId:'jdLaunch',
           liHeight:65,
           imgPrlC:'jDpreload',
           imgPrlId:'jPrev',
           ulHeight:10,
           ulPadding:20,
           imgPath:'http://cague.de/images/product_images/info_images/'
                      	}


        	var options = $.extend(defaults, options);
        	return this.each(function() {
                var obj = $(this);
                var cnt= $('option',obj).length
                //Datensammlung
                var lnkArr = new Array();
                var hdArr =  new Array();
                var idArr =  new Array();

                //Links sammeln
                for(i=0;i<=cnt-1;i++){
                lnkArr[i] = $('option:eq('+i+')',obj).attr('value')
                }
                //Überschriften Sammeln
                for(i=0;i<=cnt-1;i++){
                hdArr[i] = $('option:eq('+i+')',obj).text();
                }
                //ID's extrudieren
                for(i=0;i<=cnt-1;i++){
                var ins = lnkArr[i].replace('.html','');
                insArr = ins.split('-')
                idArr[i] =insArr[insArr.length-1]
                }



                // Umwandlung
                $(obj).hide(1);
                var con = '#'+options.ulId

                $(obj).after('<ul id="'+options.ulId+'"></ul>')
                $(con).after('<div id="'+options.clickBoxId+'"></div>')
                $(con).before('<div id="'+options.imgPrlId+'"></div>')
                $('#'+options.clickBoxId).after('<br style="clear:both" />')
                var ulHeight=options.ulHeight
                if($.browser.msie){
                  var ulHeight= ulHeight+options.ulPadding
                }
                // Listenelemente erstellen

                for(i=0;i<=cnt-1;i++){
                if(i==0){
                $(con).append('<li style="height:20px; padding:0px; margin:0px; cursor:default; font-weight:bold; border-bottom:none;">'+hdArr[i]+'</li>')
                }
                 else{
                $(con).append('<li><div class="'+options.imgPrlC+'"><img src="'+options.imgPath+idArr[i]+'_0.jpg" /></div>'+hdArr[i]+'</li>')





                }


                }

                //interaktion mit der Liste



                // Die Liste zeigen

                $('#'+options.clickBoxId).toggle(
                function(){jOpener()},
                function(){jCloser()}
                )

                function jOpener(){
                $('#'+options.clickBoxId).addClass('active')
                var bh= (cnt*options.liHeight)
                $(con+' li:eq(0)').hide('slow');
                $(con).stop().animate({
                height:bh+'px'
                },'slow')
                }

                function jCloser(){
                $('#'+options.clickBoxId).removeClass('active');
                $(con+' li:eq(0)').show('slow');
                $(con).stop().animate({height:ulHeight+'px'})
                }


                $(con+' li').click(function(){

                var aLId=  $(this).index()
                if(aLId !=0){
                var url= lnkArr[aLId]
                window.location.href=url;
                }else{

                }
                })

                $(con+' li').hover(
                  function(){
                  var aLId=  $(this).index()
                  if(aLId!='0'){
                  $(this).addClass('liHover');

                  $('#'+options.imgPrlId).css('background-image','url('+options.imgPath+idArr[aLId]+'_0.jpg)')
                  $('#'+options.imgPrlId).stop().fadeTo(400,1);



                  }
                  },
                  function(){
                  $('#'+options.imgPrlId).stop().fadeTo(200,0);
                  $('#'+options.imgPrlId).html('')

                  $(this).removeClass('liHover')
                  }
                )



            })
        }
    })
})(jQuery);